/*
 * evenepass.css — Surcouche de marque EVENEPASS.
 *
 * Chargee APRES les feuilles Barren re-themees. Ne redefinit que ce qui
 * est propre a EVENEPASS : variables de charte, carousel d'accueil, accents
 * de titres, badge d'etat BDD. La charte : navy #1c1830, vert #35a936,
 * texte #545454.
 */

:root {
    --evp-navy:  #1c1830;
    --evp-green: #35a936;
    --evp-green-dark: #2d8f2e;
    --evp-text:  #545454;
}

/* --- Logo : dimension coherente dans la navbar --- */
.main-logo img,
.main-logo .logo-inverse { max-height: 42px; width: auto; }
.res-main-logo img { max-height: 38px; width: auto; }

/* --- Selecteur de langue (droite du header) --- */
.right-header .lang-flag {
    font-weight: 600;
    color: var(--evp-navy);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.right-header .lang-flag .fa-globe { color: var(--evp-green); }

/* ===================================================================
   HERO — Carousel d'accueil plein-large
   =================================================================== */
.evp-hero { margin-top: 0; }
.evp-hero .owl-carousel,
.evp-hero .owl-stage-outer { border-radius: 0; }

.evp-hero-slide {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
}
.evp-hero-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    /* Voile navy assez opaque a gauche pour masquer tout texte deja incruste
       dans les images de demo (les vrais visuels superadmin le remplaceront). */
    background: linear-gradient(90deg, rgba(28, 24, 48, 1) 0%, rgba(28, 24, 48, 0.99) 44%, rgba(28, 24, 48, 0.6) 72%, rgba(28, 24, 48, 0.12) 100%);
}
.evp-hero-caption {
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 640px;
}
.evp-hero-caption .evp-eyebrow {
    display: inline-block;
    background: var(--evp-green);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 6px 16px;
    border-radius: 30px;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.evp-hero-caption h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 16px;
}
.evp-hero-caption p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    margin-bottom: 26px;
}
.evp-hero-caption .main-btn { margin-right: 12px; }

.evp-hero .owl-dots { position: absolute; bottom: 22px; left: 0; right: 0; }
.evp-hero .owl-dots .owl-dot span { background: rgba(255, 255, 255, 0.55); }
.evp-hero .owl-dots .owl-dot.active span { background: var(--evp-green); }

@media (max-width: 767px) {
    .evp-hero-slide { min-height: 420px; }
    .evp-hero-caption h1 { font-size: 30px; }
}

/* ===================================================================
   TITRES DE SECTION — accent charte
   =================================================================== */
.main-title h3 { position: relative; padding-bottom: 12px; color: var(--evp-navy); font-weight: 700; }
.main-title h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 3px;
    border-radius: 3px;
    background: var(--evp-green);
}
.main-title.text-center h3::after { left: 50%; transform: translateX(-50%); }

/* --- Cartes evenements : leger relief au survol --- */
.main-card { transition: transform .18s ease, box-shadow .18s ease; }
.main-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(28, 24, 48, 0.12); }

.event-category-badge {
    display: inline-block;
    background: rgba(53, 169, 54, 0.12);
    color: var(--evp-green-dark);
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 8px;
}

/* ===================================================================
   BADGE ETAT BDD (demo fondations)
   =================================================================== */
.evp-db-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 30px;
}
.evp-db-badge.ok   { background: rgba(53, 169, 54, 0.12); color: var(--evp-green-dark); }
.evp-db-badge.fail { background: rgba(228, 77, 58, 0.12); color: #c0392b; }
.evp-db-badge i { font-size: 12px; }