/* Genel Stil ve Fontlar */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #F5F2EB; /* YENİ BEYAZ ZEKÂ KREM TONU */
    color: #444444;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Renk Paleti ve Temel Değişkenler */
:root {
    --primary-color: #AECAD9; /* Ana Mint Yeşili */
    --light-primary-color: #DDEBF1; 
    --text-color: #444444;
    --light-text-color: #FFFFFF;
    --title-font: 'Oswald', 'Arial Black', sans-serif;
    --padding-unit: 20px;
    --box-shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.08);
    --border-radius-soft: 10px;
    --ai-color: #5C6BC0; /* Yapay Zeka için mor-mavi vurgu */
}

/* Başlık Bölümü (Varsayılan Stil) */
.header-bg {
    /* Varsayılan Mint Degrade */
    background: linear-gradient(135deg, var(--primary-color) 0%, #9BC6D6 100%); 
    color: var(--light-text-color);
    text-align: center;
    padding: 60px 0;
    margin-bottom: 30px;
    box-shadow: var(--box-shadow-subtle);
    transition: background 0.5s ease; /* Tema geçişlerini yumuşatır */
}

.main-title {
    font-family: var(--title-font);
    font-size: 5.5em; 
    margin: 0;
    letter-spacing: 6px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

/* --- ÖZEL GÜN TEMALARI --- */
.theme-yilbasi { background: linear-gradient(135deg, #A82020 0%, #E7B643 100%); box-shadow: 0 5px 15px rgba(168, 32, 32, 0.4); }
.theme-sevgililer { background: linear-gradient(135deg, #FF69B4 0%, #FFDAB9 100%); box-shadow: 0 5px 15px rgba(255, 105, 180, 0.4); }
.theme-ramazan { background: linear-gradient(135deg, #483D8B 0%, #8A2BE2 100%); box-shadow: 0 5px 15px rgba(72, 61, 139, 0.4); }
.theme-yaz { background: linear-gradient(135deg, #00BCD4 0%, #FFEB3B 100%); box-shadow: 0 5px 15px rgba(0, 188, 212, 0.4); }


/* İçerik Konteyneri ve Bölümler */
.container { max-width: 950px; margin: 0 auto; padding: 0 var(--padding-unit); }
/* Menü bölümlerinin arka planı hala beyaz (#ffffff) kalacak */
.menu-section { background-color: var(--light-text-color); padding: 25px; margin-bottom: 30px; border-radius: var(--border-radius-soft); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border: 1px solid #EDEDED; }
.section-title { font-family: var(--title-font); font-size: 2.4em; color: var(--primary-color); text-align: left; margin-top: 0; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 4px solid var(--light-primary-color); letter-spacing: 1.5px; }
.section-title i { margin-right: 10px; }
.subsection-title { font-size: 1.3em; color: #666666; margin-top: 25px; margin-bottom: 12px; border-left: 6px solid var(--primary-color); padding-left: 15px; font-weight: 600; line-height: 1; }
.item-list { list-style: none; padding: 0; }
.item-list li { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #F0F0F0; font-size: 1.1em; transition: background-color 0.3s ease; }
.item-list li:hover { background-color: #F9FCFF; }
.price { font-weight: 700; color: var(--primary-color); background-color: var(--light-primary-color); padding: 5px 12px; border-radius: 20px; min-width: 80px; text-align: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }


/* YARDIM BÖLÜM STİLLERİ */
.help-title { color: #FF9800; border-bottom-color: #FFCC80; }
.help-content { display: flex; justify-content: space-between; gap: 20px; }
.help-box { flex: 1; background-color: #FFF3E0; padding: 20px; border-radius: var(--border-radius-soft); border-left: 4px solid #FF9800; }
.help-box h3 { margin-top: 0; color: #E65100; font-size: 1.2em; }

/* Footer */
footer { text-align: center; padding: 25px; margin-top: 40px; background-color: var(--light-primary-color); color: var(--text-color); font-size: 0.9em; border-top: 3px solid var(--primary-color); }

/* YZ Garson Butonu Stili */
#ai-waiter-button {
    position: fixed; 
    bottom: 30px; 
    right: 30px;
    background-color: var(--ai-color); 
    color: var(--light-text-color);
    border: none;
    border-radius: 30px;
    padding: 15px 25px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
    z-index: 1000;
}

#ai-waiter-button:hover {
    background-color: #4C59A7;
    transform: translateY(-2px);
}

#ai-waiter-button i {
    margin-right: 8px;
    font-size: 1.2em;
}