/* WordPress integration layer on top of the original compiled stylesheet. */
.admin-bar header.fixed, .admin-bar nav.fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar header.fixed, .admin-bar nav.fixed { top: 46px; } }
.ozu-content p { margin-bottom: 1.25em; }
.ozu-content h2 { font-size: 1.75rem; font-weight: 700; margin: 2em 0 .75em; color: hsl(var(--navy, 222 47% 11%)); }
.ozu-content a { color: hsl(var(--ozu-red)); text-decoration: underline; }

/* ---- Header (hand-built) ---- */
[data-ozu-header] [hidden] { display: none !important; }

/* ---- Elementor ----
   Content built with Elementor starts below the fixed 56px header (h-14). Without the theme header
   (Elementor Pro / HFE header template) the offset is 0. Elementor Canvas has no header at all. */
:root { --ozu-header-h: 3.5rem; }
body:not(:has([data-ozu-header])) { --ozu-header-h: 0px; }
.ozu-el-content { padding-top: var(--ozu-header-h); }
.ozu-el-content--append { padding-top: 0; }
.elementor-template-full-width [data-elementor-type="wp-page"],
.elementor-template-full-width [data-elementor-type="wp-post"] { padding-top: var(--ozu-header-h); }
.ozu-el-content, .elementor { font-family: Inter, system-ui, -apple-system, sans-serif; }
/* Tailwind's preflight resets margins/sizes; give Elementor's text widget readable defaults back. */
.elementor-widget-text-editor p:not(:last-child) { margin-bottom: 1em; }
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol { padding-left: 1.5em; margin-bottom: 1em; }
.elementor-widget-text-editor ul { list-style: disc; }
.elementor-widget-text-editor ol { list-style: decimal; }
.elementor-widget-text-editor a { color: hsl(var(--ozu-red)); text-decoration: underline; }
.elementor img { display: inline-block; }
/* Heading sizes for Elementor (preflight sets h1–h6 to font-size: inherit). Low specificity: any Elementor
   typography setting — per widget or Site Settings — still wins. */
:where(.elementor) h1.elementor-heading-title { font-size: clamp(2.25rem, 4vw, 3.5rem); }
:where(.elementor) h2.elementor-heading-title { font-size: clamp(1.875rem, 3vw, 2.5rem); }
:where(.elementor) h3.elementor-heading-title { font-size: 1.5rem; }
:where(.elementor) h4.elementor-heading-title { font-size: 1.25rem; }
:where(.elementor) h5.elementor-heading-title { font-size: 1.125rem; }
:where(.elementor) h6.elementor-heading-title { font-size: 1rem; }
:where(.elementor) .elementor-heading-title { font-weight: 700; letter-spacing: -0.01em; line-height: 1.15; }