/*
|--------------------------------------------------------------------------
| Événements - accueil
|--------------------------------------------------------------------------
|
| Ce fichier complète site.css uniquement pour le bloc des événements
| affiché sur la page d'accueil.
|
*/

.events-block {
    margin-top: 72px;
    padding-top: 64px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* Badge du type d'événement */
.event-type {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 14px;
    padding: 6px 10px;
    border: 1px solid rgba(209, 164, 55, 0.45);
    border-radius: 999px;
    color: #d1a437;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

/* Variantes */
.event-type--seance {
    color: #d1a437;
    border-color: rgba(209, 164, 55, 0.45);
}

.event-type--competition {
    color: #d9b45a;
    border-color: rgba(217, 180, 90, 0.5);
}

.event-type--fermeture {
    color: #e9857d;
    border-color: rgba(233, 133, 125, 0.5);
}

.event-type--reunion {
    color: #9ec6dd;
    border-color: rgba(158, 198, 221, 0.5);
}

.event-type--autre {
    color: rgba(255, 255, 255, 0.78);
    border-color: rgba(255, 255, 255, 0.25);
}

/* Description */
.event-card-description {
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
}

/* Métadonnées : lieu / fin */
.event-card-meta {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.86rem;
    line-height: 1.45;
}

.event-card-meta span {
    display: block;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 760px) {
    .events-block {
        margin-top: 52px;
        padding-top: 48px;
    }

    .event-card-meta {
        margin-top: 16px;
        padding-top: 14px;
    }
}