/**
 * R10.38.9 — mobile drawer visibility / stacking authority.
 *
 * The public header creates its own stacking context (sticky header + backdrop effects).
 * A page-level backdrop with a larger z-index can therefore sit above a fixed navigation
 * child even when the child itself has a very large z-index. On iOS/Safari this makes
 * the whole drawer look dim/grey. This layer raises the header stacking context while
 * the drawer is open and then pins the drawer above the backdrop.
 */

@media (max-width:1180px){
  /* Keep the dimmer behind the drawer, not on top of it. */
  body.fazfood-public .mobile-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:12900!important;
    background:rgba(0,0,0,.68)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  body.fazfood-public.nav-open .mobile-nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Critical permanent fix: the navigation lives inside this header stacking context. */
  body.fazfood-public.nav-open .theme-site-header,
  body.fazfood-public.nav-open #site-header{
    position:sticky!important;
    top:0!important;
    z-index:13000!important;
    isolation:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav{
    z-index:13100!important;
    background:#080a0c!important;
    color:#fff!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }

  /* Every first-level label is genuine white, including iOS text-fill rendering. */
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a:link,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a:visited,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a:hover,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a:focus,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a:active,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > summary{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
  }

  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a.active{
    background:#c92f2a!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-left:5px solid #ffc928!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  }

  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > summary::after{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }

  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > div{
    background:#14171a!important;
  }
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > div a,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > div a:link,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > div a:visited{
    color:#f4f5f6!important;
    -webkit-text-fill-color:#f4f5f6!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }

  /* Close affordance must remain visible above every menu item and Safari layer. */
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-mobile-nav-close{
    z-index:13200!important;
    display:grid!important;
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    border:0!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    opacity:1!important;
  }

  /* Prevent accessibility display modes or global link rules from muting drawer labels. */
  body.fazfood-public.ubp-a11y-high-contrast .theme-site-header #main-navigation.faz-main-nav :is(a,summary),
  body.fazfood-public.ubp-a11y-readable-font .theme-site-header #main-navigation.faz-main-nav :is(a,summary){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
  body.fazfood-public.ubp-a11y-high-contrast .theme-site-header #main-navigation.faz-main-nav > a.active,
  body.fazfood-public.ubp-a11y-readable-font .theme-site-header #main-navigation.faz-main-nav > a.active{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

@media (max-width:780px){
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav{
    width:min(390px,90vw)!important;
    padding-top:max(78px,calc(env(safe-area-inset-top) + 64px))!important;
    padding-bottom:max(112px,calc(env(safe-area-inset-bottom) + 92px))!important;
  }
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav > a,
  body.fazfood-public .theme-site-header #main-navigation.faz-main-nav .faz-nav-drop > summary{
    min-height:58px!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:.025em!important;
  }
}