/* Müzeyyen — shared black & gold presentation layer. */
:root {
    color-scheme: dark;
    --forest: #D4AF37;
    --forest-deep: #F1D779;
    --forest-mid: #C49A28;
    --forest-soft: #211D12;
    --gold: #D4AF37;
    --gold-deep: #A77C16;
    --gold-soft: #F1D779;
    --terracotta: #F1D779;
    --paper: #000;
    --paper-soft: #0C0C0B;
    --paper-card: #141310;
    --paper-line: rgba(212,175,55,.2);
    --calorie-green: #E8CB70;
    --calorie-green-deep: #D4AF37;
    --calorie-green-soft: #211D12;
    --text-main: #F3EEE2;
    --text-muted: #BDB5A1;
    --text-light: #100E08;
    --text-cream: #F3EEE2;
    --text-dark: #100E08;
    --bg-deep: #000;
    --bg-card: #141310;
    --bg-surface: #0C0C0B;
    --border-gold: rgba(212,175,55,.32);
    --border-wine: rgba(212,175,55,.25);
    --gold-light: #F1D779;
    --gold-mid: #D4AF37;
    --gold-dark: #A77C16;
    --gradient-forest: linear-gradient(135deg,#F1D779,#C69A29);
    --gradient-gold: linear-gradient(135deg,#F1D779,#C69A29);
    --gradient-gold-subtle: linear-gradient(135deg,#F1D779,#D4AF37);
}
html, body { background: #000; }
body::before { background: none; opacity: 0; }
body { color: var(--text-main); }
.logo-box img { max-width: 100%; height: auto; filter: none; }
.menu-header {
    background: linear-gradient(160deg,#141310,#080808);
    border-color: var(--border-gold);
    box-shadow: 0 12px 32px rgba(0,0,0,.3);
}
.menu-header::before { border-color: rgba(212,175,55,.23); }
.menu-header::after { display: none; }
.drink-btn, .cat-btn.active, .toggle-btn.active, .lang-btn.active {
    background: var(--gradient-gold);
    color: #100E08;
    border-color: #D4AF37;
    box-shadow: 0 5px 18px rgba(0,0,0,.25);
}
.lang-btn, .cat-btn, .toggle-btn {
    background: #11110F;
    color: #E8CB70;
    border-color: rgba(212,175,55,.3);
}
.lang-btn:hover, .cat-btn:hover, .toggle-btn:hover {
    background: #252014;
    color: #F1D779;
    border-color: #D4AF37;
}
.lang-btn.active:hover, .cat-btn.active:hover, .drink-btn:hover {
    background: #F1D779;
    color: #100E08;
}
.toggle-btn.active svg { fill: #100E08; }
.menu-item { background: #141310; border-color: rgba(212,175,55,.24); }
.menu-item:hover { border-color: rgba(212,175,55,.65); box-shadow: 0 10px 28px #000; }
.menu-item::before { background: linear-gradient(180deg,#F1D779,#A77C16); }
.menu-items.is-grid .menu-item::before { background: linear-gradient(90deg,#A77C16,#F1D779); }
.menu-item::after { border-color: rgba(212,175,55,.07); }
.menu-item-title { color: #F3EEE2; }
.menu-item-desc { color: #BDB5A1; }
.menu-item-price { color: #F1D779; }
.calorie-badge, .like-btn { background: #211D12; color: #E8CB70; border-color: rgba(212,175,55,.25); }
.like-btn:hover, .like-btn.is-liked { background: #332A13; color: #F1D779; border-color: #D4AF37; }
.allergen-info-section { background: #10100E; border-color: rgba(212,175,55,.24); }
.allergen-info-title { color: #F1D779; }
.allergen-info-item { background: #191813; border-color: rgba(212,175,55,.15); }
.allergen-icon, .allergen-info-item img { background: #F3EEE2; border-radius: 50%; padding: 2px; }
.lightbox-overlay { background: rgba(0,0,0,.95); }
.lightbox-close-btn { background: #D4AF37; color: #100E08; }
.empty-state { background: #11110F; color: #E8CB70; border-color: var(--border-gold); }
.btn-custom { width: 100%; border-radius: 5px; }
.btn-gold { background: var(--gradient-gold); color: #100E08; border: 1px solid #D4AF37; box-shadow: 0 8px 24px #000; }
.btn-gold:hover { background: #F1D779; color: #100E08; border-color: #F1D779; }
.btn-dark { background: #11110F; color: #E8CB70; border: 1px solid rgba(212,175,55,.5); box-shadow: none; }
.btn-dark:hover { background: #252014; color: #F1D779; border-color: #D4AF37; }
.content > .logo-box { margin-top: clamp(32px,7vh,76px); padding: 0 24px; }
.content > .logo-box img { width: 350px; max-width: 100%; }
.ornament { margin: 24px 0 40px; }
.ornament span { color: #D4AF37; }
.social-icons { flex-wrap: wrap; justify-content: center; padding: 0 20px; }
.social-icons a i, .social-icons a.instagram i {
    color: #D4AF37;
    background: none;
    -webkit-text-fill-color: #D4AF37;
}
.social-icons a:hover i { color: #F1D779; -webkit-text-fill-color: #F1D779; }
.qr-footer-bar { background: #090908; color: #BDB5A1; border-color: rgba(212,175,55,.25); }
.qr-footer-link { color: #E8CB70; }
#wifiModal .modal-content { background: #141310 !important; color: #F3EEE2 !important; border-color: #A77C16 !important; }
#wifiModal .modal-title { color: #F1D779 !important; }
#wifiModal .modal-header, #wifiModal .modal-footer { border-color: rgba(212,175,55,.24) !important; }
#wifiModal #copyWifiBtn, #wifiModal #copyWifiBtn:hover { background: var(--gradient-gold) !important; color: #100E08 !important; border-color: #D4AF37 !important; }
#wifiModal [data-bs-dismiss="modal"].btn { background: #211D12 !important; color: #F1D779 !important; border-color: #A77C16 !important; }
#wifiModal .btn-close { filter: invert(1) grayscale(1) !important; }
a:focus-visible, button:focus-visible { outline: 2px solid #F1D779; outline-offset: 4px; }
@media (max-width:640px) {
    .menu-header .top-row { gap: 12px; }
    .menu-header .logo-box { min-width: 0; }
    .menu-header .logo-box img { max-width: 100%; }
    .drink-btn { flex-shrink: 0; }
    .menu-item-title-row { flex-wrap: wrap; }
    .menu-item-title-actions { margin-left: auto; }
    .content > .logo-box img { width: 290px; }
    .ornament { margin-bottom: 30px; }
}
@media (prefers-reduced-motion:reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Warm accents and restored full-screen video. */
.home-page { position: relative; isolation: isolate; }
.home-page .video-background { z-index: 0; pointer-events: none; }
.home-page .video-background video { z-index: 0; }
.home-page .video-background::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.08) 45%,rgba(0,0,0,.5));
    pointer-events: none;
}
.home-page .content { z-index: 1; }
.home-page .logo-box img { filter: drop-shadow(0 4px 14px rgba(0,0,0,.65)); }
.home-page .button-row { max-width: 300px; gap: 12px; padding: 0 10px; }
.home-page .btn-custom {
    padding: 16px 26px;
    border-radius: 8px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.home-page .btn-gold {
    background: linear-gradient(120deg,rgba(255,228,148,.96),rgba(212,164,48,.95) 55%,rgba(180,117,25,.96));
    border-color: #ECCC75;
    color: #241607;
    box-shadow: 0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35);
}
.home-page .btn-gold:hover { background: linear-gradient(120deg,#FFE8AB,#E7B84E); }
.home-page .btn-dark {
    background: linear-gradient(120deg,rgba(103,42,37,.92),rgba(53,22,23,.94));
    border-color: rgba(235,190,102,.7);
    color: #F7DE9C;
    box-shadow: 0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);
}
.home-page .btn-dark:hover { background: linear-gradient(120deg,#823A2E,#4C2325); }
.home-page .lang-btn { background: rgba(15,13,10,.75); color: #F5DEAA; border-color: rgba(236,195,100,.45); }
.home-page .lang-btn.active { background: #E5BC5B; color: #241607; }
.home-page .social-icons { gap: 15px; }
.home-page .social-icons a {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border: 1px solid rgba(228,192,110,.38);
    border-radius: 50%;
    background: rgba(12,11,10,.76);
    opacity: 1;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.home-page .social-icons a.instagram i {
    background: linear-gradient(45deg,#F6AE45,#E25580,#BA83DB);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-page .social-icons a.whatsapp i { color: #57DA8B; -webkit-text-fill-color: #57DA8B; }
.home-page .social-icons a.facebook i { color: #74ADFF; -webkit-text-fill-color: #74ADFF; }
.home-page .social-icons a.maps i { color: #F28A73; -webkit-text-fill-color: #F28A73; }
.home-page .social-icons a.google-review i { color: #F1C65C; -webkit-text-fill-color: #F1C65C; }
.home-page .qr-footer-bar { background: rgba(15,11,9,.88); }
.menu-header { background: radial-gradient(ellipse at 10% 0%,rgba(176,113,30,.17),transparent 65%),linear-gradient(145deg,#1B1711,#080808); }
.menu-item-price { color: #EFC26B; }
.menu-item::before { background: linear-gradient(180deg,#F7DF99,#BA762A); }
@media (max-width:640px) {
    .home-page .social-icons { gap: 12px; }
}

/* Food and drink menus: reservation burgundy with gold details. */
.menu-page {
    --menu-burgundy: linear-gradient(120deg,rgba(103,42,37,.92),rgba(53,22,23,.94));
    --menu-burgundy-hover: linear-gradient(120deg,#823A2E,#4C2325);
    --menu-gold-text: #F7DE9C;
}
.menu-page .menu-header {
    background: var(--menu-burgundy);
    border-color: rgba(235,190,102,.45);
}
.menu-page .menu-header::before { border-color: rgba(235,190,102,.3); }
.menu-page .cat-btn, .menu-page .drink-btn,
.menu-page .lang-btn, .menu-page .toggle-btn {
    background: var(--menu-burgundy);
    color: var(--menu-gold-text);
    border-color: rgba(235,190,102,.45);
}
.menu-page .cat-btn:hover, .menu-page .drink-btn:hover,
.menu-page .lang-btn:hover, .menu-page .toggle-btn:hover {
    background: var(--menu-burgundy-hover);
    color: #FFE8AF;
    border-color: #ECCC75;
}
.menu-page .cat-btn.active, .menu-page .lang-btn.active,
.menu-page .toggle-btn.active {
    background: var(--menu-burgundy-hover);
    color: #FFE8AF;
    border-color: #ECCC75;
    box-shadow: inset 0 -2px 0 #D4AF37,0 5px 16px rgba(0,0,0,.25);
}
.menu-page .toggle-btn svg { fill: var(--menu-gold-text); }
.menu-page .menu-item {
    background: linear-gradient(120deg,#2F1818,#1C1112);
    border-color: rgba(235,190,102,.25);
}
.menu-page .menu-item:hover { border-color: rgba(235,190,102,.65); }
.menu-page .menu-item-title { color: #F7DE9C; }
.menu-page .menu-item-desc { color: #D3C2BA; }
.menu-page .calorie-badge, .menu-page .like-btn {
    background: #472221;
    color: #F7DE9C;
    border-color: rgba(235,190,102,.3);
}
.menu-page .like-btn:hover, .menu-page .like-btn.is-liked {
    background: #78382E;
    color: #FFE8AF;
    border-color: #D4AF37;
}
.menu-page .allergen-info-section {
    background: linear-gradient(120deg,#2F1818,#1C1112);
    border-color: rgba(235,190,102,.25);
}
.menu-page .allergen-info-item { background: #351D1C; border-color: rgba(235,190,102,.2); }
.menu-page .allergen-info-description { color: #D3C2BA; }
.menu-page .empty-state { background: #2F1818; color: #F7DE9C; }