/* =========================================================
   Ramen & Noodle House — dark.css
   Applied when <html data-theme="dark">
   ========================================================= */
[data-theme="dark"] {
  --bg: #16100c;
  --bg-alt: #1e1510;
  --card: #261a13;
  --text: #f4e9d5;
  --muted: #b9a68f;
  --line: rgba(244, 233, 213, .14);
  --header-bg: rgba(22, 16, 12, .92);
  --shadow: 0 18px 45px -18px rgba(0, 0, 0, .75);
  --shadow-lg: 0 30px 70px -25px rgba(0, 0, 0, .9);
  color-scheme: dark;
}

[data-theme="dark"] .logo-text small { color: var(--muted); }
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active,
[data-theme="dark"] .dropdown a:hover,
[data-theme="dark"] .dropdown a.active { color: #ff9556; }
[data-theme="dark"] .dropdown { background: #261a13; }
[data-theme="dark"] .icon-btn { border-color: rgba(244, 233, 213, .25); }
[data-theme="dark"] .icon-btn:hover { color: #fff; }
[data-theme="dark"] #themeToggle i { color: var(--gold); }

[data-theme="dark"] .section-title em,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .price { color: #ff8a47; }
[data-theme="dark"] .eyebrow.light { color: var(--gold); }
[data-theme="dark"] .broth-meta .price { color: #fff; }
[data-theme="dark"] .divider { color: var(--bg); }

[data-theme="dark"] .art-badge { border-color: var(--bg); }
[data-theme="dark"] .art-inset { border-color: var(--bg); }
[data-theme="dark"] .check-list i,
[data-theme="dark"] .house-facts i { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .check-list li:hover i { color: #fff; background: var(--orange); }

[data-theme="dark"] .broths::before { color: rgba(255, 138, 71, .06); }
[data-theme="dark"] .noodles { background: #0f0a07; }
[data-theme="dark"] .noodles-small { border-color: #0f0a07; }
[data-theme="dark"] .process { background: linear-gradient(160deg, #0f0a07, #24140d); }
[data-theme="dark"] .bowl-summary { background: #0f0a07; border: 1px solid var(--line); }
[data-theme="dark"] .bowl-img::after { background: linear-gradient(to top, #0f0a07, transparent 60%); }
[data-theme="dark"] .chip { color: var(--text); }
[data-theme="dark"] .chip i { color: #ff9556; }
[data-theme="dark"] .chip.is-selected { color: #fff; }
[data-theme="dark"] .chip.is-selected i { color: #fff; }
[data-theme="dark"] .step-no { color: #fff; }
[data-theme="dark"] .love-quote-mark { color: rgba(255, 138, 71, .08); }
[data-theme="dark"] .dots button { background: rgba(244, 233, 213, .22); }
[data-theme="dark"] .dots button.is-active { background: var(--orange-2); }
[data-theme="dark"] .love-stats strong { color: #ff9556; }
[data-theme="dark"] .site-footer { background: #0b0705; }
[data-theme="dark"] .side-card:hover,
[data-theme="dark"] .house-facts li:hover { border-color: #ff8a47; }

@media (max-width: 991px) {
  [data-theme="dark"] .main-nav { background: #16100c; }
}

/* ---------- Contact page + footer (dark) ---------- */
[data-theme="dark"] .demo-note { background: rgba(255, 143, 122, .1); border-color: #ff8f7a; color: #ffb4a6; }
[data-theme="dark"] .req,
[data-theme="dark"] .field-error { color: #ff9d8c; }
[data-theme="dark"] .field.has-error input,
[data-theme="dark"] .field.has-error select,
[data-theme="dark"] .field.has-error textarea,
[data-theme="dark"] .field.has-error .stepper,
[data-theme="dark"] .field.has-error .check .box { border-color: #ff9d8c; }
[data-theme="dark"] .info-link { color: #ff9556; }
[data-theme="dark"] .info-icon,
[data-theme="dark"] .reach-list i,
[data-theme="dark"] .faq-q .plus { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .info-card:hover .info-icon,
[data-theme="dark"] .reach-list li:hover i,
[data-theme="dark"] .faq-item.is-open .plus { background: var(--orange); color: #fff; }
[data-theme="dark"] .open-pill { background: rgba(110, 200, 140, .15); color: #8fdca8; }
[data-theme="dark"] .open-pill.is-closed { background: rgba(255, 143, 122, .12); color: #ffb4a6; }
[data-theme="dark"] .reach-list li:hover,
[data-theme="dark"] .faq-item:hover,
[data-theme="dark"] .faq-item.is-open { border-color: #ff8a47; }
[data-theme="dark"] .field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ff9556' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme="dark"] .step-btn { color: #ff9556; }
[data-theme="dark"] .step-btn:hover { color: #fff; }
[data-theme="dark"] .visit-panel { background: #0f0a07; border: 1px solid var(--line); }
[data-theme="dark"] .map-badge { background: #0f0a07; border: 1px solid var(--line); }
[data-theme="dark"] .map-frame iframe { filter: invert(.92) hue-rotate(180deg) saturate(.75) contrast(.9) brightness(.95); }
[data-theme="dark"] .site-footer { background: #0b0705; }
[data-theme="dark"] .footer-news { background: rgba(255, 255, 255, .035); }
[data-theme="dark"] .enquiry-aside .lead,
[data-theme="dark"] .faq-aside .lead { color: var(--muted); }

/* ---------- Our Story page (dark) ---------- */
[data-theme="dark"] .os-ing, [data-theme="dark"] .os-culture { background: var(--bg-alt); }
[data-theme="dark"] .os-ghost { color: rgba(255, 138, 71, .06); }
[data-theme="dark"] .os-dropcap::first-letter, [data-theme="dark"] .os-miles strong, [data-theme="dark"] .os-pull i, [data-theme="dark"] .os-kicker,
[data-theme="dark"] .os-pair i, [data-theme="dark"] .os-phrases strong, [data-theme="dark"] .os-note i { color: #ff9556; }
[data-theme="dark"] .os-principles i { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .os-offset, [data-theme="dark"] .os-seal { border-color: var(--bg); }
[data-theme="dark"] .os-phil { background: linear-gradient(165deg, #0f0a07, #1a0f09 55%, #24140d); }
[data-theme="dark"] .os-panel--intro { background: linear-gradient(160deg, #0f0a07, #24140d); border-color: var(--line); }
[data-theme="dark"] .os-step-no { -webkit-text-stroke-color: #ff8a47; }
[data-theme="dark"] .os-step::before { background: var(--bg); }
[data-theme="dark"] .os-step.is-active::before { background: #ff8a47; border-color: #ff8a47; }
[data-theme="dark"] .os-chips li:hover { color: #fff; }
[data-theme="dark"] .os-stage-count, [data-theme="dark"] .os-marquee { background: #0b0705; }
[data-theme="dark"] .os-rail-bar span { background: #ff8a47; }
[data-theme="dark"] .os-miles li:hover, [data-theme="dark"] .os-principles li:hover, [data-theme="dark"] .os-phrases li:hover { border-color: #ff8a47; }

/* ---------- Menu page (dark) ---------- */
[data-theme="dark"] .mn-notice { background: #1e1510; }
[data-theme="dark"] .mn-notice i, [data-theme="dark"] .mn-foot-note i, [data-theme="dark"] .mn-col-title i, [data-theme="dark"] .mn-incl i,
[data-theme="dark"] .mn-tag-sm, [data-theme="dark"] .mn-modal-body h4 { color: #ff9556; }
[data-theme="dark"] .mn-price, [data-theme="dark"] .mn-jp, [data-theme="dark"] .mn-modal-price, [data-theme="dark"] .mn-more { color: #ff9556; }
[data-theme="dark"] .mn-price.is-tbc, [data-theme="dark"] .mn-price-float.is-tbc { color: var(--muted); }
[data-theme="dark"] .mn-price-float.is-tbc { color: var(--cream); }
[data-theme="dark"] .mn-more { border-color: #ff8a47; } [data-theme="dark"] .mn-more:hover { color: #fff; background: var(--orange); }
[data-theme="dark"] .mn-spice i.on { color: #ff8a47; }
[data-theme="dark"] .mn-card:hover, [data-theme="dark"] .mn-top:hover { border-color: #ff8a47; }
[data-theme="dark"] .mn-top i { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .mn-top[aria-pressed="true"] { color: #fff; } [data-theme="dark"] .mn-top[aria-pressed="true"] i { background: rgba(255, 255, 255, .2); color: #fff; }
[data-theme="dark"] .mn-tab:not(.is-active):hover { color: #ff9556; }
[data-theme="dark"] .mn-noodles { background: #0f0a07; }
[data-theme="dark"] .mn-preview { background: #0f0a07; border: 1px solid var(--line); }
[data-theme="dark"] .mn-preview-img::after { background: linear-gradient(to top, #0f0a07, transparent 60%); }
[data-theme="dark"] .mn-combos { background: linear-gradient(160deg, #0f0a07, #24140d); }
[data-theme="dark"] .mn-mini { border-color: var(--card); } [data-theme="dark"] .mn-fl { color: #ff9556; }
[data-theme="dark"] .mn-ing li { background: rgba(255, 138, 71, .08); }
[data-theme="dark"] .mn-modal-close { border-color: rgba(244, 233, 213, .25); }
/* ---------- Order Enquiry page (dark) ---------- */
[data-theme="dark"] .oe-price, [data-theme="dark"] .oe-jp, [data-theme="dark"] .oe-foot-note i, [data-theme="dark"] .oe-hours i,
[data-theme="dark"] .oe-chip.is-fixed i, [data-theme="dark"] .oe-qty button { color: #ff9556; }
[data-theme="dark"] .oe-price.is-tbc { color: var(--muted); }
[data-theme="dark"] .oe-qty button:hover:not(:disabled), [data-theme="dark"] .oe-add-ramen { color: #fff; }
[data-theme="dark"] button.oe-chip:hover, [data-theme="dark"] .oe-quick .oe-chip:hover { border-color: #ff8a47; color: #ff9556; }
[data-theme="dark"] .oe-chip.is-on { color: #fff; background: var(--orange); border-color: var(--orange); }
[data-theme="dark"] .oe-card:hover, [data-theme="dark"] .oe-item:hover, [data-theme="dark"] .oe-item.is-in-cart { border-color: #ff8a47; }
[data-theme="dark"] .oe-tab:not(.is-active):hover { color: #ff9556; }
[data-theme="dark"] .oe-item-art { background: linear-gradient(140deg, #24140d, #7a3512 70%, #5b1d1d); }
[data-theme="dark"] .oe-mode-box i { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .oe-mode input:checked + .oe-mode-box i { background: rgba(255, 255, 255, .2); color: #fff; }
[data-theme="dark"] .oe-mode:hover .oe-mode-box { border-color: #ff8a47; }
[data-theme="dark"] .oe-summary { background: #0f0a07; border: 1px solid var(--line); }
[data-theme="dark"] .oe-inbadge { background: #0b0705; }
[data-theme="dark"] .oe-next { background: linear-gradient(160deg, #0f0a07, #24140d); }
[data-theme="dark"] .oe-step-icon { background: #0f0a07; }
[data-theme="dark"] .oe-step:hover .oe-step-icon { background: var(--orange); }
[data-theme="dark"] .btn-ghost-dark:hover { background: var(--cream); color: var(--brown); border-color: var(--cream); }
[data-theme="dark"] .oe-add-ramen.is-added { color: #fff; }

/* ---------- Home 2 (dark) ---------- */
[data-theme="dark"] .h2-mark, [data-theme="dark"] .h2-title > i, [data-theme="dark"] .h2-index .jp, [data-theme="dark"] .h2-pull-hint,
[data-theme="dark"] .h2-step-stat, [data-theme="dark"] .h2-row-price, [data-theme="dark"] .h2-dish-price, [data-theme="dark"] .h2-stats strong,
[data-theme="dark"] .h2-ticket-total strong, [data-theme="dark"] .h2-art-note i, [data-theme="dark"] .h2-sv figcaption i { color: #ff9556; }
[data-theme="dark"] .h2-hero .h2-mark, [data-theme="dark"] .h2-lab .h2-mark, [data-theme="dark"] .h2-flame .h2-mark,
[data-theme="dark"] .h2-lab .h2-title > i, [data-theme="dark"] .h2-flame .h2-title > i, [data-theme="dark"] .h2-cta .h2-title > i { color: var(--gold); }
[data-theme="dark"] .h2-dish.is-on .h2-dish-name { color: #ff9556; }
[data-theme="dark"] .h2-lab { background: radial-gradient(80% 60% at 85% 8%, rgba(200, 86, 26, .18), transparent 60%), linear-gradient(170deg, #0f0a07, #1a0f09 65%, #0f0a07); }
[data-theme="dark"] .h2-flame { background: linear-gradient(180deg, #0f0a07 0%, #1a0f09 45%, #2f1210 100%); }
[data-theme="dark"] .h2-hero-shade { background: linear-gradient(to top, rgba(10, 5, 2, .96) 0%, rgba(10, 5, 2, .68) 40%, rgba(10, 5, 2, .5) 100%), radial-gradient(120% 90% at 15% 100%, rgba(150, 55, 12, .25), transparent 60%); }
[data-theme="dark"] .h2-cta-shade { background: linear-gradient(105deg, rgba(10, 5, 2, .96) 20%, rgba(22, 16, 12, .8) 60%, rgba(90, 35, 8, .55)); }
[data-theme="dark"] .h2-orb, [data-theme="dark"] .h2-ticket-bowl { border-color: var(--bg); }
[data-theme="dark"] .h2-step-fig, [data-theme="dark"] .h2-h-main, [data-theme="dark"] .h2-h-tall, [data-theme="dark"] .h2-h-sq, [data-theme="dark"] .h2-sv-imgs { background: #1e1510; }
[data-theme="dark"] .h2-step-ico, [data-theme="dark"] .h2-facts i { background: rgba(255, 138, 71, .15); color: #ff9556; }
[data-theme="dark"] .h2-facts li:hover i { background: var(--orange); color: #fff; }
[data-theme="dark"] .h2-seg span:hover, [data-theme="dark"] .h2-seg label:hover input:not(:checked) + span { background: rgba(255, 138, 71, .14); }
[data-theme="dark"] .h2-seg input:checked + span, [data-theme="dark"] .h2-stamps input:checked + span { color: #fff; }
[data-theme="dark"] .h2-stamps span i, [data-theme="dark"] .h2-fs legend output { color: #ff9556; }
[data-theme="dark"] .h2-stamps input:checked + span i { color: #fff; }
[data-theme="dark"] .h2-heat-scale { color: rgba(255, 138, 71, .28); }
[data-theme="dark"] .h2-heat-scale[data-heat="1"] i:nth-child(-n+2), [data-theme="dark"] .h2-heat-scale[data-heat="2"] i:nth-child(-n+3), [data-theme="dark"] .h2-heat-scale[data-heat="3"] i, [data-theme="dark"] .h2-heat-scale[data-heat="0"] i:nth-child(1) { color: #ff9556; }
[data-theme="dark"] .h2-ticket { background: var(--card); box-shadow: var(--shadow); }
[data-theme="dark"] .h2-ticket::after { filter: none; }
[data-theme="dark"] .h2-row input:checked + .h2-row-in { background: linear-gradient(90deg, rgba(255, 138, 71, .14), transparent); box-shadow: inset 3px 0 0 #ff8a47; }
[data-theme="dark"] .h2-marq-row li { background: var(--card); }
[data-theme="dark"] .h2-pull, [data-theme="dark"] .h2-house, [data-theme="dark"] .h2-stories { background: var(--bg-alt); }
[data-theme="dark"] .h2-pull-bar i { background: linear-gradient(90deg, var(--gold), #ff8a47); }
[data-theme="dark"] .h2-index li:hover strong, [data-theme="dark"] .h2-lab-tab:hover { color: #ff9556; }
[data-theme="dark"] .h2-lab-tab[aria-selected="true"], [data-theme="dark"] .h2-lab-tab:hover { color: #fff; }
[data-theme="dark"] .h2-node { background: #0f0a07; }
[data-theme="dark"] .h2-node.is-lit { background: var(--orange); }
/* ---------- 404 + Coming soon (dark) ---------- */
[data-theme="dark"] .sx-hero .hero-overlay { background: radial-gradient(ellipse at 50% 42%, rgba(15, 10, 7, .72), rgba(8, 4, 2, .97) 85%); }
[data-theme="dark"] .er-results a i, [data-theme="dark"] .er-results a:hover, [data-theme="dark"] .er-results a.is-active { color: #ff9556; }
[data-theme="dark"] .er-results a:hover, [data-theme="dark"] .er-results a.is-active { background: rgba(255, 138, 71, .14); }
[data-theme="dark"] a.sx-card:hover { border-color: #ff8a47; }
[data-theme="dark"] .cs-live { background: rgba(110, 200, 140, .15); }