/**
 * R10.39.5 — sticky public navigation + utility-link top bar.
 * Final authority: keeps the primary/category navigation visible on desktop and
 * mobile, removes the legacy Pages dropdown from the primary menu, and gives
 * the former Pages destinations permanent links in the black utility bar.
 */
:root{
  --ubp-public-topbar-h:34px;
  --ubp-public-sticky-offset:188px;
}

html{scroll-padding-top:var(--ubp-public-sticky-offset)!important}

/* The utility bar and the complete white navigation/header stack stay together
   at the top of the viewport. Keep z-indices below modal/search overlays. */
body.fazfood-public .faz-topbar{
  position:sticky!important;
  top:0!important;
  z-index:920!important;
  height:var(--ubp-public-topbar-h)!important;
  min-height:var(--ubp-public-topbar-h)!important;
  background:#1b1b1b!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.fazfood-public .theme-site-header.faz-header,
body.fazfood-public #site-header{
  position:sticky!important;
  top:var(--ubp-public-topbar-h)!important;
  z-index:910!important;
  isolation:isolate!important;
  box-shadow:0 9px 22px rgba(15,23,42,.08)!important;
}

/* Three-zone top bar: contact/delivery | information links | branch/location. */
body.fazfood-public .faz-topbar .faz-topbar-inner{
  height:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:visible!important;
}
body.fazfood-public .faz-topbar-left,
body.fazfood-public .faz-topbar-right{
  min-width:0!important;
  gap:12px!important;
}
body.fazfood-public .faz-topbar-pages{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body.fazfood-public .faz-topbar-pages::-webkit-scrollbar{display:none!important}
body.fazfood-public .faz-topbar-pages>a{
  flex:0 0 auto!important;
  min-height:26px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:6px!important;
  color:#f5f5f5!important;
  -webkit-text-fill-color:#f5f5f5!important;
  font-family:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:.92!important;
  transition:background .18s ease,color .18s ease,opacity .18s ease!important;
}
body.fazfood-public .faz-topbar-pages>a:hover,
body.fazfood-public .faz-topbar-pages>a:focus-visible{
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.fazfood-public .faz-topbar-pages>a.active{
  background:#c9342f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
body.fazfood-public .faz-topbar-pages>a:focus-visible{
  outline:2px solid #ffc928!important;
  outline-offset:1px!important;
}

/* The legacy Pages dropdown is intentionally retired. This guard also prevents
   old cached/extension-injected markup from rendering it in the primary rail. */
body.fazfood-public #main-navigation>.faz-nav-drop{display:none!important}

/* Sticky category rail remains part of #site-header and therefore never drifts
   away from the primary menu. Keep it on its own layer within the sticky header. */
body.fazfood-public .faz-category-bar.menu-category-bar{
  position:relative!important;
  z-index:1!important;
}

/* Preserve the proven R10.38.9 drawer stacking fix. Opening the mobile menu is
   allowed to cover the black utility strip and the rest of the page. */
@media(max-width:1180px){
  :root{
    --ubp-public-topbar-h:40px;
    --ubp-public-sticky-offset:174px;
  }
  body.fazfood-public .faz-topbar{
    display:block!important;
    height:var(--ubp-public-topbar-h)!important;
    min-height:var(--ubp-public-topbar-h)!important;
  }
  body.fazfood-public .faz-topbar .faz-topbar-inner{
    width:100%!important;
    max-width:none!important;
    padding:0 10px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.fazfood-public .faz-top-delivery{display:none!important}
  body.fazfood-public .faz-social-mini{display:none!important}
  body.fazfood-public .faz-topbar-pages{justify-content:flex-start!important}
  body.fazfood-public .faz-topbar-pages>a{font-size:10px!important;padding-inline:7px!important}
  body.fazfood-public .faz-branch-mini{max-width:130px!important}

  body.fazfood-public.nav-open .theme-site-header,
  body.fazfood-public.nav-open #site-header{
    top:0!important;
    z-index:13000!important;
    isolation:auto!important;
  }
  body.fazfood-public.nav-open .faz-topbar{z-index:800!important}
}

@media(max-width:780px){
  :root{
    --ubp-public-topbar-h:38px;
    --ubp-public-sticky-offset:164px;
  }
  /* On phones the utility strip itself becomes a swipeable one-line menu so no
     destination is removed merely because the screen is narrow. */
  body.fazfood-public .faz-topbar .faz-topbar-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.fazfood-public .faz-topbar .faz-topbar-inner::-webkit-scrollbar{display:none!important}
  body.fazfood-public .faz-topbar-left,
  body.fazfood-public .faz-topbar-right,
  body.fazfood-public .faz-topbar-pages{flex:0 0 auto!important}
  body.fazfood-public .faz-topbar-left{gap:8px!important}
  body.fazfood-public .faz-topbar-left>a span{font-size:10px!important}
  body.fazfood-public .faz-topbar-pages{overflow:visible!important;gap:2px!important}
  body.fazfood-public .faz-topbar-pages>a{min-height:28px!important;font-size:10px!important;padding:0 8px!important}
  body.fazfood-public .faz-topbar-right{margin-left:0!important}
  body.fazfood-public .faz-branch-mini{max-width:none!important}
  body.fazfood-public .faz-branch-mini span{font-size:10px!important;overflow:visible!important;text-overflow:clip!important}

  /* Keep the white brand row and category rail compact while sticky. */
  body.fazfood-public .theme-site-header .site-header-inner{
    min-height:62px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  body.fazfood-public .faz-category-bar.menu-category-bar{
    min-height:54px!important;
  }
  body.fazfood-public .faz-category-bar.menu-category-bar .faz-category-scroll{
    min-height:54px!important;
  }
}

@media(max-width:440px){
  :root{--ubp-public-sticky-offset:158px}
  body.fazfood-public .faz-topbar-left>a span{font-size:9.5px!important}
  body.fazfood-public .faz-topbar-pages>a{font-size:9.5px!important;padding-inline:7px!important}
}

/* Respect day/night mode without weakening the black utility bar. */
html[data-ubp-theme="dark"] body.fazfood-public .theme-site-header.faz-header,
html[data-ubp-theme="dark"] body.fazfood-public #site-header{
  box-shadow:0 9px 24px rgba(0,0,0,.28)!important;
}

@media(prefers-reduced-motion:reduce){
  body.fazfood-public .faz-topbar-pages>a{transition:none!important}
}