/* ==========================================================================
   /css/agenda.css - STYLE SPÉCIFIQUE À LA PAGE AGENDA
   ========================================================================== */
.layout-agenda { 
    display: grid; 
    grid-template-columns: 2fr 1fr; 
    gap: 50px; 
    margin-top: 40px; 
    margin-bottom: 60px;
}

/* --- COLONNE GAUCHE (Liste des dates) --- */
.agenda-list { 
    display: flex; 
    flex-direction: column; 
    gap: 30px; 
}

.agenda-item { 
    display: flex; 
    padding: 0; 
    overflow: hidden; 
    align-items: stretch; 
}

.agenda-date {
    background-color: var(--blue-light); 
    color: var(--white); 
    min-width: 140px;
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
    padding: 20px; 
    text-align: center;
    border-right: 3px solid var(--primary-border);
}

.agenda-date .jour { 
    font-size: 2.8rem; 
    font-weight: bold; 
    line-height: 1; 
}

.agenda-date .mois { 
    font-size: 1.1rem; 
    text-transform: uppercase; 
    font-weight: bold; 
    color: var(--accent); /* Rouge théâtre */
    margin-top: 5px;
}

.agenda-details { 
    padding: 25px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}

.agenda-details h3 { 
    font-size: 1.4rem; 
    margin-bottom: 12px; 
    color: var(--blue-dark); 
}

.agenda-details p { 
    margin-bottom: 8px; 
    font-size: 1.05rem;
}

.agenda-details p.heure { 
    margin-bottom: 20px; 
}

.agenda-details strong {
    color: var(--blue-light);
}

/* --- COLONNE DROITE (Infos Réservations) --- */
.agenda-sidebar h2 {
    text-align: center; 
    font-size: 1.4rem; 
    letter-spacing: 2px; 
    margin-bottom: 25px;
    border-bottom: 3px solid var(--primary-border); 
    padding-bottom: 10px;
    color: var(--blue-light);
}

.billetterie-infos { 
    font-size: 1rem; 
    line-height: 1.8; 
    text-align: center; 
}

.billetterie-tarifs { 
    margin: 25px 0; 
    padding: 20px 0;
    border-top: 2px dashed var(--primary-border);
    border-bottom: 2px dashed var(--primary-border);
    color: var(--accent); 
    font-weight: bold; 
    font-size: 1.2rem; 
}

.billetterie-contact {
    display: block;
    margin-top: 20px;
    color: var(--blue-light);
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s;
}

.billetterie-contact:hover {
    color: var(--accent);
}

/* Responsive */
@media (max-width: 850px) {
    .layout-agenda { grid-template-columns: 1fr; }
    .agenda-item { flex-direction: column; }
    .agenda-date { min-height: 120px; border-right: none; border-bottom: 3px solid var(--primary-border); }
}