/* tristatepools client overrides — linked AFTER static-overrides.css so it wins.
   Every rule here is a measured live-vs-rebuild delta; see 05-review/fidelity/home/
   and 05-review/probes/measure-deltas*.mjs. */

/* (1) Dropdown caret. Live Enfold paints NO caret on "Pool Accessories" (measured:
   `.avia-menu-text::after` content:none on live); the shared override adds a 6px
   chevron + 9px margin, which also pushed every nav item 17px left of live. */
#top #header .av-main-nav > li.menu-item-has-children > a .avia-menu-text:after { content: none !important; }

/* (2) Operator 2026-11-06: "fix menu so it does not bleed into logo". Live has the SAME defect
   (measured: nav overlaps the logo by 50px at 1366, 127px at 1280, wraps to 2 rows below 1100)
   because the 8-item 18px text menu never fit the boxed 1400px container below 1440. Deliberate
   improvement over live, operator-approved. Steps measured with 05-review/probes/nav-variants*.mjs:
   every width 990–1439 ends with clear space between logo and first item; <=989 shows the
   hamburger via the rules below (the html class stays `html_mobile_menu_phone` so <=767 renders
   exactly as live; Enfold's tablet class moved the phone burger bars, measured). */
/* Enfold's small-border separator is a border-left on `.avia-menu-text` pulled into the link's
   padding (`padding-left:13px; margin-left:-13px`), so each padding step below sets the same
   pull on the span or the bar lands inside the previous item (operator 2026-11-06: "the divider
   isnt even"). */
@media (min-width: 990px) and (max-width: 1439px) {
  #top #header .av-main-nav > li > a { font-size: 14px !important; padding: 0 7px !important; }
  #top #header .av-main-nav > li > a > .avia-menu-text { padding-left: 7px !important; margin-left: -7px !important; }
}
@media (min-width: 990px) and (max-width: 1199px) {
  #top #header .av-main-nav > li > a { font-size: 13px !important; padding: 0 5px !important; }
  #top #header .av-main-nav > li > a > .avia-menu-text { padding-left: 5px !important; margin-left: -5px !important; }
  #top #header .logo img { max-width: 210px !important; height: auto !important; }
}
@media (min-width: 990px) and (max-width: 1023px) {
  #top #header .av-main-nav > li > a { font-size: 12px !important; padding: 0 4px !important; }
  #top #header .av-main-nav > li > a > .avia-menu-text { padding-left: 4px !important; margin-left: -4px !important; }
  #top #header .logo img { max-width: 190px !important; }
}
/* Tablet hamburger 768–989: mirror Enfold's phone-breakpoint menu rules so the text items hide
   and only the burger (`.menu-item-avia-special`) shows; the shared overlay handles the click. */
@media (min-width: 768px) and (max-width: 989px) {
  .responsive #top .av-main-nav .menu-item { display: none !important; }
  .responsive #top .av-main-nav .menu-item-avia-special { display: block !important; }
  .responsive .av-burger-menu-main { display: block !important; }
}

/* Visually-hidden SEO h1 on the blog shells (08-blog-migration/build-blog-widget.py). */
.ym-seo-h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* (3) SEO heading promotion pin. fix-headings.py promoted each page's Enfold special heading
   <h3> → <h1> for the document outline. On THIS theme the special heading is sized by TAG
   (--enfold-font-size-h1:40px vs h3:30px), not by its wrapper class, so the promotion changed
   the paint (measured 30px/33px → 40px/44px, two-line wrap on home + about). Pin the promoted
   h1 back to live's h3 metrics; outline changes, render does not. */
#top .av-special-heading-h3 > h1.av-special-heading-tag,
#top h1.av-special-heading-tag { font-size: 30px !important; line-height: 1.1em !important; }

/* (4) Heading-outline repair (inject-fixes.fix_heading_outline): headings lifted a level to
   close h1→h3/h4 skips keep their MEASURED live metrics (this theme sizes by tag). */
#top .ym-was-h3 { font-size: 30px !important; line-height: 1.1em !important; }
#top .avia_textblock .ym-was-h3 { margin-bottom: 8px !important; }
#top .widgettitle.ym-was-h3 { font-size: 18.7px !important; line-height: 1.1em !important; margin-bottom: 8px !important; text-transform: uppercase; letter-spacing: 1px; }
#top .ym-was-h4 { font-size: 18px !important; line-height: 1.1em !important; }
#top .ym-was-h5 { font-size: 16px !important; line-height: 1.1em !important; }
/* Enfold's `h2{text-transform:uppercase;letter-spacing:1px}` must not reach lifted headings or
   the promoted h1 (live: none / normal; measured 2026-11-06). Footer widget titles keep theirs. */
#top .ym-was-h3:not(.widgettitle), #top h1.av-special-heading-tag { text-transform: none !important; letter-spacing: normal !important; }
#top .ym-was-h4 { letter-spacing: normal !important; }