/* ========================================= */
/* EVENT LIST - CSS (cartes étroites)       */
/* ========================================= */

/* Container des cartes - flexbox wrap */
.eventlist-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: calc(12rem/16);
    align-items: flex-start;
}

/* Carte individuelle - étroite */
.eventlist-card {
    background-color: var(--box_bg_color, #fafaf0);
    border: 1px solid var(--box_border_color, #ccc);
    border-left: 4px solid var(--color_act1, #e6d7b8);
    border-radius: 4px;
    padding: calc(10rem/16) calc(14rem/16);
    min-width: calc(160rem/16);
}

.eventlist-card-past {
    opacity: 0.5;
}

/* En-tête de la carte : jour/horaire à gauche, bouton à droite */
.eventlist-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: calc(8rem/16);
    padding-bottom: calc(6rem/16);
    border-bottom: 1px solid #ddd;
}

/* Jour et horaire empilés */
.eventlist-card-info {
    display: flex;
    flex-direction: column;
}

.eventlist-card-weekday {
    font-weight: bold;
    font-size: calc(15rem/16);
    color: var(--cal_header_color, #b22);
}

.eventlist-card-time {
    font-size: calc(13rem/16);
    color: #666;
}

/* Bouton de réservation - en haut à droite */
/* Spécificité augmentée pour surcharger .entry-content a */
.eventlist-card-header a.eventlist-reserve-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(28rem/16);
    height: calc(28rem/16);
    border: none;
    border-bottom: none;
    border-radius: 3px;
    flex-shrink: 0;
    padding: 0;
}

.eventlist-card-header a.eventlist-reserve-btn:hover {
    background-color: #ddd;
    border: none;
    border-bottom: none;
}

.eventlist-reserve-btn img {
    width: calc(22rem/16);
    height: calc(22rem/16);
}

/* Liste des dates - verticale */
.eventlist-card-dates {
    display: flex;
    flex-direction: column;
    gap: calc(3rem/16);
    font-size: calc(14rem/16);
}

.eventlist-date-item {
    display: flex;
    align-items: center;
    gap: calc(6rem/16);
}

.eventlist-date-past {
    opacity: 0.5;
}

.eventlist-date-first {
    font-weight: bold;
}

/* Badge numéro de séance (1/3, 2/3, etc.) - style ovale */
.eventlist-session-badge {
    display: inline-block;
    font-size: calc(11rem/16);
    font-weight: bold;
    background-color: var(--color_act1, #e6d7b8);
    color: var(--main_text_color, #444);
    padding: 2px 6px;
    border-radius: 10px;
    min-width: calc(28rem/16);
    text-align: center;
}

/* ========================================= */
/* IMPRESSION                               */
/* ========================================= */

@media print {
    .eventlist-card {
        break-inside: avoid;
    }
    
    .eventlist-card-header a.eventlist-reserve-btn {
        display: none;
    }
}