/* ===================================================
   PAGE CARTE — styles locaux uniquement
=================================================== */

/* Compense la navbar fixe */
body { padding-top: 110px; }

/* ── MINI-HERO ── */
.hero-carte {
    background-color: var(--fond-sombre);
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    padding: 70px 5% 60px;
    text-align: center;
}

.hero-carte h1 {
    font-family: var(--font-titre);
    font-size: clamp(2.4rem, 5vw, 3.4rem);
    font-weight: 400;
    font-style: italic;
    color: var(--texte-clair);
    margin-bottom: 10px;
}

.hero-carte h1 em { color: var(--or-moutarde); }

.tagline-carte {
    font-family: var(--font-corps);
    font-size: 0.78rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--or-moutarde);
}

/* ── SECTION PRINCIPALE ── */
.carte-page {
    background-color: var(--fond-sombre);
    padding: 70px 5% 100px;
}

.carte-page-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

/* Séparateur vertical entre les 2 colonnes */
.col-gauche {
    padding-right: 60px;
    border-right: 1px solid rgba(212, 175, 55, 0.18);
}

.col-droite {
    padding-left: 60px;
}

/* ── CATÉGORIE (Les entrées / Les plats…) ── */
.cat {
    margin-bottom: 55px;
}

/* Titre de catégorie : italique doré, Playfair Display */
.cat-titre {
    font-family: var(--font-titre);
    font-size: 1.45rem;
    font-weight: 400;
    font-style: italic;
    color: var(--or-moutarde);
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    margin-bottom: 6px;
    letter-spacing: 0.01em;
}

/* ── LIGNE DE PLAT ── */
.plat-item {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.plat-item:last-child { border-bottom: none; }

/* Nom + Prix sur la même ligne */
.plat-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 4px;
}

.plat-nom {
    font-family: var(--font-corps);
    font-size: 0.98rem;
    font-weight: 500;
    color: var(--texte-clair);
    line-height: 1.35;
}

.plat-prix {
    font-family: var(--font-corps);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--or-moutarde);
    white-space: nowrap;
    flex-shrink: 0;
}

.plat-desc {
    font-family: var(--font-corps);
    font-size: 0.82rem;
    font-weight: 300;
    color: var(--text-gris);
    line-height: 1.5;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    body { padding-top: 90px; }
    
    .carte-page-inner {
        grid-template-columns: 1fr;
    }
    
    .col-gauche {
        border-right: none;
        border-bottom: 1px solid rgba(212, 175, 55, 0.18);
        padding-right: 0;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    
    .col-droite { padding-left: 0; }
}