/**
 * event-listing.css
 * Thème : hello-elementor-child-pretres
 * Cible : surcharge content-event_listing.php (WP Event Manager)
 * Charge après : parent style -> common.css -> (ce fichier)
 *
 * Conforme à la maquette transmise par la responsable :
 * - Dates : bloc jour/mois, gris sombre #575756
 * - Titre : bleu Prado n°1 #263875
 * - Horaires (optionnels) : jaune Prado n°2 #F2B906, icône horloge
 * - Lieu : gris #575756, icône
 * - Tout en gras, police National, taille de base 1.2rem (à ajuster, non fournie)
 */

.wpem-event-listing-header-title .wpem-heading-text {
    display: none; 
}

/* --- Grille de la liste ---
 * Le plugin réutilise la classe "event_listings" à deux niveaux :
 * - le conteneur externe (englobe l'en-tête ET la liste)
 * - le conteneur interne #event-listing-view (contient uniquement les cartes)
 * On cible donc explicitement le conteneur interne via la hiérarchie,
 * pour ne pas transformer l'en-tête en colonne de grille.
 */
.event_listings_main .event_listings {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1199px) {
    .event_listings_main .event_listings {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .event_listings_main .event_listings {
        grid-template-columns: 1fr;
    }
}

.prado-event-card {
    border: 1px solid #e3e6ef;
    border-left: 5px solid #E1A603;
    border-radius: 4px;
    padding: 20px 24px;
    margin-bottom: 0; /* espacement géré par le gap de la grille */
    background-color: #ffffff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    font-family: "National Book", sans-serif;
    font-weight: bold;
    height: 100%; /* cartes de hauteur égale sur chaque ligne */
}

.prado-event-card:hover {
    box-shadow: 0 4px 14px rgba(38, 56, 117, 0.12);
    transform: translateY(-2px);
}

.prado-event-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* --- Dates --- */
.prado-event-card__dates {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.prado-event-card__date-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
}

.prado-event-card__day {
    font-size: 1.8rem;
    font-weight: bold;
    color: #575756;
}

.prado-event-card__month {
    font-size: 1.2rem;
    font-weight: bold;
    color: #575756;
}

.prado-event-card__date-sep {
    font-size: 1.2rem;
    font-weight: bold;
    color: #575756;
}

/* --- Date sur un seul jour : mois en toutes lettres, une seule ligne --- */
.prado-event-card__dates--single {
    display: block;
}

.prado-event-card__single-date {
    font-size: 1.8rem;
    font-weight: bold;
    color: #575756;
    text-transform: capitalize;
}

/* --- Titre --- */
.prado-event-card__title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #263875;
    margin-bottom: 6px;
    line-height: 1.25;
}

/* --- Horaires --- */
.prado-event-card__time {
    font-size: 1.2rem;
    font-weight: bold;
    color: #F2B906;
    margin-bottom: 6px;
}

.prado-event-card__time::before {
    content: "\f017"; /* Font Awesome 5 Solid - clock */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}

/* --- Lieu --- */
.prado-event-card__location {
    font-size: 1.2rem;
    font-weight: bold;
    color: #575756;
}

.prado-event-card__location::before {
    content: "\f3c5"; /* Font Awesome 5 Solid - map-marker-alt */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
    color: #575756;
}

/* --- Version mobile --- */
@media (max-width: 767px) {
    .prado-event-card {
        padding: 16px 18px;
    }
}