/*
 * Hotel Indigo — WordPress interop layer.
 * Loads after the ported design-system CSS and neutralizes everything
 * WordPress or the Ollie parent injects that the React app never had.
 * Do NOT put design-system rules here; port those 1:1 instead.
 */

/* Imported sections are full-bleed editorial markup — never clamp them. */
.indigo-entry,
.indigo-entry .entry-content,
body .wp-site-blocks,
body .wp-block-post-content,
body .entry-content {
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

/* WP global-styles markup margins the app never had. */
.entry-content > *,
.wp-block-post-content > *,
.wp-block-group__inner-container > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.entry-content > * + *,
.wp-block-post-content > * + * {
	margin-block-start: 0;
}

/* Core image/figure chrome the custom markup doesn't use.
   NOTE: no global img max-width/height rules here — the ported design system
   sizes images per component, and a generic height:auto here breaks them. */
.entry-content figure,
.wp-block-post-content figure {
	margin: 0;
}

/* Ollie/parent typography leak-through: the ported base CSS already styles
   bare h1–h6 and lists (element-level), so nothing to add here — keep this
   layer free of design-system rules entirely. */

/* Native WP forms (search, comments) inherit the app's field look. */
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="search"],
.entry-content textarea {
	font-family: inherit;
	font-size: 1rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border, #e2e4e6);
	background: #fff;
	color: var(--ink, #22252a);
}

/* …but the High Ground form fields carry their own skin (hairline bottom
   border on the section background) — the rule above out-specifies
   .hg-field input and paints name/email/textarea white. */
.entry-content .hg-field input,
.entry-content .hg-field select,
.entry-content .hg-field textarea,
.hg-form .hg-field input,
.hg-form .hg-field select,
.hg-form .hg-field textarea {
	font-family: var(--hg-serif);
	font-size: 1.06rem;
	padding: 0.55rem 0.125rem;
	border: none;
	border-bottom: 1px solid var(--hg-hairline-on-cream, #4a0d1847);
	border-radius: 0;
	background: transparent;
	color: var(--hg-ink, #3b241c);
}

/* Admin bar offset for the fixed header (editor-facing nicety). */
body.admin-bar .home-header {
	top: 2rem;
}
@media (max-width: 48.875em) {
	body.admin-bar .home-header {
		top: 2.875rem;
	}
}

/* Block-editor canvas: keep the ported styles readable while editing. */
.editor-styles-wrapper .home-header,
.editor-styles-wrapper .home-footer {
	position: static;
}