/*
 * Styles par défaut pour le décorateur de carrousel EA.
 * Cibles : .swiper-slide portant les classes cdf- injectées par CDF_eaelCarousel.js.
 *
 * Couleurs issues du design system "Clinical Precision" (CedefQuiz_Tokens.css) :
 *   primaire  #00478d   secondaire (succès) #006c49   tertiaire (erreur) #950014
 *   texte     #0b1c30
 *
 * Le designer peut surcharger ces règles dans le CSS du thème ou via Elementor Custom CSS.
 */

/* ── Validée ─────────────────────────────────────────────────────────────── */

.eael-post-carousel .swiper-slide.cdf-validated {
    position: relative;
}

/* Badge "✓ Validée" en coin supérieur droit */
.eael-post-carousel .swiper-slide.cdf-validated::after {
    content: '✓ Validée';
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background: #006c49;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 3px 9px;
    border-radius: 20px;
    pointer-events: none;
}

/* ── Phase courante ───────────────────────────────────────────────────────── */

/* Liseré bleu primaire pour signaler "cette formation vous concerne" */
.eael-post-carousel .swiper-slide.cdf-my-phase .eael-grid-post-holder {
    border-top: 3px solid #00478d;
}

/* Formations hors phase : légèrement atténuées */
.eael-post-carousel .swiper-slide.cdf-not-my-phase {
    opacity: .6;
}

.eael-post-carousel .swiper-slide.cdf-not-my-phase:hover {
    opacity: 1;
    transition: opacity .2s;
}

/* ── Disponibilité ────────────────────────────────────────────────────────── */

/* Formation indisponible (hors période) : ton gris + overlay */
.eael-post-carousel .swiper-slide.cdf-unavailable {
    filter: grayscale(60%);
    opacity: .65;
}

.eael-post-carousel .swiper-slide.cdf-unavailable:hover {
    filter: grayscale(30%);
    opacity: .85;
    transition: filter .2s, opacity .2s;
}

/* Bandeau "Indisponible" sur l'image */
.eael-post-carousel .swiper-slide.cdf-unavailable .eael-entry-media::after {
    content: 'Indisponible';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(11, 28, 48, .7);
    color: #fff;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-align: center;
    padding: 5px 0;
    pointer-events: none;
}

.eael-post-carousel .swiper-slide.cdf-unavailable .eael-entry-media {
    position: relative;
}

/* ── Combinaisons ─────────────────────────────────────────────────────────── */

/* Validée ET de ma phase : badge vert + liseré bleu — rien à ajouter, les deux s'appliquent */

/* Validée ET indisponible : le badge vert reste visible malgré le gris */
.eael-post-carousel .swiper-slide.cdf-validated.cdf-unavailable::after {
    background: #4a9e7a; /* vert atténué pour cohérence avec le grayscale */
}