@charset "UTF-8";
/* Chicken Road v428: self-contained combined charcoal-and-yellow theme.
   This includes v426 palette plus v427 glass treatment in correct cascade order.
   Do not rely on v426.css separately. */
/* Chicken Road v419: audited customer-facing color/material layer.
   Mirrors native app charcoal #242424 and yellow #FFC21A.
   No layout, order, state, payment, auth or admin behavior changes. */
:root{
  --cr-app-bg:#242424;
  --cr-app-deep:#1b1d1f;
  --cr-app-surface:#303235;
  --cr-app-surface-2:#383b3e;
  --cr-app-glass:rgba(255,255,255,.065);
  --cr-app-line:rgba(255,255,255,.17);
  --cr-app-text:#f5f6f7;
  --cr-app-muted:#bdc4c9;
  --cr-app-yellow:#ffc21a;
  --orange:#ffc21a;
  --orange-dark:#e3a800;
  --yellow:#ffc21a;
  --cream:#242424;
  --paper:#242424;
  --card:#303235;
  --soft:#34373a;
  --soft-2:#303338;
  --muted:#bdc4c9;
  --line:rgba(255,255,255,.17);
  --shadow:0 16px 40px rgba(0,0,0,.22);
  --co-accent:#ffc21a;
  --co-accent-dark:#e3a800;
  --co-page:#242424;
  --co-surface:#303235;
  --co-soft:#333639;
  --co-soft-2:#292c2e;
  --co-text:#f5f6f7;
  --co-muted:#bdc4c9;
  --co-line:rgba(255,255,255,.17);
  --co-shadow:0 14px 38px rgba(0,0,0,.24);
}
html:has(body[data-cr-page]),
body[data-cr-page]{background:#242424!important;color:#f5f6f7!important;color-scheme:dark;}
body[data-cr-page] :is(h1,h2,h3,h4,h5,h6){color:var(--cr-app-text);}
body[data-cr-page] :is(button,a,input,select,textarea):focus-visible{outline-color:#ffc21a;}
body[data-cr-page] :is(input,select,textarea)::placeholder{color:#9da7af!important;opacity:1;}
/* Accent labels/prices, but never recolor semantic failures or unavailable warnings. */
body[data-cr-page] :is(.item-price,.food-price,.variant-price-summary,.cart-line-total,.cart-total-row strong,.deal-price strong,.offer-promo-price,.order-total,.checkout-total-slot strong){color:#ffc21a!important;-webkit-text-fill-color:#ffc21a!important;}
/* Existing deliberate photo/media colors are left untouched. */

/* ━━━━━━━━━ CUSTOMER HOME, MENU, MODALS, CART ━━━━━━━━━ */
body[data-cr-page="home"] :is(.header,.tools-sticky){background:rgba(30,31,33,.93)!important;border-color:var(--cr-app-line)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);}
body[data-cr-page="home"] .header :is(.nav,.links a,.language-toggle){color:#f5f6f7;}
body[data-cr-page="home"] .links.open{background:#282b2e!important;color:#fff!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="home"] .links a:hover{background:rgba(255,194,26,.12)!important;color:#ffc21a!important;}
body[data-cr-page="home"] .nav-pill{background:#ffc21a!important;border-color:#ffc21a!important;color:#191919!important;box-shadow:none!important;}

body[data-cr-page="home"] .menu-toggle{background:#34373a!important;color:#fff!important;}
body[data-cr-page="home"] .hero{background:radial-gradient(ellipse at 83% 14%,#37322a 0%,#282828 43%,#242424 77%)!important;color:#fff!important;}
body[data-cr-page="home"] .hero::before{background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 50%)!important;}
body[data-cr-page="home"] .hero::after{border-color:rgba(255,255,255,.045)!important;}
body[data-cr-page="home"] .hero-copy,body[data-cr-page="home"] .hero h1{color:#fff!important;}
body[data-cr-page="home"] .hero h1 span,body[data-cr-page="home"] .eyebrow{color:#ffc21a!important;}
body[data-cr-page="home"] .hero p{color:#e0e1e2!important;}
body[data-cr-page="home"] .hero .btn.white,body[data-cr-page="home"] .btn.white{background:#ffc21a!important;border-color:#ffc21a!important;color:#1c1c1c!important;box-shadow:0 8px 23px rgba(0,0,0,.24)!important;}
body[data-cr-page="home"] .hero .btn.clear{border-color:rgba(255,255,255,.54)!important;color:#fff!important;}
body[data-cr-page="home"] :is(.quickbar,.best,.menu-zone,.menu-intro,.menu-content,.section,.visit){background:#242424!important;color:#f5f6f7!important;}
body[data-cr-page="home"] :is(.section-head p,.menu-intro p,.menu-card p,.food-body p){color:var(--cr-app-muted)!important;}
body[data-cr-page="home"] :is(.quick-card,.food-card,.menu-card,.visit-card){background:linear-gradient(155deg,#343638,#292b2d)!important;border:1px solid var(--cr-app-line)!important;color:#f5f6f7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 31px rgba(0,0,0,.16)!important;}
body[data-cr-page="home"] :is(.quick-card strong,.food-body h3,.menu-card h3,.visit-card h2,.visit-card h3){color:#f5f6f7!important;}
body[data-cr-page="home"] .quick-card:hover{background:#393c3f!important;}
body[data-cr-page="home"] :is(.quick-photo,.category-photo,.category-photo>picture.optimized-picture){background:#3b3e40!important;}
body[data-cr-page="home"] .food-image{background:radial-gradient(circle at 50% 25%,#504526,#343638 74%)!important;}
body[data-cr-page="home"] :is(.deal,.visit-card.dark){background:#1c1e20!important;color:#f7f7f7!important;}
body[data-cr-page="home"] .visit-card p{color:#cbd0d3!important;}
body[data-cr-page="home"] :is(.search input,.filter){background:#353739!important;border:1px solid var(--cr-app-line)!important;color:#fff!important;box-shadow:none!important;}
body[data-cr-page="home"] :is(.filter.active,.filter[aria-pressed="true"]){background:#ffc21a!important;border-color:#ffc21a!important;color:#1b1b1b!important;}
body[data-cr-page="home"] .category-head{background:linear-gradient(125deg,#393b3d,#27292b)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;}
body[data-cr-page="home"] .category-head h2{color:#ffc21a!important;}
body[data-cr-page="home"] .category-head p{color:#cbd0d3!important;}
body[data-cr-page="home"] .category-head::after{border-color:rgba(255,255,255,.075)!important;}
body[data-cr-page="home"] :is(.option strong,.item-price,.menu-card .item-price){color:#ffc21a!important;}
body[data-cr-page="home"] :is(.add-to-cart,.cart-action.primary,.cart-fab){background:#ffc21a!important;border-color:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;box-shadow:0 9px 21px rgba(0,0,0,.18)!important;}
body[data-cr-page="home"] .add-to-cart:disabled{opacity:.5!important;}
body[data-cr-page="home"] .cart-count{background:#18191a!important;color:#ffc21a!important;}
body[data-cr-page="home"] :is(.cart-drawer,.cart-content){background:#242424!important;color:#f5f6f7!important;}
body[data-cr-page="home"] :is(.cart-head,.cart-footer){background:#2c2e30!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;box-shadow:none!important;}
body[data-cr-page="home"] .cart-head h2{color:#fff!important;}
body[data-cr-page="home"] .cart-head::after{background:#ffc21a!important;}
body[data-cr-page="home"] .cart-item{background:rgba(255,255,255,.055)!important;border-color:var(--cr-app-line)!important;color:#f5f6f7!important;}
body[data-cr-page="home"] :is(.cart-item h3,.cart-item-note-label,.qty-value){color:#f6f7f8!important;}
body[data-cr-page="home"] :is(.qty-control,.cart-item-note){border-color:var(--cr-app-line)!important;}
body[data-cr-page="home"] :is(.qty-btn,.cart-item-note){background:#343638!important;color:#fff!important;}
body[data-cr-page="home"] .cart-action.secondary{background:transparent!important;color:#f5f6f7!important;border-color:rgba(255,255,255,.3)!important;}
body[data-cr-page="home"] .cart-close{background:#3b3e41!important;color:#fff!important;}
body[data-cr-page="home"] :is(.product-option-dialog,.account-dialog,.order-mode-dialog,.offer-promo-dialog,.legal-consent-dialog,.large-order-dialog,.restaurant-warning-dialog){background:linear-gradient(160deg,#343638,#262829)!important;border:1px solid rgba(255,255,255,.2)!important;color:#f5f6f7!important;box-shadow:0 32px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)!important;}
body[data-cr-page="home"] :is(.product-option-dialog,.account-dialog,.order-mode-dialog,.offer-promo-dialog,.legal-consent-dialog,.large-order-dialog,.restaurant-warning-dialog) :is(h2,h3,h4,strong){color:#f5f6f7;}
body[data-cr-page="home"] :is(.product-option-dialog,.account-dialog,.order-mode-dialog,.offer-promo-dialog,.legal-consent-dialog) p{color:#c5cbd0!important;}
body[data-cr-page="home"] :is(.order-mode-option,.product-option-choice,.order-mode-nav){background:#35383a!important;border-color:var(--cr-app-line)!important;color:#fff!important;}
body[data-cr-page="home"] :is(.order-mode-option.is-selected,.product-option-choice.is-selected,.product-option-choice[aria-checked="true"]){background:rgba(255,194,26,.11)!important;border-color:#ffc21a!important;color:#fff!important;}
body[data-cr-page="home"] :is(.order-mode-option .order-mode-copy,.order-mode-subtitle,.order-mode-foot,.offer-promo-description){color:#cbd0d3!important;}
body[data-cr-page="home"] :is(.order-mode-close,.product-option-close,.offer-promo-close){background:#44474a!important;color:#fff!important;}
body[data-cr-page="home"] :is(.order-mode-icon,.order-mode-option[data-order-mode="pickup"] .order-mode-icon){background:#ffc21a!important;color:#202020!important;}
body[data-cr-page="home"] :is(.order-mode-nav::before,.offer-promo-eyebrow){color:#ffc21a!important;}
body[data-cr-page="home"] :is(.offer-promo-add,.large-order-call,.auth-tab.active){background:#ffc21a!important;color:#191919!important;border-color:#ffc21a!important;}
body[data-cr-page="home"] :is(.offer-promo-browse,.large-order-close){background:#424548!important;color:#fff!important;}
body[data-cr-page="home"] :is(.auth-tabs,.auth-field input,.auth-field textarea){background:#313437!important;color:#fff!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="home"] :is(.auth-field,.auth-field label){color:#f5f6f7!important;}
body[data-cr-page="home"] .auth-tab:not(.active){color:#cbd0d3!important;}
body[data-cr-page="home"] :is(.live-order-status-icon,.customer-live-update-toast-mark){background:#ffc21a!important;color:#191919!important;}
body[data-cr-page="home"] :is(.live-order-status-step.done,.live-order-status-step.current){background:#ffc21a!important;}
body[data-cr-page="home"] .footer{background:#191b1d!important;color:#f5f6f7!important;}

/* ━━━━━━━━━ CHECKOUT ━━━━━━━━━ */
body[data-cr-page="checkout"] :is(.hero,.card,.cart-card,.details-card,.success,.order-confirm-dialog,.large-order-dialog,.restaurant-warning-dialog,.legal-consent-dialog){background:linear-gradient(150deg,#343638,#282a2c)!important;color:#f5f6f7!important;border:1px solid var(--cr-app-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 15px 36px rgba(0,0,0,.2)!important;}
body[data-cr-page="checkout"] :is(.card-head,.cart-card>.card-head,.details-card>.card-head){background:#303235!important;color:#fff!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="checkout"] :is(.card-head h2,.details-card>.card-head h2,.hero h1,.brand strong,.summary-row.total){color:#fff!important;-webkit-text-fill-color:#fff!important;}
body[data-cr-page="checkout"] :is(.card-head span,.brand span,.hero p,.compact-section-label,.compact-discount-note,.compact-details p,.order-method-note){color:var(--cr-app-muted)!important;}
body[data-cr-page="checkout"] :is(.form-body,.cart-list,.summary,.compact-details,.compact-details-body,.compact-account-summary,.compact-methods,.checkout-promo,.saved-delivery-address,.order-confirm-summary,.checkout-account-credit){background:#303235!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="checkout"] :is(.compact-method,.order-method-field,.delivery-instruction-chip,.checkout-promo-entry input,.field input,.field select,.field textarea,.compact-details textarea,.saved-delivery-address-picker){background:#3b3e40!important;border:1px solid var(--cr-app-line)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
body[data-cr-page="checkout"] :is(.field,.field label,.compact-account-copy strong,.summary-row,.compact-section-label){color:#f4f5f6!important;-webkit-text-fill-color:currentColor!important;}
body[data-cr-page="checkout"] :is(.compact-method.active,.compact-method[aria-pressed="true"],.delivery-instruction-chip.selected,.delivery-instruction-chip[aria-pressed="true"],.submit,.nav-button.primary,.order-confirm-accept){background:#ffc21a!important;color:#1c1c1c!important;-webkit-text-fill-color:#1c1c1c!important;border-color:#ffc21a!important;box-shadow:none!important;}
body[data-cr-page="checkout"] :is(.compact-method.active,.compact-method[aria-pressed="true"]) :is(span,strong,svg){color:#1c1c1c!important;}
body[data-cr-page="checkout"] .checkout-layout :is(.card,.details-card,.cart-card){border-color:var(--cr-app-line)!important;}
body[data-cr-page="checkout"] :is(.nav-button,.order-confirm-cancel){background:#343739!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="checkout"] .nav-button.primary{background:#ffc21a!important;color:#191919!important;}
body[data-cr-page="checkout"] :is(.compact-mobile-bar,.mobile-operations-slot,.mobile-total-slot){background:#2d3032!important;color:#fff!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="checkout"] .summary-row.total strong,body[data-cr-page="checkout"] .cart-card .summary-row.total strong{color:#ffc21a!important;-webkit-text-fill-color:#ffc21a!important;}
body[data-cr-page="checkout"] :is(.checkout-promo-entry button,.checkout-cashback-actions button,.checkout-account-credit button){border-color:#ffc21a!important;}
body[data-cr-page="checkout"] .compact-account-summary a{color:#ffc21a!important;}
body[data-cr-page="checkout"] :is(.order-confirm-dialog h2,.restaurant-warning-title,.large-order-dialog h2){color:#fff!important;}
body[data-cr-page="checkout"] .operations{background:#343638!important;border-color:var(--cr-app-line)!important;color:#cbd0d3!important;}
body[data-cr-page="checkout"] .legal-ack{color:#cbd0d3!important;}
body[data-cr-page="checkout"] .legal-ack a{color:#ffc21a!important;}
/* Promotional, positive cashback and negative status notices retain distinct semantic colors. */

/* ━━━━━━━━━ ACCOUNT / ADDRESSES / ORDER HISTORY ━━━━━━━━━ */
body[data-cr-page="account"] :is(.hero,main.card,.card,.card-body,.section,.account-panel,.account-panel>.section,.form-body,.account-welcome){background:linear-gradient(155deg,#323437,#282a2c)!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] :is(.hero,.account-welcome,.card-head){box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
body[data-cr-page="account"] :is(.card-head,.account-welcome){background:#303235!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] :is(.brand strong,.account-welcome h2,.section h2,.card h2,.account-tile-copy strong,.profile-email-label-row){color:#f7f7f8!important;-webkit-text-fill-color:#f7f7f8!important;}
body[data-cr-page="account"] :is(.brand span,.account-welcome p,.lead,.small,.section-intro,.account-tile-copy small,.order-meta){color:#c1c7cb!important;}
body[data-cr-page="account"] :is(.topbar,.nav-button,.auth-tabs,.account-tile,.account-panel,.account-hub,.address-editor,.saved-address-card,.address-location-card,.profile-email-inline-panel,.support-request-card,.address-empty-state,.address-default-check,.order-help-dialog,.order-help-dialog-head,.receipt-preview-dialog,.receipt-preview-head,.receipt-preview-actions){background:#303235!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] :is(.auth-tab:not(.active),.account-tile,.account-tile-arrow,.address-editor-cancel){color:#f5f6f7!important;-webkit-text-fill-color:#f5f6f7!important;}
body[data-cr-page="account"] :is(.auth-tab.active,.account-action:not(.secondary),.submit,.nav-button.primary,.order-again-button,.orders>.order .order-receipt-button,.order-receipt-button,.receipt-preview-download,.reorder-preview-confirm,.address-map-confirm){background:#ffc21a!important;border-color:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;box-shadow:none!important;}
body[data-cr-page="account"] :is(.auth-tab.active,.account-action:not(.secondary),.submit) :is(span,strong,svg){color:#191919!important;}
body[data-cr-page="account"] :is(.field input,.field textarea,.field select,.code-input,.note-label textarea,.address-editor .field input,.address-editor .field textarea,.address-editor .field select,.profile-email-inline-panel .field input,.order-help-center-field select,.order-help-center-field textarea,.order-help-form select,.order-help-form textarea){background:#3b3e41!important;border:1px solid var(--cr-app-line)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
body[data-cr-page="account"] :is(.field,.profile-email-inline-panel .field,.address-editor .field,.address-editor .field label,.order-help-center-field,.order-help-form label){color:#f5f6f7!important;}
body[data-cr-page="account"] :is(.profile-email-field>input[readonly],.address-compound input[readonly]){background:#303235!important;color:#e2e5e7!important;-webkit-text-fill-color:#e2e5e7!important;}
body[data-cr-page="account"] :is(.saved-address-card-actions button,.address-map-button,.address-editor-cancel,.order-help-choice-action,.order-receipt-button:not(.receipt-preview-download)){border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] :is(.saved-address-card-actions button,.address-map-button,.address-editor-cancel,.order-help-choice-action){background:#3a3d40!important;color:#f5f6f7!important;}
body[data-cr-page="account"] :is(.saved-address-main,.saved-address-title,.address-location-head,.saved-address-text,.order-help-center-head h2){color:#f5f6f7!important;}
body[data-cr-page="account"] :is(.saved-address-map-hint,.address-name-help,.address-location-status,.order-help-center-field>small,.support-request-card p){color:#c1c7cb!important;}
body[data-cr-page="account"] :is(.order-help-choice-action.primary,.order-help-launch,.cashback-claim){background:#ffc21a!important;border-color:#ffc21a!important;color:#191919!important;}
body[data-cr-page="account"] .orders>.order{background:linear-gradient(150deg,#343638,#292b2d)!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] .orders>.order .order-head{background:rgba(255,255,255,.04)!important;}
body[data-cr-page="account"] .orders>.order :is(.order-total,.order-price){color:#ffc21a!important;-webkit-text-fill-color:#ffc21a!important;}
body[data-cr-page="account"] :is(.orders>.order .account-order-status-step.done,.orders>.order .account-order-status-step.current){background:#ffc21a!important;}
body[data-cr-page="account"] .orders>.order> .items{background:#333639!important;color:#f5f6f7!important;border-color:var(--cr-app-line)!important;}
body[data-cr-page="account"] .order-rating-comment-field textarea{background:#3b3e41!important;color:#f5f6f7!important;}
body[data-cr-page="account"] :is(.order-help-dialog-head,.receipt-preview-head,.receipt-preview-actions){border-color:var(--cr-app-line)!important;}
/* Preserve Leaflet map visuals, order-state warnings, payment receipts and status semantics. */

/* ━━━━━━━━━ LEGAL AND PRIVACY ━━━━━━━━━ */
body[data-cr-page="legal"] :is(.topbar,.card,.contact,.jump a,.button,.language){background:linear-gradient(155deg,#343638,#2b2d2f)!important;border-color:var(--cr-app-line)!important;color:#f5f6f7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;}
body[data-cr-page="legal"] .hero{background:linear-gradient(135deg,#303235,#232527)!important;border:1px solid var(--cr-app-line)!important;}
body[data-cr-page="legal"] :is(.card h2,.card h3,.brand strong,.footer a){color:#f5f6f7!important;}
body[data-cr-page="legal"] :is(.card p,.card li,.brand small,.footer){color:#c1c7cb!important;}
body[data-cr-page="legal"] :is(.contact a,.hero .eyebrow){color:#ffc21a!important;}
body[data-cr-page="legal"] .button.dark{background:#ffc21a!important;border-color:#ffc21a!important;color:#191919!important;}

/* On all pages, links and contrast must remain usable for keyboard/touch users. */
body[data-cr-page] :is(input,select,textarea):focus-visible{border-color:#ffc21a!important;box-shadow:0 0 0 3px rgba(255,194,26,.18)!important;}
@media(prefers-reduced-motion:reduce){body[data-cr-page] :is(.hero,.card,.menu-card){transition:none!important;}}

/* Final header/primary controls: override legacy orange and ink-filled labels. */
body[data-cr-page] .language-toggle,
body[data-cr-page] .language-toggle:hover,
body[data-cr-page] .language-toggle:focus-visible{
  background:#ffc21a!important;
  border-color:#ffc21a!important;
  color:#191919!important;
  -webkit-text-fill-color:#191919!important;
  box-shadow:0 5px 14px rgba(0,0,0,.13)!important;
}
body[data-cr-page] .language-toggle *,
body[data-cr-page] .nav-button.primary *,
body[data-cr-page="home"] .cart-action.primary *{color:#191919!important;-webkit-text-fill-color:#191919!important;}
body[data-cr-page="home"] .order-mode-nav.order-mode-header{
  background:#36393b!important;
  border:1px solid rgba(255,255,255,.2)!important;
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .order-mode-nav.order-mode-header :is(.order-mode-header-label,.order-mode-header-value,.order-mode-header-chevron){
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .order-mode-nav.order-mode-header .order-mode-header-label{color:#bfc5c9!important;-webkit-text-fill-color:#bfc5c9!important;}
body[data-cr-page="account"] .nav-button:not(.primary){-webkit-text-fill-color:#f5f6f7!important;}
body[data-cr-page="checkout"] .large-order-call{background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;}


/* V419 visual audit corrections. Intentionally scoped to customer-facing components;
   native behavior, ordering state, and semantic status colors remain untouched. */

/* Header: remove leftover orange hardcodes and the opaque desktop nav slab. */
body[data-cr-page="home"] .links a:not(.nav-pill),
body[data-cr-page="home"] .links .account-nav{
  color:var(--cr-app-text)!important;-webkit-text-fill-color:var(--cr-app-text)!important;
}
body[data-cr-page="home"] .links a:not(.nav-pill):is(:hover,:focus-visible),
body[data-cr-page="home"] .links .account-nav:is(:hover,:focus-visible){
  color:var(--cr-app-yellow)!important;-webkit-text-fill-color:var(--cr-app-yellow)!important;
}
body[data-cr-page="home"] .links a:not(.nav-pill)::after,
body[data-cr-page="home"] .links .account-nav::after{background:var(--cr-app-yellow)!important;}
body[data-cr-page="home"] .nav-pill:is(:hover,:focus-visible){
  background:#e3a800!important;border-color:#e3a800!important;
  color:#161719!important;-webkit-text-fill-color:#161719!important;
  box-shadow:0 7px 16px rgba(0,0,0,.22)!important;
}
@media(min-width:861px){
  body[data-cr-page="home"] .header .links{background:transparent!important;border:0!important;box-shadow:none!important;}
}
body[data-cr-page="home"] .header .nav-pill,
body[data-cr-page="home"] .header .nav-pill *{color:#191919!important;-webkit-text-fill-color:#191919!important;}

/* Promo: the legacy animation flashes saturated orange twice per cycle.
   Keep a steady frosted dark promo with yellow code emphasis. */
body[data-cr-page="home"] .first-order-menu-promo-inner{
  animation:none!important;
  background:linear-gradient(140deg,#34373a,#292b2e)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#f5f6f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 9px 22px rgba(0,0,0,.15)!important;
}
body[data-cr-page="home"] .first-order-menu-promo .first-order-code-copy{
  background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] .first-order-menu-promo .first-order-code-copy:is(:hover,:focus-visible){background:#e3a800!important;}
body[data-cr-page="home"] .first-order-menu-promo :is(strong,span span){color:#f2f3f4!important;}

/* Home menu chips: yellow means active, but yellow requires dark label text. */
body[data-cr-page="home"] :is(.filter.active,.filter[aria-pressed="true"],.filter.is-pressing){
  background:var(--cr-app-yellow)!important;border-color:var(--cr-app-yellow)!important;
  color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] .filter:not(.active):not([aria-pressed="true"]){
  color:#f4f5f6!important;-webkit-text-fill-color:#f4f5f6!important;
}
body[data-cr-page="home"] :is(.first-order-menu-promo,.menu-intro,.menu-content){color:var(--cr-app-text);}
body[data-cr-page="home"] :is(.menu-card,.food-card,.quick-card) :is(a:not(.add-to-cart),button:not(.add-to-cart)){
  color:var(--cr-app-yellow);
}
body[data-cr-page="home"] .category-head .special-offers-badge{border-color:rgba(255,194,26,.5)!important;}

/* Actual light islands inside the legacy customer sign-in dialog. Parent was dark,
   but auth-form/account-section still retained fixed white backgrounds. */
body[data-cr-page="home"] :is(.account-dialog .account-body,.account-dialog .auth-form,.account-dialog .account-section){
  background:#2e3134!important;border-color:rgba(255,255,255,.17)!important;color:#f5f6f7!important;
}
body[data-cr-page="home"] .account-dialog :is(.auth-choice-label,.account-section h3,.auth-field,.auth-field>span){
  color:#f5f6f7!important;-webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] :is(.account-dialog .auth-small,.account-dialog .auth-contact-switch){
  background:#373a3d!important;color:#e2e5e7!important;border-color:rgba(255,255,255,.17)!important;
}
body[data-cr-page="home"] .account-dialog .auth-contact-option{color:#e2e5e7!important;}
body[data-cr-page="home"] .account-dialog .auth-contact-option.active{
  background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] .account-dialog :is(.auth-submit,.account-close,.account-action:not(.secondary)){
  background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;
  border-color:#ffc21a!important;
}
body[data-cr-page="home"] .account-dialog .account-action.secondary{
  background:#373a3d!important;color:#ffc21a!important;-webkit-text-fill-color:#ffc21a!important;
  border-color:#ffc21a!important;
}
body[data-cr-page="home"] .account-dialog :is(.auth-tab.active,.account-kicker){color:#191919!important;}
body[data-cr-page="home"] .account-dialog .account-kicker{color:#ffc21a!important;}
body[data-cr-page="home"] .account-dialog .auth-tab.active{
  background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] .account-dialog .account-head::after{background:#ffc21a!important;}
body[data-cr-page="home"] .account-dialog .account-intro::after{color:#ffc21a!important;}

/* Restore clarity for nested modals, option rows and info banners. */
body[data-cr-page="home"] :is(.product-option-dialog,.order-mode-dialog,.offer-promo-dialog) :is(input,textarea,select){
  background:#3b3e41!important;border:1px solid rgba(255,255,255,.2)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body[data-cr-page="home"] :is(.product-option-dialog,.order-mode-dialog,.offer-promo-dialog) :is(.option,.option-list,.product-option-body,.order-mode-options){
  color:#f5f6f7!important;
}
body[data-cr-page="home"] .cart-drawer :is(.cart-action.primary,.cart-fab){
  background:#ffc21a!important;color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] :is(.cart-drawer,.cart-content) :is(input,textarea,select){
  background:#373a3d!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;
}
body[data-cr-page="home"] :is(.cart-head,.cart-footer) :is(p,small,span){color:#cfd4d8;}

/* Checkout: inactive order methods should not look selected; preserve the actual
   active state, with readable dark text on a bright yellow button. */
body[data-cr-page="checkout"] .compact-method:not(.active):not([aria-pressed="true"]){
  background:#3a3d40!important;border-color:rgba(255,255,255,.22)!important;
  color:#f7f8f9!important;-webkit-text-fill-color:#f7f8f9!important;
}
body[data-cr-page="checkout"] .compact-method:is(.active,[aria-pressed="true"]) *{
  color:#191919!important;-webkit-text-fill-color:#191919!important;
}
body[data-cr-page="checkout"] :is(.order-confirm-dialog,.large-order-dialog,.legal-consent-dialog) :is(input,textarea,select){
  background:#3b3e41!important;color:#f6f7f8!important;border-color:rgba(255,255,255,.2)!important;
}
body[data-cr-page="checkout"] :is(.submit,.nav-button.primary,.order-confirm-accept):disabled{
  opacity:.55!important;cursor:not-allowed!important;
}

/* Account: address cards, dropdowns, account history and modal footers. */
body[data-cr-page="account"] :is(.account-panel,.account-tile,.saved-address-card,.orders>.order) :is(input,select,textarea){
  background:#383b3e!important;color:#f7f8f9!important;border:1px solid rgba(255,255,255,.22)!important;
}
body[data-cr-page="account"] :is(.receipt-preview-dialog,.order-help-dialog) :is(.card,.modal-body,.dialog-body,.order-help-form){
  background:#303235!important;color:#f4f5f6!important;border-color:rgba(255,255,255,.17)!important;
}
body[data-cr-page="account"] :is(.order-receipt-button,.receipt-preview-download,.order-again-button) :is(span,strong){
  color:#191919!important;-webkit-text-fill-color:#191919!important;
}

/* Legal: visible text and links on charcoal rather than old blue/gray patches. */
body[data-cr-page="legal"] :is(.jump a,.contact a,.footer a):is(:hover,:focus-visible){
  color:#ffc21a!important;
}
body[data-cr-page="legal"] .button.dark :is(span,strong){color:#191919!important;-webkit-text-fill-color:#191919!important;}

/* Neutralize the legacy orange glow on the order-method pill. */
body[data-cr-page="home"] .order-mode-nav.order-mode-header{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 15px rgba(0,0,0,.18)!important;}
body[data-cr-page="home"] .order-mode-nav.order-mode-header:is(:hover,:focus-visible){border-color:rgba(255,194,26,.6)!important;box-shadow:0 0 0 2px rgba(255,194,26,.15)!important;}


/* ━━━━━━━━━ Chicken Road v421 · storefront visual cleanup ━━━━━━━━━
   Scoped to storefront only. No changes to the underlying cart interactions. */

/* The badge inherits the cart button's dark -webkit-text-fill-color otherwise.
   Force a visible yellow count on charcoal in ALL hover/keyboard/animation states. */
body[data-cr-page="home"] .cart-fab .cart-count,
body[data-cr-page="home"] .cart-fab:hover .cart-count,
body[data-cr-page="home"] .cart-fab:focus-visible .cart-count,
body[data-cr-page="home"] .cart-fab:active .cart-count,
body[data-cr-page="home"] .cart-fab .cart-count.cart-count-received{
  display:grid!important;
  place-items:center!important;
  background:#191b1d!important;
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
  border:1px solid rgba(255,194,26,.65)!important;
  min-width:31px!important;
  height:31px!important;
  padding:0 7px!important;
  font-size:15px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1!important;
  opacity:1!important;
  box-sizing:border-box!important;
  text-shadow:none!important;
}

/* Uniform dark-glass cart: override the legacy orange and white inner styles. */
body[data-cr-page="home"] .cart-drawer,
body[data-cr-page="home"] .cart-drawer .cart-content{
  background:#242424!important;
  color:#f5f6f7!important;
  -webkit-text-fill-color:initial;
}
body[data-cr-page="home"] .cart-drawer .cart-head,
body[data-cr-page="home"] .cart-drawer .cart-footer{
  background:#2c2e30!important;
  color:#f5f6f7!important;
  border-color:rgba(255,255,255,.16)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-head::after,
body[data-cr-page="home"] .cart-drawer .cart-item::before{
  background:#ffc21a!important;
}
body[data-cr-page="home"] .cart-drawer .cart-close,
body[data-cr-page="home"] .cart-drawer .cart-close:hover,
body[data-cr-page="home"] .cart-drawer .cart-close:focus-visible{
  background:#3c3f42!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-empty{
  background:#303235!important;
  color:#cbd1d5!important;
  -webkit-text-fill-color:#cbd1d5!important;
  border:1px dashed rgba(255,255,255,.23)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-empty::before{
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item{
  background:#303235!important;
  border:1px solid rgba(255,255,255,.17)!important;
  color:#f5f6f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.13)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item h3,
body[data-cr-page="home"] .cart-drawer .cart-item-note-label,
body[data-cr-page="home"] .cart-drawer .qty-value{
  color:#f7f8f9!important;
  -webkit-text-fill-color:#f7f8f9!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item-option,
body[data-cr-page="home"] .cart-drawer .cart-note,
body[data-cr-page="home"] .cart-drawer .cart-total-row span,
body[data-cr-page="home"] .cart-drawer .cart-delivery-row strong{
  color:#c7cdd1!important;
  -webkit-text-fill-color:#c7cdd1!important;
}
body[data-cr-page="home"] .cart-drawer .cart-line-total,
body[data-cr-page="home"] .cart-drawer .cart-total-row strong,
body[data-cr-page="home"] .cart-drawer .cart-delivery-row.has-fee strong{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
}
body[data-cr-page="home"] .cart-drawer .qty-control{
  border:1px solid rgba(255,255,255,.18)!important;
  background:#323538!important;
}
body[data-cr-page="home"] .cart-drawer .qty-btn{
  background:#414448!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-cr-page="home"] .cart-drawer .qty-btn:hover:not(:disabled),
body[data-cr-page="home"] .cart-drawer .qty-btn:focus-visible:not(:disabled){
  background:#53575b!important;
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
}
body[data-cr-page="home"] .cart-drawer .qty-btn:disabled,
body[data-cr-page="home"] .cart-drawer .qty-btn[aria-disabled="true"]{
  background:#36393c!important;
  color:#9da5aa!important;
  -webkit-text-fill-color:#9da5aa!important;
}
body[data-cr-page="home"] .cart-drawer .remove-item{
  color:#dbe0e3!important;
  -webkit-text-fill-color:#dbe0e3!important;
}
body[data-cr-page="home"] .cart-drawer .remove-item:hover,
body[data-cr-page="home"] .cart-drawer .remove-item:focus-visible{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item-note,
body[data-cr-page="home"] .cart-drawer :is(input,textarea,select){
  background:#383b3e!important;
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
  border-color:rgba(255,255,255,.22)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-action.primary,
body[data-cr-page="home"] .cart-drawer .cart-action.primary:hover:not(:disabled),
body[data-cr-page="home"] .cart-drawer .cart-action.primary:focus-visible:not(:disabled){
  background:#ffc21a!important;
  border-color:#ffc21a!important;
  color:#191919!important;
  -webkit-text-fill-color:#191919!important;
  box-shadow:0 8px 21px rgba(0,0,0,.18)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-action.secondary{
  background:#3c3f42!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .cart-drawer .cart-action.secondary:hover:not(:disabled){
  background:#4a4e52!important;
  border-color:#ffc21a!important;
}
body[data-cr-page="home"] .cart-fab.cart-intake-ready::after{
  border-color:rgba(255,194,26,.68)!important;
}

/* Giant decorative CHICKEN ROAD letters behind category content.
   Subtle darker-gray ink relative to the charcoal gradient, never orange. */
body[data-cr-page="home"] .menu-category .category-head::after{
  color:rgba(4,6,8,.22)!important;
  -webkit-text-fill-color:rgba(4,6,8,.22)!important;
  opacity:1!important;
  text-shadow:none!important;
}


/* ━━━━━━━━━ Chicken Road v421 · storefront visual cleanup ━━━━━━━━━ */

/* 1) Closed / unavailable notices: no pale cream pill. Match the charcoal page,
   but use a brighter red message tone so the warning is obvious. */
body[data-cr-page="home"] .ordering-notice:not(.limited),
body[data-cr-page="checkout"] .notice,
body[data-cr-page="checkout"] .ordering-notice:not(.limited){
  background:#242424!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#ff7a7a!important;
  -webkit-text-fill-color:#ff7a7a!important;
  box-shadow:none!important;
}
body[data-cr-page="home"] .ordering-notice:not(.limited) :is(strong,p,span),
body[data-cr-page="checkout"] .notice :is(strong,p,span),
body[data-cr-page="checkout"] .ordering-notice:not(.limited) :is(strong,p,span){
  color:#ff7a7a!important;
  -webkit-text-fill-color:#ff7a7a!important;
}
body[data-cr-page="home"] .ordering-notice:not(.limited) .ordering-notice-icon,
body[data-cr-page="checkout"] .notice::before,
body[data-cr-page="checkout"] .ordering-notice:not(.limited) .ordering-notice-icon{
  background:rgba(255,122,122,.14)!important;
  color:#ff7a7a!important;
  -webkit-text-fill-color:#ff7a7a!important;
}

/* 2) Special Offers badge: outer circle should be the same gray family as the
   rest of the category circles; the inner offer fill should be yellow, not orange. */
body[data-cr-page="home"] .category-head .special-offers-badge{
  background:#3b3e40!important;
  border-color:#3b3e40!important;
  box-shadow:0 12px 30px rgba(255,194,26,.18)!important;
}
body[data-cr-page="home"] .category-head .special-offers-badge::after{
  background:#ffc21a!important;
  opacity:1!important;
  animation:none!important;
}
body[data-cr-page="home"] .category-head .special-offers-badge::before{
  border-color:rgba(255,255,255,.42)!important;
}
body[data-cr-page="home"] .category-head .special-offers-badge-icon{
  color:#ffffff!important;
}

/* 3) Cart row controls: Change drink should be yellow, Remove no longer red,
   special-instructions UI removed, and quantity buttons use app yellow. */
body[data-cr-page="home"] .cart-drawer .change-combo-drink{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
  text-decoration-color:rgba(255,194,26,.58)!important;
}
body[data-cr-page="home"] .cart-drawer .change-combo-drink:hover,
body[data-cr-page="home"] .cart-drawer .change-combo-drink:focus-visible{
  color:#ffe087!important;
  -webkit-text-fill-color:#ffe087!important;
}
body[data-cr-page="home"] .cart-drawer .remove-item,
body[data-cr-page="home"] .cart-drawer .remove-item:hover,
body[data-cr-page="home"] .cart-drawer .remove-item:focus-visible{
  color:#d9dee2!important;
  -webkit-text-fill-color:#d9dee2!important;
  text-decoration-color:rgba(217,222,226,.5)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item-note-wrap{
  display:none!important;
}
body[data-cr-page="home"] .cart-drawer .qty-btn:not(:disabled):not([aria-disabled="true"]){
  background:#ffc21a!important;
  color:#191919!important;
  -webkit-text-fill-color:#191919!important;
}
body[data-cr-page="home"] .cart-drawer .qty-btn:not(:disabled):not([aria-disabled="true"]):hover,
body[data-cr-page="home"] .cart-drawer .qty-btn:not(:disabled):not([aria-disabled="true"]):focus-visible,
body[data-cr-page="home"] .cart-drawer .qty-btn:not(:disabled):not([aria-disabled="true"]):active{
  background:#e3a800!important;
  color:#191919!important;
  -webkit-text-fill-color:#191919!important;
}

/* 4) Popular category circles/glow: keep the dark cards, but give the circular
   image disks a warm yellow edge glow to match the app. */
body[data-cr-page="home"] .quick-card .quick-photo{
  background:#3b3e40!important;
  border:1px solid rgba(255,194,26,.36)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 0 4px rgba(255,194,26,.08), 0 10px 24px rgba(255,194,26,.20)!important;
}
body[data-cr-page="home"] .quick-card:hover .quick-photo,
body[data-cr-page="home"] .quick-card:focus-visible .quick-photo,
body[data-cr-page="home"] .quick-card.quick-tap-flash .quick-photo{
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 0 0 5px rgba(255,194,26,.12), 0 12px 28px rgba(255,194,26,.28)!important;
}
body[data-cr-page="home"] .quick-card .quick-photo img{
  background:#3b3e40!important;
}


/* ━━━━━━━━━ Chicken Road v422 · selected buttons, order-method icons,
   Featured Categories circles, and actual closed-cart notice ━━━━━━━━━ */

/* Text on yellow controls: explicit dark gray across regular buttons, dynamically
   generated variant Select controls, and confirmation screens. */
body[data-cr-page="home"] :is(
  .add-to-cart,
  .variant-select-button,
  .product-option-choice.featured,
  .combo-drink-confirm,
  .offer-promo-add,
  .cart-action.primary
),
body[data-cr-page="home"] :is(
  .add-to-cart,
  .variant-select-button,
  .product-option-choice.featured,
  .combo-drink-confirm,
  .offer-promo-add,
  .cart-action.primary
):is(:hover,:active,:focus-visible){
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="home"] :is(.add-to-cart,.variant-select-button) :is(span,strong,small),
body[data-cr-page="home"] .offer-promo-add :is(span,strong){
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
/* A disabled yellow action stays visually disabled, never re-enabled by styling. */
body[data-cr-page="home"] :is(.add-to-cart,.variant-select-button):disabled{opacity:.5!important;}

/* User-supplied exact Delivery and Table PNGs, with selected matching Pickup bag.
   Dark charcoal icon tiles with a single yellow pictogram, like the Expo app. */
body[data-cr-page="home"] .order-mode-option .order-mode-icon,
body[data-cr-page="home"] .order-mode-option[data-order-mode="delivery"] .order-mode-icon,
body[data-cr-page="home"] .order-mode-option[data-order-mode="pickup"] .order-mode-icon{
  background:#393c3f!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#ffc21a!important;
}
body[data-cr-page="home"] .order-mode-icon img{
  display:block;
  width:29px;
  height:29px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(80%) sepia(80%) saturate(1163%) hue-rotate(344deg) brightness(104%) contrast(103%);
}
body[data-cr-page="home"] .order-mode-icon svg{color:#ffc21a!important;}
body[data-cr-page="checkout"] .compact-method{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  color:#f5f6f7!important;
}
body[data-cr-page="checkout"] .compact-method-icon{
  display:block;
  flex:0 0 auto;
  width:22px;
  height:22px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(80%) sepia(80%) saturate(1163%) hue-rotate(344deg) brightness(104%) contrast(103%);
}
body[data-cr-page="checkout"] svg.compact-method-icon{
  fill:none;
  stroke:#ffc21a;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none;
}
/* Active yellow tab needs dark ink including image/outline. */
body[data-cr-page="checkout"] .compact-method:is(.active,[aria-pressed="true"]) .compact-method-icon{
  filter:brightness(0) saturate(100%);
}
body[data-cr-page="checkout"] .compact-method:is(.active,[aria-pressed="true"]) svg.compact-method-icon{
  stroke:#242424;
  filter:none;
}
@media(max-width:420px){
  body[data-cr-page="checkout"] .compact-method{gap:3px!important;padding-inline:3px!important;font-size:11px!important;}
  body[data-cr-page="checkout"] .compact-method-icon{width:19px;height:19px;}
}

/* Featured Categories: make the actual PHOTO CIRCLES yellow, not just the shadow.
   Keep photographs untouched and maintain existing card/hover effects. */
body[data-cr-page="home"] .quick-card .quick-photo{
  background:#ffc21a!important;
  padding:5px!important;
  border:2px solid #ffc21a!important;
  box-shadow:0 0 0 2px rgba(255,194,26,.14), 0 0 24px rgba(255,194,26,.36), 0 9px 22px rgba(0,0,0,.24)!important;
}
body[data-cr-page="home"] .quick-card .quick-photo > img,
body[data-cr-page="home"] .quick-card .quick-photo > picture,
body[data-cr-page="home"] .quick-card .quick-photo picture img{
  border-radius:50%!important;
}
body[data-cr-page="home"] .quick-card .quick-photo > img,
body[data-cr-page="home"] .quick-card .quick-photo picture img{
  background:transparent!important;
}
body[data-cr-page="home"] .quick-card:is(:hover,:focus-visible,.quick-tap-flash) .quick-photo{
  background:#ffc21a!important;
  border-color:#ffc21a!important;
  box-shadow:0 0 0 3px rgba(255,194,26,.22), 0 0 29px rgba(255,194,26,.49), 0 12px 26px rgba(0,0,0,.23)!important;
}

/* THIS is the peach notice from the screenshot: the cart footer's availability
   message, not the generic ordering notice. Scope dark background and red ink to
   actual closure/unavailable state. Also protect the existing restaurant notice. */
body[data-cr-page="home"] .cart-drawer .cart-availability-message,
body[data-cr-page="home"] .ordering-notice:not(.limited),
body[data-cr-page="checkout"] #orderingNotice.notice{
  background:#242424!important;
  color:#ff7676!important;
  -webkit-text-fill-color:#ff7676!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body[data-cr-page="home"] .cart-drawer .cart-availability-message :is(strong,span,p),
body[data-cr-page="home"] .ordering-notice:not(.limited) :is(strong,span,p){
  color:#ff7676!important;
  -webkit-text-fill-color:#ff7676!important;
}
body[data-cr-page="home"] .cart-drawer .cart-availability-message[hidden],
body[data-cr-page="home"] .ordering-notice[hidden]{display:none!important;}

/* Legacy Add to Cart has ID-level specificity via :not(#specialOfferAdd),
   so override it explicitly instead of relying on a weaker color rule. */
body[data-cr-page="home"] .menu-zone .add-to-cart:not(#specialOfferAdd),
body[data-cr-page="home"] .menu-zone .add-to-cart:not(#specialOfferAdd):is(:hover,:focus-visible,:active),
body[data-cr-page="home"] .best .add-to-cart:not(#specialOfferAdd),
body[data-cr-page="home"] .best .add-to-cart:not(#specialOfferAdd):is(:hover,:focus-visible,:active){
  background:#ffc21a!important;
  border-color:#ffc21a!important;
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}


/* Chicken Road v423: bright yellow menu category banners, including the
   decorative CHICKEN ROAD lettering. This applies only to collapsible menu
   category headers, not product cards, filters, checkout or promo notices. */
body[data-cr-page="home"] #menu .menu-category > .category-head{
  background:#ffc21a!important;
  border:1px solid #e7af0b!important;
  color:#242424!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),
             0 10px 27px rgba(0,0,0,.12)!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head h2,
body[data-cr-page="home"] #menu .menu-category > .category-head h3,
body[data-cr-page="home"] #menu .menu-category > .category-head p{
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
  text-shadow:none!important;
}
/* Slightly deeper yellow, not brown or charcoal. Kept translucent so the
   large watermark is visible without competing with the real headings. */
body[data-cr-page="home"] #menu .menu-category > .category-head::after{
  color:#dea900!important;
  -webkit-text-fill-color:#dea900!important;
  opacity:.43!important;
  text-shadow:none!important;
  background:none!important;
}
/* Preserve visual affordance when a collapsible section is open / focused. */
body[data-cr-page="home"] #menu .menu-category > .category-head:focus-visible{
  outline:3px solid #f7f8f9!important;
  outline-offset:3px!important;
}
@media(hover:hover) and (pointer:fine){
  body[data-cr-page="home"] #menu .menu-category > .category-head:hover{
    background:#ffd03a!important;
    border-color:#e7af0b!important;
  }
}


/* ━━━ Chicken Road v424: inverted yellow canvas / charcoal category headers ━━━
   Site-background-only palette swap. Keep interactive cards and drawer dark,
   preserve semantic warnings and all ordering logic. */
:root{
  --cr-site-canvas:#ffc21a;
  --cr-category-surface:#37393b;
  --cr-category-ink:#f6f7f8;
  --cr-category-watermark:#27292b;
}
html:has(body[data-cr-page]),
body[data-cr-page]{
  background:var(--cr-site-canvas)!important;
  background-color:var(--cr-site-canvas)!important;
}
body[data-cr-page]{color:#252627!important;}

/* The page's actual open canvas, including gaps between sections and behind
   cards. Don't make the cart drawer, header, dark glass cards or footer yellow. */
body[data-cr-page="home"] :is(.quickbar,.best,.menu-zone,.menu-intro,.menu-content,.section,.visit){
  background:#ffc21a!important;
  background-color:#ffc21a!important;
  color:#262626!important;
}
body[data-cr-page="home"] .quickbar{border-bottom-color:rgba(43,43,43,.19)!important;}
body[data-cr-page="home"] :is(.section-head h2,.section-head h3,.menu-intro h2,.menu-intro h3,.menu-intro .cr-menu-title-last,.visit>.section-head h2){
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="home"] :is(.section-head p,.menu-intro p,.visit>.section-head p){
  color:#484025!important;
  -webkit-text-fill-color:#484025!important;
}

/* Bring the large opening panel into the same yellow canvas rather than
   leaving one massive dark block before the other yellow site sections. */
body[data-cr-page="home"] .hero{
  background:#ffc21a!important;
  color:#242424!important;
}
body[data-cr-page="home"] .hero::before{
  background:radial-gradient(ellipse at 76% 14%,rgba(255,255,255,.2),transparent 46%)!important;
}
body[data-cr-page="home"] .hero::after{border-color:rgba(44,44,44,.065)!important;}
body[data-cr-page="home"] .hero-copy,
body[data-cr-page="home"] .hero h1,
body[data-cr-page="home"] .hero h1 span,
body[data-cr-page="home"] .hero .eyebrow{
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="home"] .hero p{
  color:#3d3527!important;
  -webkit-text-fill-color:#3d3527!important;
}
body[data-cr-page="home"] .hero .btn.white{
  background:#242424!important;
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
  border-color:#242424!important;
}
body[data-cr-page="home"] .hero .btn.clear{
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
  border-color:rgba(36,36,36,.65)!important;
  background:rgba(255,255,255,.08)!important;
}
body[data-cr-page="home"] .hero .btn.clear:is(:hover,:focus-visible){background:rgba(36,36,36,.10)!important;}

/* Menu filter rail and controls stay dark, a useful contrast strip on yellow. */
body[data-cr-page="home"] .menu-zone .tools-sticky{
  background:rgba(34,36,38,.97)!important;
}
body[data-cr-page="home"] #menu .first-order-menu-promo{background:transparent!important;}
body[data-cr-page="home"] #menu .first-order-menu-promo-inner{color:#f6f7f8!important;}

/* Category headers: charcoal, with a subtly darker gray CHICKEN ROAD watermark.
   Real titles stay bright enough to be readable; no yellow category block. */
body[data-cr-page="home"] #menu .menu-category > .category-head,
body[data-cr-page="home"] #menu .menu-category > .category-head:is(:hover,:focus-visible){
  background:#37393b!important;
  background-color:#37393b!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#f4f5f6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 11px 25px rgba(0,0,0,.17)!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head :is(h2,h3){
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
  text-shadow:none!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head p{
  color:#e0e3e5!important;
  -webkit-text-fill-color:#e0e3e5!important;
  text-shadow:none!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head::after{
  color:#2b2d2f!important;
  -webkit-text-fill-color:#2b2d2f!important;
  opacity:.72!important;
  background:none!important;
  text-shadow:none!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head:focus-visible{
  outline:3px solid #242424!important;
  outline-offset:3px!important;
}

/* Other customer pages share the same yellow outside their existing dark
   panel/card layouts; top-level brand on the unboxed checkout header is ink. */
body[data-cr-page="checkout"] .topbar .brand :is(strong,span){
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="checkout"] .topbar .brand span{color:#53451f!important;-webkit-text-fill-color:#53451f!important;}
body[data-cr-page="legal"] .page > .footer,
body[data-cr-page="legal"] .footer{color:#383227!important;}

@media(prefers-reduced-motion:reduce){
  body[data-cr-page="home"] .hero{transition:none!important;}
}


/* ━━━ Chicken Road v425: gray opening, yellow lower storefront ━━━
   Keep the opening area charcoal like before, and switch to the yellow canvas
   only AFTER the Featured Categories rail. */
body[data-cr-page="home"] .hero,
body[data-cr-page="home"] .quickbar{
  background:#242424!important;
  background-color:#242424!important;
  color:#f5f6f7!important;
}
body[data-cr-page="home"] .hero::before{
  background:radial-gradient(ellipse at 76% 14%,rgba(255,255,255,.09),transparent 46%)!important;
}
body[data-cr-page="home"] .hero::after{border-color:rgba(255,255,255,.045)!important;}
body[data-cr-page="home"] .hero-copy,
body[data-cr-page="home"] .hero h1,
body[data-cr-page="home"] .hero h1 span,
body[data-cr-page="home"] .hero .eyebrow{
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .hero p{
  color:#d8dde1!important;
  -webkit-text-fill-color:#d8dde1!important;
}
body[data-cr-page="home"] .hero .btn.white{
  background:#ffc21a!important;
  border-color:#ffc21a!important;
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="home"] .hero .btn.clear{
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
  border-color:rgba(255,255,255,.54)!important;
  background:transparent!important;
}
body[data-cr-page="home"] .hero .btn.clear:is(:hover,:focus-visible){
  background:rgba(255,255,255,.08)!important;
}

/* Featured categories section remains on the charcoal opening area. */
body[data-cr-page="home"] .quickbar{border-bottom-color:rgba(255,255,255,.08)!important;}
body[data-cr-page="home"] .quickbar :is(.section-head h2,.section-head h3, .quick-card strong){
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
}
body[data-cr-page="home"] .quickbar :is(.section-head p){
  color:#bdc4c9!important;
  -webkit-text-fill-color:#bdc4c9!important;
}

/* Lower storefront goes yellow from the next section onward. */
body[data-cr-page="home"] :is(.best,.menu-zone,.menu-intro,.menu-content,.section,.visit){
  background:#ffc21a!important;
  background-color:#ffc21a!important;
  color:#262626!important;
}


/* ━━━ Chicken Road v426: yellow made-fresh accent + gray watermark pattern ━━━ */
/* Hero accent wording back to Chicken Road yellow. */
body[data-cr-page="home"] .hero h1 span{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
}

/* Add the subtle repeated CHICKEN ROAD pattern across the gray opening area,
   like the old branded background treatment. */
body[data-cr-page="home"] .hero,
body[data-cr-page="home"] .quickbar{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='420'%20height='220'%20viewBox='0%200%20420%20220'%3E%3Cg%20fill='#1f2123'%20fill-opacity='0.28'%20font-family='Arial,%20Helvetica,%20sans-serif'%20font-size='34'%20font-weight='700'%20letter-spacing='3'%3E%3Ctext%20x='18'%20y='58'%3ECHICKEN%20ROAD%3C/text%3E%3Ctext%20x='162'%20y='136'%3ECHICKEN%20ROAD%3C/text%3E%3Ctext%20x='44'%20y='202'%3ECHICKEN%20ROAD%3C/text%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:repeat!important;
  background-size:420px 220px!important;
  background-position:center top!important;
}
/* Keep the existing soft highlight layer on hero on top of the watermark pattern. */
body[data-cr-page="home"] .hero::before{
  background:radial-gradient(ellipse at 76% 14%,rgba(255,255,255,.09),transparent 46%)!important;
}
/* Make sure the quickbar pattern is subtle behind cards and headings. */
body[data-cr-page="home"] .quickbar{
  position:relative!important;
}


/* Chicken Road v427 - app-inspired customer storefront finish.
   A small, isolated presentation layer after v426. No layout/JS/data/API changes. */
:root{
  --cr427-glass:rgba(39,42,46,.84);
  --cr427-glass-edge:rgba(255,255,255,.21);
  --cr427-glass-light:rgba(255,255,255,.12);
  --cr427-muted:#c3cbd0;
  --cr427-yellow:#ffc21a;
}

/* Opening: preserve charcoal + yellow wordmark and the repeated original watermark.
   Soft light around the food and a more intentional headline scale. */
body[data-cr-page="home"] .hero{
  isolation:isolate;
}
body[data-cr-page="home"] .hero-inner{
  column-gap:28px;
}
body[data-cr-page="home"] .hero h1{
  font-size:clamp(53px,7.1vw,105px);
  line-height:.93;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body[data-cr-page="home"] .hero h1 span{
  color:var(--cr427-yellow)!important;
  -webkit-text-fill-color:var(--cr427-yellow)!important;
}
body[data-cr-page="home"] .hero-product img{
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.30)) drop-shadow(0 0 40px rgba(255,194,26,.08));
}
body[data-cr-page="home"] .hero .btn{
  border-radius:17px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 24px rgba(0,0,0,.18)!important;
}
body[data-cr-page="home"] .hero .btn.clear{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.26)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

/* The fixed header is dark frosted glass, not a solid bar. */
body[data-cr-page="home"] .header{
  background:rgba(28,30,33,.82)!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 7px 25px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.075)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
}
body[data-cr-page="home"] .order-mode-nav.order-mode-header{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.17)!important;
}

/* Featured category rail: individual smoked-glass panels; original photos retained. */
body[data-cr-page="home"] .quick-inner{
  gap:13px;
}
body[data-cr-page="home"] .quick-card{
  border:1px solid transparent!important;
  background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 42%,rgba(255,255,255,.015)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.49),rgba(255,255,255,.12) 55%,rgba(255,255,255,.28)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.095),0 12px 32px rgba(0,0,0,.20)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  border-radius:23px!important;
}
body[data-cr-page="home"] .quick-card:is(:hover,:focus-visible){
  background:linear-gradient(150deg,rgba(255,255,255,.19),rgba(255,255,255,.055) 42%,rgba(255,255,255,.025)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.59),rgba(255,194,26,.32),rgba(255,255,255,.26)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 36px rgba(0,0,0,.23)!important;
}
body[data-cr-page="home"] .quick-card strong{
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
  font-size:12.5px;
  line-height:1.3;
}
body[data-cr-page="home"] .quick-card .quick-photo{
  /* Keep photo circular and yellow-trimmed, no random gradient over the food. */
  border:1px solid rgba(255,194,26,.55)!important;
  box-shadow:0 0 0 4px rgba(255,194,26,.10),0 0 25px rgba(255,194,26,.21)!important;
}
body[data-cr-page="home"] .quickbar{
  box-shadow:inset 0 -1px 0 rgba(255,194,26,.18);
}

/* Menu cards sit on the saved yellow background, with differentiated dark glass. */
body[data-cr-page="home"] #menu .menu-card,
body[data-cr-page="home"] .best .food-card{
  background:linear-gradient(145deg,rgba(65,68,70,.96),rgba(38,40,42,.97) 55%,rgba(29,31,34,.97))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#f6f7f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 28px rgba(52,42,0,.17)!important;
  border-radius:21px;
}
body[data-cr-page="home"] #menu .menu-card:is(:hover,:focus-within),
body[data-cr-page="home"] .best .food-card:is(:hover,:focus-within){
  border-color:rgba(255,255,255,.40)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 34px rgba(33,27,0,.19)!important;
}
body[data-cr-page="home"] #menu .menu-card h3,
body[data-cr-page="home"] .best .food-card h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-cr-page="home"] #menu .menu-card p,
body[data-cr-page="home"] .best .food-card p{
  color:#cbd0d4!important;
  -webkit-text-fill-color:#cbd0d4!important;
}
body[data-cr-page="home"] #menu .menu-card .option-list{
  border-top-color:rgba(255,255,255,.18);
}
body[data-cr-page="home"] #menu .menu-card .option{
  color:#e9ecee!important;
}
body[data-cr-page="home"] #menu .menu-card .item-price,
body[data-cr-page="home"] #menu .menu-card .variant-price-summary,
body[data-cr-page="home"] #menu .menu-card .option strong{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
}
/* Less pill-shaped primary buttons, still clearly branded and accessible. */
body[data-cr-page="home"] #menu :is(.add-to-cart,.variant-select-button){
  border-radius:14px!important;
  background:#ffc21a!important;
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 19px rgba(0,0,0,.19)!important;
}
body[data-cr-page="home"] #menu :is(.add-to-cart,.variant-select-button):hover:not(:disabled){
  background:#ffce3b!important;
}

/* Keep the current charcoal category headers and their gray CHICKEN ROAD ink.
   Just introduce a subtle glass rim; do not revert the requested colors. */
body[data-cr-page="home"] #menu .menu-category > .category-head{
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 11px 26px rgba(62,45,0,.16)!important;
}
body[data-cr-page="home"] #menu .menu-category > .category-head::after{
  color:#2b2d2f!important;
  -webkit-text-fill-color:#2b2d2f!important;
}

/* Product variant and combo popups. Clear order, real frosted sheet, white rim. */
body[data-cr-page="home"] .product-option-overlay{
  background:rgba(14,16,18,.69)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body[data-cr-page="home"] .product-option-dialog{
  background:linear-gradient(153deg,rgba(80,83,85,.93),rgba(43,46,49,.96) 34%,rgba(31,33,36,.97) 100%)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:27px!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(24px) saturate(115%);
  backdrop-filter:blur(24px) saturate(115%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 1px 0 0 rgba(255,255,255,.045),0 30px 80px rgba(0,0,0,.50)!important;
  padding:28px!important;
}
body[data-cr-page="home"] .product-option-dialog .eyebrow{
  color:#ffc21a!important;
  -webkit-text-fill-color:#ffc21a!important;
  letter-spacing:.16em;
}
body[data-cr-page="home"] .product-option-dialog h2{
  color:#fafafa!important;
  -webkit-text-fill-color:#fafafa!important;
  font-size:clamp(27px,5vw,38px);
  line-height:1.07;
  letter-spacing:-.025em;
  text-wrap:balance;
}
body[data-cr-page="home"] .product-option-dialog .product-option-product{
  color:#d4dadd!important;
  -webkit-text-fill-color:#d4dadd!important;
  font-size:14px;
  font-weight:800;
}
body[data-cr-page="home"] .product-option-dialog .combo-choice-description{
  color:#e1e5e7!important;
  -webkit-text-fill-color:#e1e5e7!important;
  font-size:14px;
  margin:0 0 17px;
}
body[data-cr-page="home"] .product-option-dialog .product-option-list{
  gap:10px;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice{
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.036))!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:16px!important;
  color:#f8f9f9!important;
  -webkit-text-fill-color:#f8f9f9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  min-height:61px;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice :is(strong,small){
  color:#f8f9f9!important;
  -webkit-text-fill-color:#f8f9f9!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice small{
  color:#cbd0d3!important;
  -webkit-text-fill-color:#cbd0d3!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice .product-option-choice-price{
  color:#ffd24e!important;
  -webkit-text-fill-color:#ffd24e!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice.featured:not(:disabled),
body[data-cr-page="home"] .product-option-dialog .product-option-choice[aria-checked="true"]{
  background:linear-gradient(130deg,rgba(255,194,26,.97),rgba(251,191,25,.92))!important;
  border-color:#ffc21a!important;
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 6px 19px rgba(0,0,0,.14)!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice.featured:not(:disabled) :is(strong,small),
body[data-cr-page="home"] .product-option-dialog .product-option-choice[aria-checked="true"] :is(strong,small){
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-choice:is(:hover,:focus-visible):not(:disabled){
  border-color:rgba(255,194,26,.8)!important;
  box-shadow:0 0 0 2px rgba(255,194,26,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body[data-cr-page="home"] .product-option-dialog .product-option-close{
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* A disabled combo has to remain disabled, but its LABEL must not disappear. */
body[data-cr-page="home"] #comboChoiceWith:disabled,
body[data-cr-page="home"] #comboDrinkConfirm:disabled{
  opacity:1!important;
  filter:none!important;
  cursor:not-allowed;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#e1e3e5!important;
  -webkit-text-fill-color:#e1e3e5!important;
}
body[data-cr-page="home"] #comboChoiceWith:disabled :is(strong,small),
body[data-cr-page="home"] #comboDrinkConfirm:disabled :is(strong,small){
  color:#e1e3e5!important;
  -webkit-text-fill-color:#e1e3e5!important;
}
body[data-cr-page="home"] .combo-choice-list .product-option-choice:not(.featured){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-cr-page="home"] .combo-drink-choice .combo-drink-check{
  color:#ffd24e!important;
}
@media(max-width:680px){
  body[data-cr-page="home"] .hero-inner{padding-top:34px;padding-bottom:32px;}
  body[data-cr-page="home"] .hero h1{font-size:clamp(45px,10.6vw,62px);line-height:.95;}
  body[data-cr-page="home"] .hero p{font-size:15.5px;line-height:1.5;}
  body[data-cr-page="home"] .hero .actions{gap:9px;margin-top:22px;}
  body[data-cr-page="home"] .hero .btn{min-height:47px;padding:0 17px;font-size:11px;}
  body[data-cr-page="home"] .quick-inner{gap:11px;padding:20px 15px;}
  body[data-cr-page="home"] .quick-card{min-width:133px;padding:12px 10px!important;}
  body[data-cr-page="home"] .quick-card .quick-photo{width:88px;height:88px;}
  body[data-cr-page="home"] .product-option-overlay{align-items:end;padding:12px 10px max(10px,env(safe-area-inset-bottom));}
  body[data-cr-page="home"] .product-option-dialog{
    width:100%;max-height:min(85dvh,760px);padding:24px 18px 20px!important;
    border-radius:27px 27px 20px 20px!important;
  }
  body[data-cr-page="home"] .product-option-dialog h2{font-size:clamp(27px,7vw,35px);}
}
@media(prefers-reduced-motion:reduce){
  body[data-cr-page="home"] :is(.quick-card,.menu-card,.product-option-choice,.hero .btn){transition:none!important;animation:none!important;}
}

/* v426's small gray lettering was being buried under the original site's
   enormous ORANGE CHICKEN ROAD pseudo-element. Remove that leftover layer. */
body[data-cr-page="home"] .hero-extended-zone{
  background:#242424!important;
}
body[data-cr-page="home"] .hero-extended-zone::after{
  content:none!important;
  display:none!important;
}
body[data-cr-page="home"] .hero-extended-zone::before{
  background:radial-gradient(ellipse at 75% 20%,rgba(255,255,255,.065),transparent 38%),
             radial-gradient(ellipse at 12% 82%,rgba(255,194,26,.025),transparent 34%)!important;
}


/* ━━━━━━━━━ v429: native-app glass finish, true charcoal mobile header, RTL Latin typography ━━━━━━━━━
   All additions are presentation-only. Prior theme stays bundled in THIS file. */
:root {
  --cr429-ink:#242424;
  --cr429-header:#202224;
  --cr429-glass-rim:rgba(255,255,255,.32);
  --cr429-glass-warm:rgba(255,255,255,.085);
  --cr429-surface:rgba(29,32,35,.88);
}
/* Browser safe-area / pull-to-refresh color aligns with the dark site header.
   Internal content blocks below Featured Categories still remain yellow. */
html:has(body[data-cr-page="home"]),
html{
  background:#202224!important;
  background-color:#202224!important;
}
body[data-cr-page="home"]::before{background:#202224!important;}
body[data-cr-page="home"] .header{
  background:rgba(32,34,36,.93)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(24px) saturate(118%)!important;
  backdrop-filter:blur(24px) saturate(118%)!important;
}
/* Installed iPhone Home-screen apps extend under the status bar. Reserve the
   safe area without introducing a separate bright strip or covering the logo. */
@media (display-mode:standalone){
  body[data-cr-page="home"] .header{padding-top:env(safe-area-inset-top,0px);}
}
/* The English language headline must be optically identical in EN and AR mode.
   The legacy RTL high-specificity universal rule overrides nested Latin spans. */
html body[data-cr-page="home"] .hero [data-english-slogan],
html body[data-cr-page="home"] .hero [data-english-slogan] span,
html body[data-cr-page="home"] .menu-intro [data-english-slogan],
html body[data-cr-page="home"] .menu-intro [data-english-slogan] span,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2)[data-cr-page="home"] .hero [data-english-slogan],
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2)[data-cr-page="home"] .hero [data-english-slogan] *,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2)[data-cr-page="home"] .menu-intro [data-english-slogan],
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2)[data-cr-page="home"] .menu-intro [data-english-slogan] *{
  font-family:"Arial Black",Impact,"Arial",sans-serif!important;
  font-weight:900!important;
  direction:ltr!important;
  text-align:left!important;
  font-kerning:normal!important;
  unicode-bidi:isolate!important;
}
/* RTL-specific letter-spacing reset can make Latin words visually inconsistent. */
html[dir="rtl"] body[data-cr-page="home"] .hero [data-english-slogan],
html[dir="rtl"] body[data-cr-page="home"] .hero [data-english-slogan] *{
  letter-spacing:-.052em!important;
}

/* The dark brand area has a real patterned backdrop for frosted cards to refract.
   Keep the already-approved watermark and avoid changing the photo itself. */
body[data-cr-page="home"] .quickbar{
  background-color:#242424!important;
  isolation:isolate;
}
/* Featured-category glass: light reflection on top, transparent throughout,
   crisp narrow white rim, and real blur instead of just opaque gray. */
body[data-cr-page="home"] .quickbar .quick-card,
body[data-cr-page="home"] .quickbar .quick-card:not(.quick-tap-flash):hover,
body[data-cr-page="home"] .quickbar .quick-card:not(.quick-tap-flash):focus-visible{
  background:linear-gradient(158deg,rgba(255,255,255,.145),rgba(255,255,255,.045) 36%,rgba(255,255,255,.018) 100%) padding-box,
             linear-gradient(137deg,rgba(255,255,255,.54),rgba(255,255,255,.18) 43%,rgba(255,255,255,.33) 100%) border-box!important;
  border:1px solid transparent!important;
  -webkit-backdrop-filter:blur(25px) saturate(108%)!important;
  backdrop-filter:blur(25px) saturate(108%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 31px rgba(0,0,0,.25)!important;
}
/* Product cards on bright yellow: desaturate the area BEHIND the smoked glass,
   otherwise partly-transparent charcoal looks muddy brown. */
body[data-cr-page="home"] #menu .menu-card,
body[data-cr-page="home"] .best .food-card,
body[data-cr-page="home"] .visit .visit-card:not(.dark){
  background:linear-gradient(152deg,rgba(75,80,84,.28),rgba(25,28,31,.40) 56%,rgba(17,19,22,.38)) padding-box,
             linear-gradient(142deg,rgba(255,255,255,.49),rgba(255,255,255,.13) 45%,rgba(255,255,255,.28)) border-box!important;
  border:1px solid transparent!important;
  color:#f5f6f7!important;
  -webkit-backdrop-filter:blur(26px) saturate(22%) brightness(.35)!important;
  backdrop-filter:blur(26px) saturate(22%) brightness(.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 13px 30px rgba(42,32,0,.21)!important;
}
body[data-cr-page="home"] #menu .menu-card:is(:hover,:focus-within),
body[data-cr-page="home"] .best .food-card:is(:hover,:focus-within){
  background:linear-gradient(155deg,rgba(99,103,107,.31),rgba(30,32,36,.38) 55%,rgba(22,24,26,.43)) padding-box,
             linear-gradient(140deg,rgba(255,255,255,.60),rgba(255,194,26,.29) 56%,rgba(255,255,255,.34)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 17px 35px rgba(35,28,0,.24)!important;
}
body[data-cr-page="home"] #menu .menu-card :is(h3,p),
body[data-cr-page="home"] .best .food-card :is(h3,p){
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
/* Frosted product sheets: let the backdrop actually diffuse through the glass.
   No flat opaque gray, and a subtle bright white rim with soft top reflection. */
body[data-cr-page="home"] :is(.product-option-dialog,.offer-promo-dialog,.order-mode-dialog,.account-dialog){
  background:linear-gradient(151deg,rgba(102,106,110,.32) 0%,rgba(45,48,52,.37) 34%,rgba(23,26,30,.47) 100%) padding-box,
             linear-gradient(138deg,rgba(255,255,255,.58),rgba(255,255,255,.15) 48%,rgba(255,255,255,.33)) border-box!important;
  border:1px solid transparent!important;
  -webkit-backdrop-filter:blur(30px) saturate(30%) brightness(.53)!important;
  backdrop-filter:blur(30px) saturate(30%) brightness(.53)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 28px 85px rgba(0,0,0,.55)!important;
  color:#f5f6f7!important;
}
body[data-cr-page="home"] :is(.product-option-dialog,.offer-promo-dialog,.order-mode-dialog) :is(.product-option-choice,.order-mode-option){
  background:linear-gradient(150deg,rgba(255,255,255,.135),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.23)!important;
}
/* Preserve selected yellow choices and dark lettering on yellow. */
body[data-cr-page="home"] .product-option-dialog .product-option-choice:is(.featured,[aria-checked="true"]):not(:disabled){
  background:linear-gradient(135deg,#ffd547,#ffc21a)!important;
  color:#242424!important;
  -webkit-text-fill-color:#242424!important;
  border-color:#ffdd64!important;
}
/* Correct disabled combos: readable but still visibly unavailable. */
body[data-cr-page="home"] :is(#comboChoiceWith:disabled,#comboDrinkConfirm:disabled),
body[data-cr-page="home"] :is(#comboChoiceWith:disabled,#comboDrinkConfirm:disabled) :is(span,strong,small){
  color:#d6dce0!important;
  -webkit-text-fill-color:#d6dce0!important;
  opacity:1!important;
}
/* The cart and its inner rows should match the dark glass rather than orange/white. */
body[data-cr-page="home"] .cart-drawer{
  background:rgba(30,32,35,.90)!important;
  -webkit-backdrop-filter:blur(26px) saturate(55%)!important;
  backdrop-filter:blur(26px) saturate(55%)!important;
}
body[data-cr-page="home"] .cart-drawer .cart-item{
  background:linear-gradient(155deg,rgba(255,255,255,.115),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
@media(max-width:680px){
  body[data-cr-page="home"] .hero [data-english-slogan]{font-size:clamp(45px,10.6vw,62px)!important;}
  /* Keep animations, blur and borders contained inside the phone viewport. */
  body[data-cr-page="home"] .quickbar .quick-card{isolation:isolate;}
}
@media(prefers-reduced-transparency:reduce){
  body[data-cr-page="home"] :is(.menu-card,.food-card,.product-option-dialog,.offer-promo-dialog,.order-mode-dialog,.account-dialog){
    background:#292c30!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}