/* ===== ACIK PANEL STILI — Görele Pide Kebap (logodaki firin kemeri kahvesi #75371D + alev turuncusunun sakin tonu #C24E25) ===== */
/* Yazi: logodaki kalin, yuvarlak hatli harflere yakin Paytone One (baslik/buton/fiyat) + okunur metinler icin Rubik */
:root {
    --ap-font: 'Paytone One', 'Rubik', 'Arial Black', sans-serif;
    --ap-text: 'Rubik', 'Segoe UI', Arial, sans-serif;
    --ap-brand: #75371D; --ap-brand-dark: #5E2C17; --ap-brand-deep: #432012; --ap-title: #5E2C17; --ap-muted: #76615A;
    --ap-line: #EBDDD5; --ap-line-soft: #EFE4DD; --ap-line-hover: #D2AE9C; --ap-pale: #FBF6F3; --ap-pale-2: #F5EAE4; --ap-pale-3: #F8F1ED;
    --ap-badge-bg: #F6EAE3; --ap-badge-line: #EBD7CB; --ap-badge-text: #7A3A20;
    --ap-accent: #C24E25; --ap-accent-strong: #B0461F; --ap-accent-hover: #963B1A; --ap-accent-deep: #9E3F1E;
    --ap-accent-light: #E08A66; --ap-accent-pale: #F2C4AE;
    --ap-like-bg: #FBF3EF; --ap-like-line: #F0D9CC; --ap-like-text: #9E3F1E;
    --ap-liked-bg: #F7E6DD; --ap-liked-line: #EBC6B3; --ap-liked-text: #8A3419;
    --ap-cream: #FAF6F2; --ap-cream-2: #F3ECE5; --ap-card: #FFFDFB; --ap-paper: #F3EDE7; --ap-neutral-line: #EAE3DD; --ap-neutral-bg: #FAF6F2;
    --ap-brand-rgb: 117,55,29; --ap-brand-dark-rgb: 94,44,23; --ap-cream-rgb: 250,246,242; --ap-accent-rgb: 194,78,37;
    --ap-bg-deep-rgb: 43,22,13; --ap-ink-rgb: 40,20,12;
    /* premium katmandaki ayrac simgesi bu tonu kullanir */
    --p-metal: var(--ap-accent); --p-metal-deep: var(--ap-accent-deep); --p-card: var(--ap-card);
    --p-cream: var(--ap-cream); --p-cream-2: var(--ap-cream-2);
}
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--ap-accent-light); outline-offset: 4px; }

/* ---- Yazi: logo benzeri marka yazi tipi, buyuk harf ---- */
.qr-home, .qr-menu, .qr-home *, .qr-menu * {
    font-family: var(--ap-font) !important;
    text-transform: uppercase !important;   /* Turkce I/i icin <html lang> dogru olmali */
    font-weight: 400 !important; font-synthesis: none; letter-spacing: .6px;
}
/* Kucuk ve uzun metinler okunur sans-serif ile */
.qr-menu .menu-item-desc, .qr-menu .allergen-info-description, .qr-menu .allergen-info-item span,
.qr-menu .calorie-badge, .qr-menu .calorie-badge *, .qr-menu .like-btn, .qr-menu .like-btn *, .qr-menu .like-count,
.qr-menu .lang-btn, .qr-home .lang-btn, .qr-home .qr-footer-bar, .qr-home .qr-footer-bar *, .qr-home .modal, .qr-home .modal * {
    font-family: var(--ap-text) !important; font-weight: 500 !important;
}
.qr-menu .menu-item-desc, .qr-menu .allergen-info-description { text-transform: none !important; letter-spacing: .1px; }
.qr-home .bi, .qr-menu .bi { letter-spacing: 0; }
.qr-home .bi::before, .qr-menu .bi::before { font-family: 'bootstrap-icons' !important; }
/* Wi-Fi bilgisi gercek harf buyuklugunu korur */
.qr-home #wifiPassText, .qr-home #wifiModal .modal-body [style*="font-size:16px"] { text-transform: none !important; }

/* ================= KARSILAMA SAYFASI ================= */
/* Video yoksa zemin: firin kemerinin koyu kahvesi, ustte alevin kor parltisi */
.qr-home { background: radial-gradient(circle at 50% 22%, #7A3A1E 0%, #4A2313 50%, #2B160D 100%) fixed; }
.qr-home::before { display: none; }
.qr-home .video-background { background: radial-gradient(circle at 50% 22%, #7A3A1E 0%, #4A2313 50%, #2B160D 100%); }
.qr-home .video-background::after { content: none; display: none; }
.qr-home .content { min-height: 100vh; min-height: 100svh; padding: 38px 20px 78px; }
/* Seffaf logo, kart zemini olmadan gosterilir. */
.qr-home .logo-box {
    margin-top: 0; width: min(330px, 84vw); padding: 0; border: 0; border-radius: 0;
    background: transparent; box-shadow: none;
}
.qr-home .logo-box::before { display: none; }
.qr-home .logo-box img { width: 100%; height: auto; max-height: 190px; object-fit: contain; filter: none; }
.qr-home .ornament { width: 156px; margin: 27px 0 clamp(52px, 9vh, 96px); }
.qr-home .ornament::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,.5)); }
.qr-home .ornament::after { background: linear-gradient(90deg, rgba(255,255,255,.5), transparent); }
.qr-home .ornament span { width: 6px; height: 6px; border-color: var(--ap-accent-light); box-shadow: none; }
.qr-home .button-row { width: 100%; max-width: 300px; gap: 12px; }
.qr-home .btn-custom { width: auto; max-width: 100%; padding: 16px 26px; border-radius: 13px; font-size: 16.2px; letter-spacing: 1.6px; }
.qr-home .btn-gold, .qr-home .btn-gold:focus, .qr-home .btn-gold:active {
    background: var(--ap-accent-strong); color: #fff;
    border: 1px solid rgba(255,255,255,.3);
    box-shadow: 0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.qr-home .btn-gold:hover { color: #fff; background: var(--ap-accent-hover); border-color: rgba(255,255,255,.55); }
.qr-home .btn-dark {
    color: var(--ap-brand-dark); background: rgba(var(--ap-cream-rgb), .9); border: 1px solid rgba(var(--ap-cream-rgb), .7);
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
}
.qr-home .btn-dark:hover { color: var(--ap-brand-deep); background: var(--ap-pale-2); border-color: var(--ap-pale-2); }
.qr-home .lang-row { margin-top: 12px; gap: 7px; }
.qr-home .lang-btn {
    display: inline-flex; align-items: center; min-height: 34px; border-radius: 7px; padding: 5px 12px;
    font-size: 10.8px; letter-spacing: 1px; color: #F8EEE9;
    border-color: rgba(255,255,255,.27); background: rgba(var(--ap-bg-deep-rgb), .3);
}
.qr-home .lang-btn.active { background: var(--ap-cream); color: var(--ap-brand-dark); border-color: var(--ap-cream); }
.qr-home .social-icons {
    display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 100%;
    margin-top: 17px; padding: 8px; border: 1px solid rgba(255,255,255,.65); border-radius: 14px;
    background: rgba(255,253,251,.96); box-shadow: 0 8px 26px rgba(0,0,0,.14);
}
.qr-home .social-icons:not(:has(a)) { display: none; }
.qr-home .social-icons a { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 8px; font-size: 23.4px; opacity: 1; }
.qr-home .social-icons a:hover { background: var(--ap-pale-2); transform: translateY(-2px); }
.qr-home .social-icons .wifi-icon i { color: var(--ap-brand) !important; }
.qr-home .qr-footer-bar {
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); line-height: 1.5; font-size: 10px; letter-spacing: .8px;
    background: rgba(var(--ap-bg-deep-rgb), .95); border-top: 1px solid rgba(var(--ap-accent-rgb), .5);
}
.qr-home .qr-footer-link { color: var(--ap-accent-pale); }

/* ================= MENU SAYFALARI ================= */
.qr-menu { background: var(--ap-paper); }
.qr-menu::before { background: rgba(var(--ap-cream-rgb), .76); opacity: 1; }
.qr-menu .container { max-width: 980px; }

.qr-menu .menu-header {
    padding: 28px 28px 26px; background: #fff; color: var(--ap-brand);
    border: 1px solid var(--ap-line-soft); border-top: 0; border-radius: 0 0 25px 25px;
    box-shadow: 0 12px 28px -18px rgba(var(--ap-ink-rgb), .22);
}
.qr-menu .menu-header::before { inset: 10px; border-color: rgba(var(--ap-brand-rgb), .12); border-radius: 0 0 17px 17px; }
.qr-menu .menu-header::after { content: none; display: none; }
.qr-menu .logo-box { padding: 0; border: 0; background: none; border-radius: 0; box-shadow: none; min-width: 0; }
.qr-menu .logo-box img { display: block; width: min(250px, 100%); height: auto; max-height: 140px; filter: none; }
.qr-menu .logo-fallback { color: var(--ap-brand); }
.qr-menu .logo-fallback small { color: var(--ap-muted); }
.qr-menu .top-row { gap: 18px; margin-bottom: 8px; align-items: center; }
.qr-menu .top-row .logo-box > a:not(.logo-fallback) { display: block; line-height: 0; }
.qr-menu .top-row .drink-btn { align-self: center; }
.qr-menu .drink-btn::after { content: none; display: none; }
.qr-menu .drink-btn {
    justify-content: center; color: #fff; background: var(--ap-accent-strong); border: 1px solid rgba(255,255,255,.28);
    padding: 12px 22px; font-size: 14.4px; letter-spacing: 1.2px; box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.qr-menu .drink-btn:hover, .qr-menu .drink-btn:focus, .qr-menu .drink-btn:active { color: #fff; background: var(--ap-accent-hover); border-color: rgba(255,255,255,.5); }
.qr-menu .lang-btn {
    border-radius: 7px; min-height: 32px; display: inline-flex; align-items: center;
    color: var(--ap-brand); background: #fff; border-color: var(--ap-line); font-size: 10.8px; letter-spacing: 1px;
}
.qr-menu .lang-btn.active { color: #fff; background: var(--ap-brand); border-color: var(--ap-brand); box-shadow: none; }
.qr-menu .view-toggle { background: var(--ap-pale-3); border-color: var(--ap-line); border-radius: 9px; }
.qr-menu .toggle-btn { min-width: 34px; min-height: 30px; }
.qr-menu .toggle-btn.active { background: var(--ap-brand); }
.qr-menu .toggle-btn.active svg { fill: #fff; }
.qr-menu .toggle-btn:not(.active) svg { fill: var(--ap-brand); }

.qr-menu .category-grid { gap: 9px; }
.qr-menu .cat-btn {
    min-height: 45px; padding: 12px 10px; border-radius: 10px; font-size: 12.6px; letter-spacing: .8px;
    border-color: var(--ap-line); color: var(--ap-brand); background: var(--ap-pale);
}
.qr-menu .cat-btn:hover { border-color: var(--ap-line-hover); background: var(--ap-pale-2); }
.qr-menu .cat-btn.active { color: #fff; background: var(--ap-brand); border-color: var(--ap-brand); box-shadow: inset 0 -3px 0 var(--ap-accent); }

.qr-menu .section-divider { padding: 7px 28px; gap: 14px; margin: 0; }
.qr-menu .section-divider .dessert-divider-icon,
.qr-menu .section-divider .drink-divider-icon { width: 36px; height: 36px; }
.qr-menu .lang-row { margin-top: 0; margin-bottom: 12px; }
.qr-menu .section-divider::before { max-width: 220px; background: linear-gradient(90deg, transparent, var(--ap-accent)); }
.qr-menu .section-divider::after { max-width: 220px; background: linear-gradient(90deg, var(--ap-accent), transparent); }

.qr-menu .menu-items { gap: 14px; }
.qr-menu .menu-item { border-radius: 16px; background: var(--ap-card); border-color: var(--ap-accent-pale); box-shadow: 0 6px 18px rgba(var(--ap-ink-rgb), .05); }
.qr-menu .menu-item:hover { border-color: var(--ap-accent-light); box-shadow: 0 10px 24px rgba(var(--ap-ink-rgb), .09); }
.qr-menu .menu-item-img-wrap { padding: 12px 0 12px 12px; }
.qr-menu .menu-item-img-wrap > img.menu-product-image { border-radius: 11px; width: 88px; height: 88px; border-color: var(--ap-neutral-line); box-shadow: none; }
.qr-menu .menu-item-content { padding: 14px; }
.qr-menu .menu-item-title { font-size: 18px; line-height: 1.25; letter-spacing: .6px; color: var(--ap-title); overflow-wrap: anywhere; }
.qr-menu .menu-item-desc { font-size: 12.6px; line-height: 1.55; color: var(--ap-muted); }
.qr-menu .calorie-badge:not(.preparation-badge) { background: var(--ap-badge-bg); border-color: var(--ap-badge-line); color: var(--ap-badge-text); box-shadow: none; }
.qr-menu .calorie-badge.preparation-badge { color: #246489; background: #E5F3FF; border-color: #B6D9F2; box-shadow: none; gap: 4px; }
.qr-menu .preparation-badge .preparation-clock { display: block; width: 13px; height: 13px; flex: 0 0 13px; }
.qr-menu .like-btn { background: var(--ap-like-bg); border-color: var(--ap-like-line); color: var(--ap-like-text); box-shadow: none; }
.qr-menu .like-btn.is-liked { color: var(--ap-liked-text); background: var(--ap-liked-bg); border-color: var(--ap-liked-line); }
.qr-menu .calorie-badge, .qr-menu .like-btn, .qr-menu .like-count { font-size: 11px; letter-spacing: .5px; }
.qr-menu .menu-item-footer { border-top: 1px solid #F0E6E0; padding-top: 9px; }
.qr-menu .menu-item-price { font-size: 18.9px; letter-spacing: .5px; color: var(--ap-accent-deep); font-variant-numeric: lining-nums tabular-nums; }

.qr-menu .allergen-info-section { border-radius: 18px; background: var(--ap-card); box-shadow: none; border-color: var(--ap-line); }
.qr-menu .allergen-info-section::before { height: 3px; background: var(--ap-accent); }
.qr-menu .allergen-info-title { font-size: 18.9px; letter-spacing: 1px; color: var(--ap-brand-dark); }
.qr-menu .allergen-info-item { background: var(--ap-neutral-bg); box-shadow: none; border-color: var(--ap-neutral-line); }
.qr-menu .allergen-info-item span { font-size: 10.8px; line-height: 1.4; letter-spacing: .6px; }

@media (max-width: 640px) {
    .qr-home .content { padding-top: 28px; }
    .qr-home .logo-box { width: min(300px, 84vw); padding: 0; }
    .qr-home .ornament { margin-bottom: 58px; }
    .qr-home .qr-footer-bar { letter-spacing: .4px; }
    .qr-menu .menu-header { padding: 22px 18px 24px; border-radius: 0 0 21px 21px; }
    .qr-menu .logo-box img { max-width: 180px; max-height: 104px; }
    .qr-menu .top-row { gap: 12px; }
    .qr-menu .drink-btn { padding: 11px 14px; font-size: 12.6px; letter-spacing: .8px; }
    .qr-menu .cat-btn { font-size: 11.7px; letter-spacing: .5px; }
    .qr-menu .menu-item-img-wrap > img.menu-product-image { width: 76px; height: 76px; }
    .qr-menu .menu-item-title-row { flex-wrap: wrap; }
    .qr-menu .menu-item-title { flex-basis: 100%; font-size: 16.2px; letter-spacing: .4px; }
    .qr-menu .menu-item-content { padding: 12px; }
    .qr-menu .menu-item-desc { font-size: 11.7px; }
    .qr-menu .menu-item-price { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* ===== ACIK PANEL STILI BITIS ===== */

/* Kalori ve begeni: liste, mobil ve izgara gorunumunde sag kenar. */
.qr-menu .menu-item-title-actions {
    margin-left: auto;
    justify-content: flex-end;
    align-self: flex-end;
    max-width: 100%;
    flex-wrap: wrap;
}
.qr-menu .menu-items.is-grid .menu-item-title-actions {
    width: 100%;
    justify-content: flex-end;
}

/* Kalori yesil, begeni kirmizi. */
.qr-menu .calorie-badge:not(.preparation-badge) {
    color: #256B36;
    background: #EAF5EC;
    border-color: #BBDDC3;
}
.qr-menu .like-btn {
    color: #B52D35;
    background: #FFF0F1;
    border-color: #EFC1C5;
}
.qr-menu .like-btn:hover {
    color: #9D2029;
    background: #FCE1E4;
    border-color: #DF939B;
}
.qr-menu .like-btn.is-liked {
    color: #FFFFFF;
    background: #C52E3B;
    border-color: #B72633;
}