/* Kervansaray Tantuni - Özel CSS Stilleri (Tamamen Açık & Kırık Beyaz / Warm Off-White Tema) */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
    --primary-red: #b91c1c;         /* Tantuni Kırmızısı */
    --primary-red-hover: #991b1b;
    --gold: #d97706;                /* Altın / Kehribar */
    --gold-hover: #b45309;
    --bg-offwhite: #FAF7F2;         /* Kırık Beyaz / Krem Ana Zemin */
    --bg-surface: #FFFFFF;          /* Kart ve Yüzey Beyazı */
    --bg-warm-tint: #F4EFE6;        /* İkincil Islak/Sıcak Zemin */
    --bg-footer: #F0EAE1;           /* Açık Sıcak Footer Zemin */
    --border-color: #E2D9CC;        /* Zarif Açık Çerçeve */
    --text-main: #1C1917;           /* Koyu Taş / Yazı Rengi */
    --text-muted: #57534E;          /* İkincil Açıklama Metinleri */
}

html {
    scroll-behavior: smooth;
    background-color: var(--bg-offwhite);
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-offwhite);
    color: var(--text-main);
}

h1, h2, h3, h4, h5, h6, .brand-font {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.serif-title {
    font-family: 'Playfair Display', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background: #FAF7F2;
}
::-webkit-scrollbar-thumb {
    background: #d97706;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b91c1c;
}

/* Pulse Animation for Ordering Buttons */
@keyframes pulse-red {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(185, 28, 28, 0.4);
    }
    70% {
        transform: scale(1.04);
        box-shadow: 0 0 0 10px rgba(185, 28, 28, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(185, 28, 28, 0);
    }
}

.pulse-button {
    animation: pulse-red 2.2s infinite;
}

/* Glassmorphism Header for Off-White Background */
.glass-header {
    background: rgba(250, 247, 242, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(226, 217, 204, 0.9);
}

/* Hero Section Custom Styles */
.hero-light {
    background: radial-gradient(circle at top right, rgba(245, 158, 11, 0.12), transparent 40%),
                radial-gradient(circle at bottom left, rgba(185, 28, 28, 0.08), transparent 40%),
                linear-gradient(135deg, #FAF7F2 0%, #F5EFE6 50%, #ECE4D6 100%);
}

/* Underline decoration */
.title-underline {
    position: relative;
}
.title-underline::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3.5px;
    background-color: var(--primary-red);
    border-radius: 2px;
}

.title-underline-left {
    position: relative;
}
.title-underline-left::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3.5px;
    background-color: var(--primary-red);
    border-radius: 2px;
}

/* Menu Card Hover Effects */
.menu-card {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px -6px rgba(185, 28, 28, 0.12), 0 8px 12px -4px rgba(0, 0, 0, 0.04);
}

/* Menu Category Active Style */
.category-tab.active {
    background-color: var(--primary-red);
    color: #ffffff;
    border-color: var(--primary-red);
}

/* Floating contact buttons */
.float-btn {
    position: fixed;
    bottom: 24px;
    z-index: 50;
    transition: all 0.3s ease;
}
.float-btn:hover {
    transform: scale(1.1);
}
.float-wa {
    right: 24px;
}
.float-phone {
    right: 92px;
}