/* ==========================================================================
   STYLES SPÉCIFIQUES - evenement.css
   (Se rajoute à base.css)
   ========================================================================== */

/* --- HÉRO ET IMAGES --- */
.event-hero-image {
    display: block;
}
.event-hero-image img {
    height: 100%;
    width: auto;
    object-fit: contain;
    border-radius: 20px;
    box-shadow: 0 10px 30px var(--wrc-shadow-plum-large);
}

.wrc-tag-gold {
    background-color: transparent;
    color: var(--wrc-dark-plum);
    border: 1px solid var(--wrc-dark-plum);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.25rem 1rem;
    height: auto;
    display: inline-flex;
    align-self: flex-start;
}

/* --- CARTES D'INFORMATIONS --- */
.border-radius-large {
    border-radius: 20px;
}

.wrc-info-card {
    border: 1px solid var(--wrc-border-gold-medium);
    box-shadow: 0 10px 30px var(--wrc-shadow-plum);
}

.wrc-calendar-icon {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
}

.wrc-list-spaced {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wrc-list-spaced li {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    color: var(--wrc-text-dark);
}
.wrc-list-spaced li .icon {
    margin-right: 0.75rem;
    width: 24px;
    text-align: center;
}

/* --- CHOIX DES ÉVÉNEMENTS --- */
.wrc-event-selection-box {
    border: 1px solid var(--wrc-border-gold-medium);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    background-color: #ffffff;
}

.wrc-event-selection-box:hover {
    border-color: var(--wrc-gold);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

/* Style d'activation pour la boîte quand la case est cochée (Navigateurs récents) */
.wrc-event-selection-box:has(input[type="checkbox"]:checked) {
    border-color: var(--wrc-dark-plum);
    background-color: var(--wrc-bg-beige);
}

.wrc-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: var(--wrc-dark-plum);
}

.flex-grow-1 {
    flex-grow: 1;
}

/* --- RÉSUMÉ DE SÉLECTION --- */
.wrc-summary-box {
    border: 1px solid var(--wrc-border-gold-medium);
    box-shadow: 0 10px 30px var(--wrc-shadow-plum);
}

.sticky-summary {
    position: sticky;
    top: 2rem;
}

hr.has-background-wrc-border-gold-medium {
    background-color: var(--wrc-border-gold-medium);
    height: 1px;
    border: none;
    margin: 1.5rem 0;
}