/* ==========================================================================
   Détail d'un événement
   ========================================================================== */

.evenement-retour {
    display: inline-block;
    margin-bottom: 24px;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.evenement-retour::before {
    content: '\2190  ';
}

.evenement-photo {
    width: 100%;
    max-height: 460px;
    margin-bottom: 32px;
    border-radius: var(--rayon);
    object-fit: cover;
}

.evenement-photo.image-defaut {
    height: 300px;
    padding: 24px;
    border: 1px solid var(--bordure);
    background: linear-gradient(135deg, #2a2118 0%, var(--noir-carte) 60%);
    object-fit: contain;
}

.evenement-colonnes {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.evenement-resume {
    color: var(--or-clair);
    font-size: 1.05rem;
}

.evenement-description {
    color: var(--texte-doux);
}

.evenement-infos {
    padding: 24px 20px;
    border: 1px solid var(--bordure);
    border-radius: var(--rayon);
    background-color: var(--noir-carte);
}

.infos-liste {
    margin: 0;
}

.infos-ligne {
    padding: 12px 0;
    border-bottom: 1px solid rgba(201, 151, 91, 0.2);
}

.infos-ligne dt {
    margin-bottom: 4px;
    color: var(--or);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.infos-ligne dd {
    margin: 0;
    font-size: 0.9rem;
}

.evenement-inscription {
    margin-top: 20px;
    font-size: 0.9rem;
}

.evenement-inscription .boutons {
    margin-top: 12px;
}

@media (min-width: 960px) {
    .evenement-colonnes {
        flex-direction: row;
        align-items: flex-start;
    }

    .evenement-principal {
        flex: 1 1 auto;
    }

    .evenement-infos {
        flex: 0 0 360px;
    }
}