/* Shared usability improvements; scoped to the ordering interface. */
#yatoon-wrap .yatoon-dish-details{appearance:none;max-width:100%;text-align:inherit;cursor:pointer;border-radius:5px}
#yatoon-app#yatoon-app #yatoon-wrap .yatoon-dish-details{background:transparent;border:0;box-shadow:none;padding:0;margin:0;min-height:44px;color:inherit;font:inherit;line-height:inherit}
#yatoon-wrap .yatoon-dish-details:focus-visible{outline-offset:4px}
#yatoon-app#yatoon-app #yatoon-wrap .yatoon-dish-details:focus-visible{outline:3px solid var(--yatoon-accent,#111827)}
.yatoon-dish-allergens{font-size:12px;line-height:1.6;margin:8px 0;color:#6b4b15}
.yatoon-allergy-info,.yatoon-allergy-notice{font-size:13px;line-height:1.6;background:#fff8eb;border:1px solid #e8d6b0;border-radius:12px;padding:12px;margin:12px 0;color:#654713}
.yatoon-allergy-info p{margin:6px 0 0}
.yatoon-pairings{margin:12px 0;padding:14px;border:1px solid var(--yt-theme-gold,#e5e7eb);border-radius:16px;background:var(--yt-theme-soft,#f8fafc)}
#yatoon-app#yatoon-app .yatoon-pairings h3{font-size:15px;line-height:1.5;margin:0 0 10px;color:inherit}
.yatoon-pairings-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.yatoon-pairing{flex-direction:column;align-items:flex-start;text-align:start;gap:5px;min-width:0;min-height:80px}
#yatoon-app#yatoon-app .yatoon-pairing{display:flex;padding:12px;border:1px solid var(--yt-theme-gold,#dce1e8);border-radius:12px;background:var(--yt-card,#fff);color:var(--yt-ink,#1f2937);white-space:normal;box-shadow:none}
.yatoon-pairing small{font-size:12px;opacity:.8}.yatoon-pairing:focus-visible{outline:3px solid var(--yt-theme-accent,#111827);outline-offset:3px}
#yatoon-drawer .yatoon-pairings{flex-shrink:0;margin:10px 16px}.yatoon-drawer .yatoon-pairings-list{grid-template-columns:1fr}
@media(max-width:560px){.yatoon-pairings-list{grid-template-columns:1fr}.yatoon-pairing{grid-template-columns:1fr auto}#yatoon-app#yatoon-app .yatoon-pairing{min-height:54px;display:grid}.yatoon-pairing small{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#yatoon-app#yatoon-app #yatoon-wrap *,#yatoon-app#yatoon-app #yatoon-modal-overlay *,#yatoon-app#yatoon-app #yatoon-checkout-overlay *,#yatoon-app#yatoon-app #yatoon-drawer *,#yatoon-app#yatoon-app #yatoon-auth-overlay *,#yatoon-app#yatoon-app #yatoon-success-overlay *,#yatoon-app#yatoon-app #yatoon-confirm-overlay *,#yatoon-app#yatoon-app .yatoon-toast{animation:none;transition:none;scroll-behavior:auto}}
/* Midnight is opt-in and covers cards and all checkout/account surfaces. */
#yatoon-wrap[data-yatoon-theme="dark"],.yatoon-dark{color-scheme:dark;--yt-card:#172231;--yt-ink:#f1f5f9;--yt-muted:#b8c6d8;--yt-line:#43546a}
#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"]#yatoon-wrap,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-section-title,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-item-price,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-feat-price{color:#f1f5f9}
#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"]#yatoon-wrap .yatoon-item,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"]#yatoon-wrap .yatoon-feat-card,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"]#yatoon-wrap .yatoon-order-hours,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-search-input{background:#172231;color:#f1f5f9;border-color:#43546a}
#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-app-title,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-item-name,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-feat-name,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order h2{color:#f1f5f9}
#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-item-desc,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order p,#yatoon-app#yatoon-app #yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order small{color:#b8c6d8}
#yatoon-app#yatoon-app .yatoon-dark .yatoon-checkout-sheet,#yatoon-app#yatoon-app .yatoon-dark .yatoon-modal-sheet,#yatoon-app#yatoon-app #yatoon-drawer.yatoon-dark{background:#111b29;color:#f1f5f9}
#yatoon-app#yatoon-app .yatoon-dark input,#yatoon-app#yatoon-app .yatoon-dark textarea,#yatoon-app#yatoon-app .yatoon-dark select,#yatoon-app#yatoon-app .yatoon-dark .yatoon-review-row,#yatoon-app#yatoon-app .yatoon-dark .yatoon-time-opt,#yatoon-app#yatoon-app .yatoon-dark details,#yatoon-app#yatoon-app .yatoon-dark .yatoon-order-review,#yatoon-app#yatoon-app .yatoon-dark .yatoon-price-breakdown,#yatoon-app#yatoon-app .yatoon-dark .yatoon-order-totals{background:#172231;color:#f1f5f9;border-color:#43546a}
#yatoon-app#yatoon-app .yatoon-dark h2,#yatoon-app#yatoon-app .yatoon-dark h3,#yatoon-app#yatoon-app .yatoon-dark label,#yatoon-app#yatoon-app .yatoon-dark summary,#yatoon-app#yatoon-app .yatoon-dark .yatoon-cart-name,#yatoon-app#yatoon-app .yatoon-dark .yatoon-modal-desc,#yatoon-app#yatoon-app .yatoon-dark .yatoon-order-total{color:#f1f5f9}
#yatoon-app#yatoon-app .yatoon-dark small,#yatoon-app#yatoon-app .yatoon-dark .yatoon-cart-price-sm{color:#b8c6d8}
.yatoon-dark .yatoon-allergy-info,.yatoon-dark .yatoon-allergy-notice,#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-dish-allergens{background:#302b20;color:#f5deb0;border-color:#76643c}
/* Existing component rules deliberately use strong selectors; match their scope. */
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-item-desc,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-feat-name,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order p,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order small{color:#b8c6d8}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-desktop-order-inner,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] input[type="search"],#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-search-wrap{background:#172231;color:#f1f5f9;border-color:#43546a}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-cat-tab,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-cat-nav-icon,#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-cat-arrow{background:#25364c;color:#f1f5f9;border-color:#43546a}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-cat-tab.active{background:#f5bd6a;color:#111b29}
#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-drawer#yatoon-drawer,#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay).yatoon-dark :is(input,select,textarea){background:#172231;color:#f1f5f9;border-color:#65788e}
#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-drawer#yatoon-drawer,#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay).yatoon-dark :is(label,.yatoon-form-row>label,.yatoon-time-opt,.yatoon-contact-purpose,.yatoon-modal-desc,.yatoon-price-breakdown summary){color:#d5deeb}
#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-drawer#yatoon-drawer,#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay).yatoon-dark :is(.yatoon-time-opt,.yatoon-time-opt span,.yatoon-edit-cart-btn,.yatoon-checkout-more-toggle,.yatoon-modal-close,.yatoon-cart-qty-btn,.yatoon-auth-tab,.yatoon-contact-choice){background:#25364c;color:#f1f5f9;border-color:#65788e}
:is(#yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-drawer#yatoon-drawer,#yatoon-auth-overlay#yatoon-auth-overlay).yatoon-dark :is(input,textarea)::placeholder{opacity:1}
#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-drawer#yatoon-drawer,#yatoon-auth-overlay#yatoon-auth-overlay).yatoon-dark :is(input,textarea)::placeholder{color:#a8b8ce}

#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-search-box{background:#172231;border-color:#65788e;color:#b8c6d8}
.yatoon-dish-allergens{display:inline-block;border-radius:7px;padding:3px 7px;max-width:100%}
.yatoon-dark input[type="radio"],.yatoon-dark input[type="checkbox"]{accent-color:#f5bd6a}
@media(max-width:560px){.yatoon-pairings-list,#yatoon-drawer .yatoon-pairings-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px}.yatoon-pairing{flex:0 0 min(220px,75vw);scroll-snap-align:start}#yatoon-app#yatoon-app .yatoon-pairing{display:flex;min-height:90px}}

#yatoon-app#yatoon-app :is(#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay,#yatoon-confirm-overlay#yatoon-confirm-overlay).yatoon-dark :is(.yatoon-auth-sheet,.yatoon-success-sheet,.yatoon-confirm-sheet,.yatoon-success-summary,.yatoon-pickup-reminder,.yatoon-auth-tabs){background:#111b29;color:#f1f5f9;border-color:#65788e}
#yatoon-app#yatoon-app :is(#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay,#yatoon-confirm-overlay#yatoon-confirm-overlay).yatoon-dark :is(h2,h3,strong,.yatoon-auth-title,.yatoon-auth-tab,.yatoon-auth-close){color:#f1f5f9}
#yatoon-app#yatoon-app :is(#yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-success-overlay#yatoon-success-overlay,#yatoon-confirm-overlay#yatoon-confirm-overlay).yatoon-dark :is(p,.yatoon-auth-sub,.yatoon-success-summary span,.yatoon-pickup-reminder){color:#b8c6d8}

#yatoon-app#yatoon-app #yatoon-cat-panel#yatoon-cat-panel .yatoon-cat-panel-item.is-current{background:var(--yt-theme-accent,var(--yatoon-accent,#111827));color:var(--yt-theme-on-accent,var(--yatoon-accent-contrast,#fff))}
#yatoon-app#yatoon-app #yatoon-cat-panel#yatoon-cat-panel.yatoon-dark .yatoon-cat-panel-sheet{background:#111b29;color:#f1f5f9;border-color:#65788e}
#yatoon-app#yatoon-app #yatoon-cat-panel#yatoon-cat-panel.yatoon-dark :is(.yatoon-cat-panel-item,.yatoon-cat-panel-title,.yatoon-cat-panel-close){background:#172231;color:#f1f5f9;border-color:#43546a}
#yatoon-app#yatoon-app #yatoon-cat-panel#yatoon-cat-panel.yatoon-dark .yatoon-cat-panel-item.is-current{background:#f5bd6a;color:#111b29}
@media(prefers-reduced-motion:reduce){#yatoon-app#yatoon-app #yatoon-cat-panel,#yatoon-app#yatoon-app #yatoon-cat-panel *{animation:none;transition:none;scroll-behavior:auto}}
.yatoon-pairings{scroll-margin-top:120px}
#yatoon-app#yatoon-app #yatoon-checkout-overlay#yatoon-checkout-overlay.yatoon-dark #yatoon-place-btn{box-shadow:0 0 0 8px #111b29,0 -14px 14px 6px #111b29}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] :is(.yatoon-ai-food-toggle,.yatoon-ai-food-panel,.yatoon-ai-food-reply){background:#172231;color:#f1f5f9;border-color:#65788e}