/* Öz Hatay Gurme — logo ile uyumlu yeşil, altın, krem. */
@font-face {
    font-family: 'Hatay Classic';
    src: url('hatay-classic-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root { --hatay-green: #06452d; --hatay-deep: #032f1f; --hatay-gold: #d9b76a; --hatay-serif: 'Hatay Classic', Georgia, 'Times New Roman', serif; }
a:focus-visible, button:focus-visible { outline: 3px solid #bc913d; outline-offset: 4px; }
.hatay-home { background: #032f1f; }
.hatay-home .video-background { z-index: 0; background: #032f1f; }
.hatay-home .video-background::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,32,20,.80), rgba(2,32,20,.64) 45%, rgba(2,32,20,.91)); }
.hatay-home .video-background video { opacity: .42; }
.hatay-home::before { z-index: 1; opacity: .18; }
.hatay-home .content { padding: clamp(28px, 5vh, 56px) 20px 76px; min-height: 100vh; min-height: 100svh; }
.hatay-home .logo-box { margin-top: 0; }
.hatay-home .logo-box img { width: min(350px, 82vw); height: auto; max-height: 240px; filter: drop-shadow(0 10px 22px rgba(0,0,0,.18)); }
.hatay-home .ornament { width: 190px; margin: 26px 0 30px; gap: 12px; }
.hatay-home .ornament::before, .hatay-home .ornament::after { background: linear-gradient(90deg, transparent, #c8a455, transparent); }
.hatay-home .ornament span { color: #e4c77b; font-size: 14px; }

.hatay-home .btn-custom { font-family: var(--hatay-serif); }
.hatay-home .btn-gold { background: linear-gradient(110deg, #f1d991, #d6b061); color: #073b27; border: 1px solid #f3dfa6; box-shadow: 0 5px 16px rgba(0,0,0,.12), inset 0 0 0 3px rgba(255,248,224,.22); }
.hatay-home .btn-gold:hover { background: #f1d991; color: #032f1f; border-color: #fff0bb; }
.hatay-home .btn-dark { background: rgba(2,40,25,.78); color: #edd394; border: 1px solid #b9954d; box-shadow: inset 0 0 0 3px rgba(217,183,106,.06); }
.hatay-home .btn-dark:hover { background: #0a5034; color: #fff0c6; border-color: #e2c47e; }

.hatay-home .lang-btn { background: rgba(3,47,31,.75); color: #e4d6b7; border-color: rgba(217,183,106,.45); }
.hatay-home .lang-btn:hover, .hatay-home .lang-btn.active { background: #e3c278; color: #032f1f; border-color: #eed394; }

.hatay-home .social-icons a i { color: #e4c77b !important; background: none !important; -webkit-text-fill-color: #e4c77b !important; }
.hatay-home .qr-footer-bar { padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); background: #03291c; color: #e0d5bd; border-color: rgba(217,183,106,.35); }
.hatay-home .qr-footer-link { color: #e4c77b; }
.hatay-home #wifiModal .modal-title { font-family: var(--hatay-serif) !important; font-size: 23px; }
.hatay-home #wifiModal #copyWifiBtn { color: #032f1f !important; }

.hatay-menu { background: #f5f0e4; }
.hatay-menu::before { background: radial-gradient(ellipse at 50% 0, rgba(217,183,106,.10), transparent 65%); }
.hatay-menu .container { max-width: 1080px; }
.hatay-menu .menu-header { background: linear-gradient(130deg, #07472e, #032f1f); border-color: #997934; border-radius: 0 0 16px 16px; box-shadow: 0 10px 28px rgba(3,47,31,.12); padding: 28px 30px 30px; }
.hatay-menu .menu-header::before { border-color: rgba(227,194,120,.42); border-radius: 0 0 9px 9px; }
.hatay-menu .menu-header::after { display: none; }
.hatay-menu .top-row { margin-bottom: 20px; }
.hatay-menu .logo-box { min-width: 0; }
.hatay-menu .logo-box img { width: 240px; max-width: 100%; max-height: 142px; height: auto; filter: none; }
.hatay-menu .logo-fallback, .hatay-menu .logo-fallback small { color: #efd793; }
.hatay-menu .drink-btn { background: linear-gradient(115deg, #f0d68e, #d7b263); color: #043823; border-color: #eed394; font-family: var(--hatay-serif); box-shadow: none; }
.hatay-menu .drink-btn:hover { background: #f1d991; color: #032f1f; }
.hatay-menu .lang-btn { background: rgba(255,255,255,.035); color: #f4e8cd; border-color: rgba(227,194,120,.38); }
.hatay-menu .lang-btn.active, .hatay-menu .lang-btn:hover { background: #e4c77b; color: #032f1f; border-color: #e4c77b; box-shadow: none; }
.hatay-menu .toggle-btn { background: #0b4c33; border-color: #b8954c; }
.hatay-menu .toggle-btn:not(.active) svg { fill: #e4c77b; }
.hatay-menu .toggle-btn.active { background: #e4c77b; border-color: #e4c77b; box-shadow: none; }
.hatay-menu .toggle-btn.active svg { fill: #032f1f; }

.hatay-menu .cat-btn { color: #f3e7cb; border: 1px solid rgba(227,194,120,.42); background: rgba(1,28,17,.18); font-family: var(--hatay-serif); overflow-wrap: anywhere; }
.hatay-menu .cat-btn.active, .hatay-menu .cat-btn:hover { background: linear-gradient(115deg, #efd58e, #d8b565); color: #032f1f; border-color: #e4c77b; box-shadow: none; }
.hatay-menu .section-divider { padding: 20px 24px 12px; }
.hatay-menu .section-divider .dessert-divider-icon { color: #9f7a2e; }
.hatay-menu .dessert-divider-icon svg { width: 68px; height: 36px; }
.hatay-menu .dessert-divider-icon::before, .hatay-menu .dessert-divider-icon::after { display: none; }
.hatay-menu .menu-items, .hatay-menu .menu-items.is-grid { gap: 14px; }
.hatay-menu .menu-item { border: 1px solid #e1d5b9; border-radius: 9px; background: #fffcf4; box-shadow: 0 4px 15px rgba(3,47,31,.045); min-width: 0; }
.hatay-menu .menu-item::before { background: linear-gradient(#e5cc88, #ac8332); width: 3px; }
.hatay-menu .menu-item::after { border-color: rgba(167,122,34,.09); }
.hatay-menu .menu-item:hover { border-color: #bc9a51; box-shadow: 0 8px 24px rgba(3,47,31,.08); }
.hatay-menu .menu-item-title { font-family: var(--hatay-serif); font-size: 23px; line-height: 1.18; letter-spacing: .1px; overflow-wrap: anywhere; }
.hatay-menu .menu-item-title-row { flex-wrap: wrap; }
.hatay-menu .menu-item-title-actions { flex-wrap: wrap; }
.hatay-menu .menu-item-desc { font-size: 13px; line-height: 1.6; color: #626b5e; }
.hatay-menu .menu-item-price { color: #70521b; font-size: 21px; font-variant-numeric: tabular-nums; }
.hatay-menu .calorie-badge { color: #216344; background: #edf2e6; box-shadow: none; }
.hatay-menu .like-btn { background: #f6edda; box-shadow: none; color: #805c17; }
.hatay-menu .like-btn.is-liked { background: #06452d; color: #f0d68e; border-color: #06452d; }
.hatay-menu .allergen-info-section { background: #fdf9ef; border-color: #ded2b5; border-radius: 10px; box-shadow: none; }
.hatay-menu .allergen-info-title { font-family: var(--hatay-serif); font-size: 23px; }
.hatay-menu .allergen-info-item { box-shadow: none; border-color: #e6dcc6; border-radius: 6px; }
@media(min-width: 800px) { .hatay-menu .category-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media(max-width: 640px) {
    .hatay-home .content { padding-top: 26px; }
    .hatay-home .logo-box img { width: min(300px, 80vw); }
    .hatay-home .ornament { margin: 20px 0 24px; }
    .hatay-menu .menu-header { padding: 22px 18px 23px; }
    .hatay-menu .top-row { gap: 12px; margin-bottom: 18px; }
    .hatay-menu .logo-box img { width: 172px; max-height: 100px; }

    .hatay-menu .menu-items, .hatay-menu .menu-items.is-grid { gap: 10px; }
    .hatay-menu .menu-item-title { font-size: 21px; }
    .hatay-menu .menu-item-content { padding: 12px; }
    .hatay-menu .menu-items.is-grid .menu-item-content { padding: 10px 9px 14px; }
    .hatay-menu .menu-item-price { font-size: 19px; }
    .hatay-menu .menu-items.is-grid .menu-item-title { font-size: 19px; }
}
@media(prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }