/* Theme extension: retains the existing site's layout and dark palette. */
:root{--mc-panel:#1a1a1a;--mc-input:#252525;--mc-ink:#f5f2ec;--mc-copy:#bcb5aa;--mc-gold:#e4bd4e;--mc-line:#514732}
:root[data-theme="light"]{color-scheme:light;--accent:#8b6815;--accent-dk:#70500c;--accent-lt:rgba(139,104,21,.09);--dark:#27231c;--text:#302b24;--muted:#686158;--bg:#fcfaf6;--bg-alt:#f1ede5;--white:#fff;--border:#d9d1c3;--sh-sm:0 2px 8px #3025140d;--sh:0 4px 20px #30251412;--sh-lg:0 12px 48px #3025141c;--mc-panel:#fcfaf6;--mc-input:#fff;--mc-ink:#27231c;--mc-copy:#686158;--mc-gold:#8b6815;--mc-line:#d9d1c3;--ghost-ink:#27231c;--ghost-line:rgba(39,35,28,.62);--ghost-hover-bg:rgba(139,104,21,.12);--ghost-fill:rgba(39,35,28,.05)}
html[data-theme="light"] .navbar{background:rgba(255,253,248,.96);border-color:var(--border);box-shadow:var(--sh)}
html[data-theme="light"] .navbar.scrolled{background:rgba(255,253,248,.98);border-color:var(--border);box-shadow:var(--sh)}
html[data-theme="light"] .stat-num,html[data-theme="light"] .ph-dark h1{color:var(--dark)}
html[data-theme="light"] .stat-lbl,html[data-theme="light"] .ph-dark p{color:var(--muted)}
html[data-theme="light"] .diff-num{color:#cfc5b3}
/* Direct color (not only variables) so light-surface ghosts stay visible even if
   a parent redefines --ghost-* or an immutable cached stylesheet races in. */
html[data-theme="light"] .btn-ghost{color:#27231c;border-color:rgba(39,35,28,.62);background:rgba(39,35,28,.05)}
html[data-theme="light"] .btn-ghost:hover{color:#27231c;border-color:#27231c;background:rgba(139,104,21,.12)}
/* Dark decorative bands keep light-on-dark ghost CTAs (hero, footers, CTAs). */
html[data-theme="light"] :is(.hero,.venue-hero,.cta-banner,.venues-cta-section,.footer,.ph-green,.ph-teal,.ph-navy){--accent:#e4bd4e;--accent-dk:#d3a93a;--muted:#c5bfb4;--bg:#121212;--ghost-ink:#fff;--ghost-line:rgba(255,255,255,.45);--ghost-hover-bg:rgba(255,255,255,.1);--ghost-fill:transparent}
html[data-theme="light"] :is(.hero,.venue-hero,.cta-banner,.venues-cta-section,.footer,.ph-green,.ph-teal,.ph-navy) .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
html[data-theme="light"] :is(.hero,.venue-hero,.cta-banner,.venues-cta-section,.footer,.ph-green,.ph-teal,.ph-navy) .btn-ghost:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.1)}
html[data-theme="light"] :is(.my-menu-panel,.menu-panel,.custom-menu-panel,.inquiry-modal,.mc-ask-panel,.venue-modal,.vm-content,.vpm-modal,.meat-picker-modal){background:var(--white);color:var(--text);border-color:var(--border);box-shadow:var(--sh-lg)}
html[data-theme="light"] :is(.panel-title h3,.panel-item span,.modal-title-row h3,.modal-field input,.modal-field textarea,.mc-ask-input,.ai-chat-input,.btn-email){color:var(--text)}
html[data-theme="light"] :is(.panel-minimize,.panel-empty-msg,.panel-item-remove,.panel-count,.modal-subtitle,.modal-field label,.modal-privacy,.panel-info-btn,.panel-ai-toggle,.ai-summary-total,.ai-chat-disclaimer){color:var(--muted)}
html[data-theme="light"] :is(.panel-item,.panel-item-remove,.modal-close,.modal-field input,.modal-field textarea,.btn-email,.mc-ask-panel-header,.mc-ask-input,.ai-chat-input,.panel-qty-btn,.meat-opt,.menu-search-input,.ms-clear,.msr-item,.msr-cat,.price-disclaimer){background:var(--bg-alt);border-color:var(--border)}
html[data-theme="light"] :is(.mc-ask-msg-assistant .mc-ask-msg-bubble,.ai-msg-assistant .ai-msg-bubble){background:var(--bg-alt);color:var(--text);border-color:var(--border)}
html[data-theme="light"] :is(.mc-ask-typing span,.ai-typing span){background:var(--muted)}
html[data-theme="light"] :is(.modal-field input,.modal-field textarea,.mc-ask-input,.ai-chat-input)::placeholder{color:var(--muted)}
html[data-theme="light"] .modal-field input[type="date"]{color-scheme:light}
html[data-theme="light"] :is(.mc-ask-msg-user .mc-ask-msg-bubble,.ai-msg-user .ai-msg-bubble,.panel-inquire-btn,.menu-builder-fab,.mc-ask-toggle,.mc-ask-send-btn,.ai-chat-send-btn,.menu-list-item.selected .item-add-btn){background:#e4bd4e;color:#17130a}
html[data-theme="light"] .vc-pills-muted span{background:var(--bg-alt);color:var(--muted)}
html[data-theme="light"] .modal-error-msg{color:#a02828}
.navbar .container{grid-template-columns:auto 1fr auto auto;gap:18px}
.nav-links{gap:clamp(14px,2vw,30px)}
.nav-cta{grid-column:4}.hamburger{grid-column:4}
.mc-theme-toggle{grid-column:3;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:8px 12px;background:var(--accent-lt);border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}
.mc-theme-toggle svg{width:18px;height:18px;flex-shrink:0}
.mc-theme-toggle:hover{border-color:var(--accent)}
.mc-theme-toggle:focus-visible,.mc-welcome-dialog :focus-visible{outline:3px solid var(--mc-gold);outline-offset:3px}
.mc-entry-pending body{visibility:hidden}.mc-entry-pending body::before{content:'Mateen Caterers';position:fixed;inset:0;display:grid;place-items:center;visibility:visible;font-family:'Playfair Display',serif;color:var(--accent);background:var(--bg);z-index:99999}
.mc-welcome-dialog{margin:auto;padding:0;border:1px solid var(--mc-line);border-radius:24px;background:var(--mc-panel);color:var(--mc-ink);width:min(670px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 100px #0006;overscroll-behavior:contain;font-family:'Poppins',sans-serif}
.mc-welcome-dialog::backdrop{background:rgba(8,7,5,.84)}
.mc-welcome-dialog [hidden]{display:none!important}
.mc-welcome-card{padding:30px 36px}
.mc-revealing{width:min(760px,calc(100% - 24px));background:#121212;color:#f5f2ec;overflow:hidden}
.mc-brand-stage{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:35px 12px}
.mc-brand-seal{display:grid;place-items:center;width:58px;height:58px;border:1px solid #b9983d;border-radius:50%;font:32px 'Playfair Display',serif;color:#e4bd4e;animation:mc-brand-in .6s ease both}
.mc-reveal-name{font:600 clamp(32px,6vw,56px)/1.15 'Playfair Display',serif;letter-spacing:-.02em;color:#f5f2ec;animation:mc-brand-in .85s cubic-bezier(.2,.7,.2,1) .15s both}.mc-reveal-name span{color:#e4bd4e}
.mc-reveal-year{font-size:11px;color:#d3bd7d;letter-spacing:.35em;animation:mc-brand-in .7s ease .45s both}
.mc-reveal-line{display:block;height:1px;width:140px;background:#b9983d;transform-origin:left;animation:mc-line-in 1.65s cubic-bezier(.2,.65,.3,1) .35s both}
.mc-preparing{font-size:11px;color:#bcb5aa;animation:mc-brand-in .6s ease .65s both}
.mc-welcome-toast{position:fixed;top:calc(var(--nav-h) + 34px);left:50%;transform:translateX(-50%);z-index:1100;width:max-content;max-width:calc(100% - 32px);padding:14px 22px;border-radius:14px;border:1px solid var(--border);background:var(--white);color:var(--text);box-shadow:var(--sh);font-size:14px;animation:mc-toast-in .3s ease}
@keyframes mc-brand-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes mc-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mc-toast-in{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:.78rem}.navbar .container{padding-inline:18px;gap:12px}.nav-cta .btn{padding:9px 14px;font-size:.76rem}}
@media(max-width:960px){.navbar .container{grid-template-columns:1fr auto auto}.nav-links,.nav-cta{display:none}.mc-theme-toggle{grid-column:2}.hamburger{display:flex;grid-column:3;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-panel{max-height:calc(100dvh - 110px);overflow:auto}}
@media(max-width:520px){.mc-welcome-dialog{border-radius:18px;max-height:calc(100dvh - 16px)}.mc-welcome-card{padding:20px 20px max(24px,env(safe-area-inset-bottom))}.mc-brand-stage{min-height:320px;padding-inline:0}.mc-reveal-name{max-width:260px}.mc-theme-toggle{padding:8px;min-width:66px}.nav-logo-main{font-size:.85rem}.nav-logo-byline{font-size:.65rem}.mc-welcome-toast{font-size:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){.mc-brand-stage *,.mc-welcome-toast{animation:none!important}.page-body{animation:none}html{scroll-behavior:auto}}