.menu-list-section {
    padding: 60px 20px;
    background-color: #fcfcfc; /* Çok açık gri/beyaz arka plan */
    width: 100%;
    /* İçeriğin çok geniş yayılmasını engeller, okunurluğu artırır */
    max-width: 900px; 
    margin: 0 auto; /* Sayfada ortalar */
    border-bottom: 1px solid #ddd;
}

/* Kategori Başlığı (BAŞLANGIÇLAR, ANA YEMEKLER) */
.list-title {
    font-size: 2.2em;
    font-family: 'Times New Roman', serif;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #ccc; /* Gümüş tema için açık gri çizgi */
    display: inline-block;
    padding-bottom: 8px;
    letter-spacing: 2px;
}

/* Her Bir Menü Öğesi (Sade Stil) */
.menu-item-simple {
    display: flex;
    flex-wrap: wrap; /* Gerekirse alt satıra geçsin */
    justify-content: space-between;
    align-items: flex-end;
    padding: 15px 0;
    border-bottom: 1px dashed #e0e0e0; /* Çok ince, sade bir ayrım */
}

/* Yemek Adı */
.item-name-simple {
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
    flex-basis: 70%; /* Ad için geniş alan */
}

/* Yemek Açıklaması */
.item-description-simple {
    font-size: 0.9em;
    color: #666;
    margin-top: 3px;
    font-style: italic;
    flex-basis: 100%; /* Açıklama her zaman tam genişlikte olsun */
    order: 3; /* Açıklamayı adın altına taşır */
    margin-bottom: 5px;
}

/* Yemek Fiyatı */
.item-price-simple {
    font-weight: bold;
    font-size: 1.1em;
    color: #1a1a1a; /* Koyu siyah fiyat */
    flex-basis: 30%; /* Fiyat için dar alan */
    text-align: right;
    
    /* Gümüş temasına ince vurgu */
    text-shadow: 0 0 1px rgba(192, 192, 192, 0.4); 
}
.ust-kisim {
    display: flex;
    justify-content: center; 
    align-items: center; 
    background-color: #333;
    padding: 10px 0;
    list-style: none;
}

.ust-kisim-items {
    margin: 0 15px;
    list-style: none;
    padding: 0;
}

.ust-kisim-item {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ust-kisim a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    padding: 5px 0;
    display: block;
}

.ust-kisim a:hover {
    color: #696969;
}
/* Footer Ana Bölüm */
footer {
    background-color: #1a1a1a; /* Koyu gri/siyah arka plan */
    color: #e0e0e0; /* Gümüş tema için açık gri metin */
    padding: 40px 20px;
    font-family: Arial, sans-serif;
    border-top: 3px solid #333; /* Üstte ince koyu çizgi */
}

.footer-container {
    display: flex; /* Sütunları yan yana dizer */
    justify-content: space-around; /* Aralarına boşluk bırakır */
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap; /* Küçük ekranlarda alt alta inmesini sağlar */
}

.footer-col {
    flex-basis: 30%; /* Her sütuna yaklaşık %30 genişlik verir */
    padding: 10px;
    margin-bottom: 20px;
}

/* Sütun Başlıkları */
.footer-col h3 {
    color: #ffffff; /* Beyaz başlık */
    font-size: 1.3em;
    margin-bottom: 15px;
    border-bottom: 1px solid #444; /* İnce bir çizgi */
    padding-bottom: 5px;
}

/* Paragraf ve Küçük Metinler */
.footer-col p {
    font-size: 0.95em;
    line-height: 1.6;
    margin-bottom: 8px;
    color: #b0b0b0; /* Hafif koyu gümüş */
}

/* Linkler */
.footer-link,
.sosyal-link {
    color: #ffffff; /* Beyaz link metni */
    text-decoration: none;
    font-weight: bold;
    display: block; /* Yeni satırda görünür */
    margin-top: 5px;
    transition: color 0.3s;
}

.footer-link:hover,
.sosyal-link:hover {
    color: #a9a9a9; /* Gümüş parlaklık */
}

/* Telif Hakkı Metni */
.telif-hakki {
    font-size: 0.8em;
    color: #666;
    margin-top: 25px;
    border-top: 1px solid #333;
    padding-top: 10px;
}
/* İletişim Kapsayıcısını Hazırlama */
.iletisim-kapsayici {
    position: relative; /* Telefon kutusu bu LI'ye göre konumlanacak */
}

/* Telefon Kutusu Başlangıçta Gizli */
.telefon-gizli {
    display: none; /* JavaScript ile gösterilene kadar gizli */
    position: absolute;
    top: 100%; /* Linkin hemen altına konumlandır */
    left: 50%;
    transform: translateX(-50%); /* Yatayda ortala */
    
    /* Görünüm Stilleri */
    background-color: #444; /* Koyu arka plan */
    padding: 10px 15px;
    border-radius: 4px;
    white-space: nowrap; /* Numaranın tek satırda kalmasını sağlar */
    z-index: 100; /* Diğer öğelerin üstünde görünmesini sağlar */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* Telefon Numarası Stili */
.telefon-numarasi {
    color: white !important; /* Beyaz metin */
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}
.module_top, .module_bottom{
  visibility: hidden;
}

table {
  border: 0px !important;
}

.module_content img{
  min-width: 70px;
}

.module_content h2{
  font-size: 30px;
}
.categories-grid {
    display: grid;
    /* Kartların sığabileceği kadar yan yana dizilmesini sağlar */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 15px; 
}
/* --- MOBİL UYUM KURALLARI (Media Queries) --- */

/* Maksimum 600 piksel genişliğe kadar olan ekranlar için kurallar */
@media screen and (max-width: 600px) {
    
    /* NAVİGASYONU DÜZELTME: Linkleri dikey yığma */
    .ust-kisim {
        flex-direction: column; /* Menü linklerini alt alta dizer */
        padding: 10px 0;
    }
    .ust-kisim-items {
        margin: 5px 0; /* Dikey boşluk ekler */
    }

    /* MENÜ KARTLARINI DÜZELTME: Tek sütuna düşürme */
    .categories-grid {
        /* Tek sütun ayarı: Her sütunun ekranın %100'ü olmasını sağlar */
        grid-template-columns: 1fr; 
        padding: 10px;
    }
    
    /* FORM DÜZENİNİ DÜZELTME: Tek sütuna düşürme */
    .rezervasyon-formu {
        grid-template-columns: 1fr; /* 2 sütunu 1 sütuna düşürür */
        gap: 15px;
    }
    .tam-genislik {
        grid-column: 1 / span 1; /* Tam genişlik ayarını tek sütuna çeker */
    }
    
    /* CASPER Başlığını küçültme (Gerekliyse) */
    #casper {
        font-size: 3em !important;
        letter-spacing: 2px;
    }
}