/**
 * v2026 page reset.
 *
 * Wrapped in @layer reset, which (per the order declared in header.php:
 * theme, base, components, legacy, reset, utilities) sits ABOVE the theme's
 * `legacy` layer but BELOW Tailwind `utilities`. So this neutralises the
 * theme's leaking base rules, while Tailwind's explicit utilities
 * (text-*, p-*, mt-*, …) still win over it. Loaded after the theme CSS.
 */
@layer reset {
	/* Theme forces color #000 on headings, p and li (legacy), which beats
	   inheritance, so cards relying on an inherited text-white/text-dark-blue
	   went black. Reset to inherit here; Tailwind text-x utilities (higher
	   layer) still win where set. */
	.v2026 h1, .v2026 h2, .v2026 h3, .v2026 h4, .v2026 h5, .v2026 h6,
	.v2026 p, .v2026 li, .v2026 td, .v2026 th, .v2026 blockquote, .v2026 figure { color: inherit; }

	/* Theme draws bullets via `section ul li:before { background:url(list.png) }`
	   and indents with padding-left:20px — remove both. */
	.v2026 ul li::before,
	.v2026 ol li::before,
	.v2026 ul li::after,
	.v2026 ol li::after { content: none !important; background: none !important; }

	.v2026 ul li,
	.v2026 ol li { padding-left: 0; margin-bottom: 0; }

	.v2026 ul,
	.v2026 ol { margin-bottom: 0; padding: 0; list-style: none; }

	/* Block-level spacing leaks (section 95px, headings 11–20px, p/table 25px). */
	.v2026 section { margin-bottom: 0; }
	.v2026 p { margin-bottom: 0; }
	.v2026 h1, .v2026 h2, .v2026 h3, .v2026 h4, .v2026 h5, .v2026 h6 { margin-bottom: 0; }
	.v2026 table, .v2026 blockquote, .v2026 figure { margin: 0; }
	/* Theme (legacy) styles all table cells: border-bottom #d5d5d5, 12px padding,
	   centered text. Neutralise so the v2026 tables are driven purely by Tailwind
	   utilities (divide-y for row rules, per-cell padding/alignment). */
	.v2026 table td, .v2026 table th { margin-bottom: 0; border: 0; padding: 0; text-align: left; }

	/* Theme styles the <footer>/<button> elements — neutralise where we reuse them. */
	.v2026 button, .v2026 input, .v2026 textarea, .v2026 select { font-family: inherit; }
	.v2026 footer { background: none; }

	/* Container safety net in case the arbitrary value isn't generated by the CDN. */
	.v2026 .max-w-\[1180px\] { max-width: 1180px; margin-left: auto; margin-right: auto; }

	/* Core content blocks inside v2026 (media-text, plain lists/paragraphs from
	   the editor): restore readable list styling that the reset above strips.
	   v2026 ACF blocks always put Tailwind classes on their lists, so class-less
	   lists are always editor content. */
	.v2026 ul:not([class]) { list-style: disc; padding-left: 1.4em; margin: 1em 0; }
	.v2026 ol:not([class]) { list-style: decimal; padding-left: 1.4em; margin: 1em 0; }
	.v2026 ul:not([class]) li,
	.v2026 ol:not([class]) li { margin-bottom: 0.4em; padding-left: 0.15em; }
	.v2026 p:not([class]) + p:not([class]) { margin-top: 0.8em; }

	/* Core editor blocks sit directly in main.v2026 with no container of their
	   own (every v2026 ACF block is a <section> with its own 1180px wrapper;
	   the mobile contact bar is a .fixed div). Align core blocks — media-text,
	   galleries, headings, lists — to the same centered 1180px column. */
	.v2026 > :not(section):not(style):not(script):not(.fixed) {
		max-width: 1180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}