/**
 * R10.38.7 — mobile navigation visibility, draggable accessibility control,
 * and site-wide day/night presentation authority.
 */

:root{--ubp-theme-surface:#fff;--ubp-theme-surface-2:#f7f4ef;--ubp-theme-text:#202124;--ubp-theme-muted:#687078;--ubp-theme-line:#dedbd2;--ubp-theme-shadow:0 18px 50px rgba(0,0,0,.18)}
html[data-ubp-theme="dark"]{color-scheme:dark;--ubp-theme-surface:#181c21;--ubp-theme-surface-2:#20252b;--ubp-theme-text:#f5f2ec;--ubp-theme-muted:#c4c9cf;--ubp-theme-line:#343b43;--ubp-theme-shadow:0 20px 55px rgba(0,0,0,.38)}

/* ---------- Public storefront day / night ---------- */
html[data-ubp-theme="dark"] body.fazfood-public{
  --faz-bg:#111418;--faz-white:#191e24;--faz-accent:#f7f2e9;--faz-text:#d4d8de;--faz-light:#aeb5bd;--faz-border:#343b43;
  --fk-heading:#f6f2ea;--fk-paragraph:#c4cad1;--fk-placeholder:#9199a4;--fk-line:#343b43;--fk-bg:#111418;--fk-card:#191e24;
  background:#111418!important;color:#d4d8de!important;
}
html[data-ubp-theme="dark"] body.fazfood-public main.container{background:#111418!important;color:#d4d8de!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(h1,h2,h3,h4,h5,h6){color:#f6f2ea!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#171c22!important;color:#f3f5f7!important;border-color:#3a424c!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(input,textarea)::placeholder{color:#8f98a3!important;opacity:1!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.theme-site-header,.faz-category-bar,.foodking-mobile-search,.foodking-mobile-nav){background:#171b20!important;border-color:#323941!important;color:#f4f1eb!important}
html[data-ubp-theme="dark"] body.fazfood-public .theme-site-header .site-header-inner{background:#171b20!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-icon-button,.mobile-menu-toggle){background:#20262d!important;border-color:#39414a!important;color:#f4f4f5!important}
html[data-ubp-theme="dark"] body.fazfood-public .mobile-menu-toggle span{background:#f5f5f5!important}
html[data-ubp-theme="dark"] body.fazfood-public .foodking-mobile-search img{filter:brightness(0) invert(1)!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-product-card,.ref-menu-card,.sf-product-card,.ref-filter-panel,.blog-featured-story,.blog-card,.blog-filter-panel,.blog-newsletter,.blog-article-shell,.blog-related-card){background:#191e24!important;border-color:#343b43!important;color:#d7dbe0!important;box-shadow:none!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-product-card,.ref-menu-card,.sf-product-card,.blog-card,.blog-featured-story) :where(h2,h3,a,strong){color:#f6f2ea!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-product-card,.ref-menu-card,.sf-product-card,.blog-card,.blog-featured-story) :where(p,small,.desc){color:#bfc6cd!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.ref-menu-page,.ref-menu-main,.sf-section,.blog-modern-shell,.blog-page-hero){background:#111418!important}
html[data-ubp-theme="dark"] body.fazfood-public .faz-search-panel{background:#181d23!important;border-color:#ef4c3a!important;color:#eef1f4!important}
html[data-ubp-theme="dark"] body.fazfood-public .faz-search-panel h2{color:#fff!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-search-form,.ref-menu-search){background:#151a20!important;border-color:#3a424b!important}
html[data-ubp-theme="dark"] body.fazfood-public :where(.faz-search-form input[type=search],.ref-menu-search input[type=search]){background:#151a20!important;color:#f4f6f8!important;border-color:#343b43!important}
html[data-ubp-theme="dark"] body.fazfood-public .faz-search-close{background:#222831!important;color:#fff!important;border-color:#3c4651!important}
html[data-ubp-theme="dark"] body.fazfood-public .foodking-mobile-nav a{color:#d1d6dc!important}
html[data-ubp-theme="dark"] body.fazfood-public .foodking-mobile-nav a.active{background:#2a2524!important;color:#ff6a55!important}
html[data-ubp-theme="dark"] body.fazfood-public .foodking-mobile-nav a:not(.order) img{filter:brightness(0) invert(.9)!important;opacity:.9!important}


.public-theme-toggle{font-size:19px!important;line-height:1!important}
.public-theme-symbol{position:static!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;overflow:visible!important;clip:auto!important;font:800 19px/1 system-ui,sans-serif!important}
html[data-ubp-theme="dark"] body.fazfood-public .public-theme-toggle{color:#ffd866!important}

/* ---------- Mobile drawer: final authority ---------- */
.mobile-nav-backdrop{display:none}
.faz-mobile-nav-close{display:none}
@media(max-width:780px){
  body.fazfood-public.nav-open{overflow:hidden!important;touch-action:none}
  body.fazfood-public .mobile-nav-backdrop{position:fixed!important;inset:0!important;z-index:11990!important;display:block!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}
  body.fazfood-public.nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.fazfood-public .theme-site-header #main-navigation{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;z-index:12000!important;
    width:min(390px,88vw)!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:84px 20px 112px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;background:#17191c!important;border:0!important;border-radius:0!important;
    box-shadow:24px 0 60px rgba(0,0,0,.38)!important;transform:translateX(-104%)!important;opacity:1!important;visibility:visible!important;
    pointer-events:none!important;transition:transform .24s cubic-bezier(.22,.8,.22,1)!important;
  }
  body.fazfood-public.nav-open .theme-site-header #main-navigation{transform:translateX(0)!important;pointer-events:auto!important}
  body.fazfood-public .theme-site-header #main-navigation>a,
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>summary{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:58px!important;margin:0!important;
    padding:15px 18px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;border-radius:0!important;background:transparent!important;
    color:#f4f5f6!important;font-family:'Rubik',system-ui,sans-serif!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;
    letter-spacing:.015em!important;text-transform:uppercase!important;text-decoration:none!important;opacity:1!important;text-shadow:none!important;
  }
  body.fazfood-public .theme-site-header #main-navigation>a:hover,
  body.fazfood-public .theme-site-header #main-navigation>a:focus-visible,
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>summary:hover,
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>summary:focus-visible{background:#22262b!important;color:#fff!important}
  body.fazfood-public .theme-site-header #main-navigation>a.active{background:rgba(217,66,50,.16)!important;color:#ff6250!important;border-left:4px solid #e64333!important;padding-left:14px!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop{display:block!important;width:100%!important;height:auto!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>summary{border-bottom:0!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>summary::after{margin-left:auto!important;color:#d9dde1!important;font-size:14px!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>div{position:static!important;display:none!important;width:100%!important;margin:0!important;padding:4px 0 10px!important;background:#202328!important;border:0!important;box-shadow:none!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop[open]>div{display:block!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>div a{display:flex!important;align-items:center!important;min-height:46px!important;padding:11px 18px 11px 30px!important;color:#d8dde2!important;background:transparent!important;border-radius:0!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;opacity:1!important}
  body.fazfood-public .theme-site-header #main-navigation .faz-nav-drop>div a:hover{background:#292d33!important;color:#fff!important}
  body.fazfood-public .faz-mobile-nav-close{position:absolute!important;top:18px!important;right:18px!important;z-index:2!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:50%!important;background:#25292e!important;color:#fff!important;font-size:27px!important;font-weight:400!important;line-height:1!important;text-transform:none!important;cursor:pointer!important}
  body.fazfood-public .faz-mobile-nav-close:focus-visible{outline:3px solid #ffcc19!important;outline-offset:3px!important}
}

/* ---------- Floating accessibility control ---------- */
.ubp-a11y-launcher{
  position:fixed;left:18px;bottom:92px;z-index:19050;width:58px;height:58px;padding:0;border:0;border-radius:20px;
  display:grid;place-items:center;background:linear-gradient(145deg,#00833e,#075e38);color:#fff;box-shadow:0 14px 34px rgba(0,89,52,.32),0 0 0 4px rgba(255,255,255,.92);
  cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ubp-a11y-launcher:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 38px rgba(0,89,52,.36),0 0 0 4px rgba(255,255,255,.95)}
.ubp-a11y-launcher:active,.ubp-a11y-launcher.is-dragging{cursor:grabbing;transform:scale(.96)}
.ubp-a11y-launcher:focus-visible{outline:4px solid #ffcc19!important;outline-offset:4px!important}
.ubp-a11y-glyph{font:900 28px/1 'Rubik',system-ui,sans-serif;letter-spacing:-.08em}
.ubp-a11y-glyph small{font-size:13px;font-weight:800;margin-left:1px}
.ubp-a11y-launcher::after{content:"";position:absolute;right:7px;bottom:7px;width:8px;height:8px;border-radius:50%;background:#ffcc19;box-shadow:0 0 0 2px rgba(0,0,0,.12)}
.ubp-a11y-panel{
  position:fixed;left:18px;bottom:160px;z-index:19049;width:min(340px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 24px));overflow:auto;
  padding:0;background:var(--ubp-theme-surface);color:var(--ubp-theme-text);border:1px solid var(--ubp-theme-line);border-radius:22px;box-shadow:var(--ubp-theme-shadow)
}
.ubp-a11y-panel[hidden]{display:none!important}
.ubp-a11y-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--ubp-theme-line)}
.ubp-a11y-panel-head div{min-width:0}.ubp-a11y-panel-head small{display:block;margin-bottom:2px;color:#c33130;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.ubp-a11y-panel-head strong{display:block;margin:0;color:var(--ubp-theme-text);font:800 20px/1.15 'Rubik',system-ui,sans-serif}
.ubp-a11y-close{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid var(--ubp-theme-line)!important;border-radius:50%!important;background:var(--ubp-theme-surface-2)!important;color:var(--ubp-theme-text)!important;font-size:22px!important;line-height:1!important;text-transform:none!important;cursor:pointer}
.ubp-a11y-panel-body{padding:16px 18px 18px}.ubp-a11y-section-label{display:block;margin:0 0 8px;color:var(--ubp-theme-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ubp-a11y-font-size{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}
.ubp-a11y-font-size button{min-height:44px;padding:0 8px;border:1px solid var(--ubp-theme-line);border-radius:12px;background:var(--ubp-theme-surface-2);color:var(--ubp-theme-text);font-weight:800;cursor:pointer}
.ubp-a11y-font-size button[aria-pressed="true"]{background:#00833e;color:#fff;border-color:#00833e;box-shadow:0 0 0 3px rgba(0,131,62,.14)}
.ubp-a11y-actions{display:grid;gap:8px}
.ubp-a11y-actions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--ubp-theme-line);border-radius:12px;background:var(--ubp-theme-surface-2);color:var(--ubp-theme-text);font:700 14px/1.25 'Rubik',system-ui,sans-serif;text-align:left;cursor:pointer;text-transform:none!important}
.ubp-a11y-actions button span:last-child{display:grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:999px;background:rgba(127,127,127,.12);font-size:12px;font-weight:800}
.ubp-a11y-actions button[aria-pressed="true"]{border-color:#00833e;background:rgba(0,131,62,.09);box-shadow:inset 3px 0 0 #00833e}
.ubp-a11y-actions button[aria-pressed="true"] span:last-child{background:#00833e;color:#fff}
.ubp-a11y-reset{width:100%;margin-top:12px;min-height:42px;border:0;border-radius:12px;background:transparent;color:#c33130;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ubp-a11y-drag-hint{display:block;margin:12px 0 0;color:var(--ubp-theme-muted);font-size:11px;line-height:1.45}
html[data-ubp-theme="dark"] .ubp-a11y-launcher{box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 0 4px rgba(255,255,255,.14)}

/* Accessibility modes intentionally use targeted readable content instead of browser zoom. */
body.ubp-a11y-text-large :where(p,li,label,input,select,textarea,button:not(.ubp-a11y-launcher),.desc,.muted){font-size:max(16px,1.05em)!important;line-height:1.62!important}
body.ubp-a11y-text-xlarge :where(p,li,label,input,select,textarea,button:not(.ubp-a11y-launcher),.desc,.muted){font-size:max(18px,1.12em)!important;line-height:1.68!important}
body.ubp-a11y-readable-font :where(*:not(svg):not(path)){font-family:Arial,'Helvetica Neue',sans-serif!important;letter-spacing:normal!important}
body.ubp-a11y-high-contrast:not(.ubp-theme-dark) :where(p,li,label,small,strong,a){color:#111!important}
body.ubp-a11y-high-contrast.ubp-theme-dark :where(p,li,label,small,strong,a){color:#fff!important}
body.ubp-a11y-high-contrast :where(input,select,textarea,button){border-width:2px!important}
body.ubp-a11y-high-contrast a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}
body.ubp-a11y-reduce-motion *,body.ubp-a11y-reduce-motion *::before,body.ubp-a11y-reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
body.ubp-a11y-focus :where(a,button,input,select,textarea):focus-visible{outline:4px solid #ffcc19!important;outline-offset:3px!important}

@media(max-width:700px){
  .ubp-a11y-launcher{left:14px;bottom:94px;width:54px;height:54px;border-radius:18px}
  .ubp-a11y-glyph{font-size:25px}.ubp-a11y-glyph small{font-size:12px}
  .ubp-a11y-panel{left:12px;bottom:158px;width:calc(100vw - 24px);border-radius:18px}
}


/* ---------- Staff authentication day / night ---------- */
.staff-theme-toggle{position:fixed;top:18px;right:18px;z-index:5000;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.94);color:#20252b;box-shadow:0 12px 32px rgba(0,0,0,.16);cursor:pointer;font-size:20px}
html[data-ubp-theme="dark"] body.staff-auth-body{background:#101318!important;color:#eef1f4!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-shell{background:#171c22!important;border-color:#303842!important;box-shadow:0 28px 90px rgba(0,0,0,.38)!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-brand{background:linear-gradient(145deg,#29221b,#16191d)!important;color:#fff!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-brand :where(h1,p,.eyebrow,.auth-benefits span){color:#f7f2e9!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-form.restaurant-panel{background:#171c22!important;color:#eef1f4!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-form :where(h2,label,.muted){color:#e5e9ed!important}
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-form input,
html[data-ubp-theme="dark"] body.staff-auth-body .staff-auth-form select{background:#10151a!important;color:#f5f7f8!important;border-color:#3a444f!important}
html[data-ubp-theme="dark"] body.staff-auth-body .auth-form-links{border-color:#303842!important}
html[data-ubp-theme="dark"] body.staff-auth-body .auth-form-links a{color:#ffb0a5!important}
html[data-ubp-theme="dark"] .staff-theme-toggle{background:#20262d;color:#ffd765;border-color:#3b4652}

/* ---------- Dashboard / POS theme control ---------- */
.admin-theme-toggle{font-size:18px!important;font-weight:700!important;line-height:1!important}
.admin-theme-toggle .admin-theme-symbol{display:grid;place-items:center;width:20px;height:20px;font-size:18px;line-height:1}
body.admin-theme-dark .admin-theme-toggle{background:#222b36!important;color:#ffd75e!important;border-color:#384556!important}
body.admin-theme-light .admin-theme-toggle{color:#27323d!important}
body.admin-theme-dark .r1026-pos-shell{background:#171717!important;color:#f5f5f5!important}
body.admin-theme-dark .r1026-pos-commandbar,body.admin-theme-dark .r1026-product-workspace,body.admin-theme-dark .r1026-current-sale{background:#202020!important;border-color:#333!important;color:#f3f3f3!important}