/* Verapath marketing — mobile nav chrome overrides.
   Loaded LAST of the marketing sheets on purpose.

   Below 1060px the nav bar becomes an opaque light panel (see the drawer block
   in vp-marketing.css). Several page sheets whiten the brand for their dark
   desktop heroes — vp-home.css `.B.light nav[data-nav] .brand` and the industry
   sheets `.B.pg-ind-* nav[data-nav] .brand` — and those selectors (0,4,1)
   outrank the generic mobile rule (0,3,1), so on those pages the wordmark stayed
   white on the light bar while the injected hamburger rendered dark: illegible
   and visibly mismatched.

   These rules tie those page selectors on specificity (the doubled [data-nav]
   takes the generic rule to (0,4,1)) and win on order, being loaded last. The
   dark brand is also what the V8 handoff's own mobile block specifies. */

@media(max-width:1060px){
  .B nav[data-nav][data-nav] .brand,
  .B nav[data-nav][data-nav] .brand .mk,
  .B nav[data-nav][data-nav] .navburger{color:var(--forest)}

  /* Submenus inside the drawer stack in flow — they must never keep the desktop
     flyout's absolute centering.

     On a touch device a tap leaves :hover stuck on what was tapped, which brought
     the desktop rules back into play: `.B.light .navlinks .has-drop:hover .drop`
     (vp-home.css) and its per-page twins in the industry sheets are (0,6,0) and
     so outrank the drawer's own (0,5,1) rule. The result was a submenu shifted
     left by half its width — mostly off-screen — the moment you opened Products
     or Industries on a phone. It never showed up under a scripted .click(),
     which sets no hover state.

     The doubled [data-nav] plus :hover/:focus-within takes these to (0,8,1) so
     they win outright, and this file loads last. */
  .B nav[data-nav][data-nav].navopen .navlinks .has-drop .drop,
  .B nav[data-nav][data-nav].navopen .navlinks .has-drop:hover .drop,
  .B nav[data-nav][data-nav].navopen .navlinks .has-drop:focus-within .drop{
    position:static;transform:none;left:auto;right:auto;top:auto;
    opacity:1;visibility:visible;pointer-events:auto;
    display:none;min-width:0;padding:2px 0 10px;
    background:transparent;border:0;border-radius:0;box-shadow:none;transition:none}
  /* Same weight as the rules above but later, so opening an accordion wins. */
  .B nav[data-nav][data-nav].navopen .navlinks .has-drop.open > .drop{display:flex}
}