/* =========================================================
   BYK — Surcouche d'identité (vert dosé)
   Chargée APRÈS css/style.css. Overrides ciblés uniquement.
   ========================================================= */
:root{
    --byk-green: #1E6E4F;        /* vert forêt */
    --byk-green-dark: #123D2B;   /* vert sombre */
    --byk-green-soft: #2E8B67;
}

/* Utilitaires */
.text-byk-green{ color: var(--byk-green) !important; }
.bg-byk-green{ background-color: var(--byk-green) !important; }
.bg-byk-green-dark{ background-color: var(--byk-green-dark) !important; }

.btn-green{
    background: var(--byk-green);
    border: 1px solid var(--byk-green);
    color: #fff;
}
.btn-green:hover{
    background: var(--byk-green-dark);
    border-color: var(--byk-green-dark);
    color: #fff;
}

/* --- Bande des compteurs : fond vert sombre --- */
.counter-facts{
    background: linear-gradient(rgba(18, 61, 43, .93), rgba(18, 61, 43, .90)), url(../img/breadcrumb.png) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.counter-facts .counter:before{
    background-color: var(--byk-green) !important;
}
.counter-facts .counter .counter-icon{
    background: rgba(30, 110, 79, .55) !important;
    color: #fff !important;
}
.counter-facts .counter .counter-icon:before{
    background: rgba(18, 61, 43, .60) !important;
}
.counter-facts .counter .counter-value{
    color: var(--byk-green) !important;
}
.counter-facts .counter .counter-content .text-secondary{
    color: var(--byk-green) !important;
}

/* --- Collections phares : pastille ronde verte autour de l'icône --- */
.country .country-item .country-flag{
    background: var(--byk-green-dark);
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(0,0,0,.2);
}
.country .country-item:hover .country-flag{
    transform: translateX(-50%) rotate(360deg);
}
.country .country-item .country-name a.fs-4:hover{
    color: var(--byk-green-soft) !important;
}

/* --- Cartes d'activités : bas de carte en vert sombre --- */
.training .training-item .training-content{
    background: var(--byk-green-dark) !important;
}

/* --- Carte V.I.P (abonnement) en vert sombre --- */
.byk-vip{
    background: var(--byk-green-dark) !important;
}

/* --- Bouton retour en haut en vert --- */
.back-to-top{
    background: var(--byk-green) !important;
    border-color: var(--byk-green) !important;
}
.back-to-top:hover{
    background: var(--byk-green-dark) !important;
    border-color: var(--byk-green-dark) !important;
}

/* --- Liseré vert sous le visuel "À propos" --- */
.border-primary{ border-color: var(--byk-green) !important; }

/* =========================================================
   Vert dosé — 2e passe : boutons, titres, logo, hero animé
   ========================================================= */

/* Boutons principaux (le template les affiche en rose) -> vert */
.btn.btn-primary{
    background: var(--byk-green) !important;
    color: #fff !important;
}
.btn.btn.btn-primary:hover{
    background: var(--byk-green-dark) !important;
    color: #fff !important;
    border: 1px solid var(--byk-green-dark) !important;
}
.btn.border-secondary{
    border-color: var(--byk-green) !important;
}

/* Accents verts sur les traits décoratifs des titres de section */
.section-title .sub-style::before,
.sub-title::before{
    border-color: var(--byk-green) !important;
}

/* Icône "Pourquoi nous choisir" : survol en vert */
.features .feature-item:hover .feature-icon{
    background: var(--byk-green) !important;
}
.features .feature-item:hover .feature-icon i{
    color: #fff !important;
}

/* Logo : petite icône livre en vert à côté du nom */
.navbar-brand .byk-logo{
    color: var(--byk-green) !important;
    font-size: 2.4rem;
    vertical-align: middle;
    margin-right: .5rem;
}

/* --- HERO : effet "vidéo" (zoom lent façon Ken Burns) --- */
.carousel-header,
.carousel-header .carousel-inner,
.carousel-header .carousel-item{ overflow: hidden; }

@keyframes bykKenBurns{
    from{ transform: scale(1); }
    to{ transform: scale(1.14); }
}
.carousel-header .carousel-item img{
    width: 100%;
    transform-origin: center center;
    will-change: transform;
}
.carousel-header .carousel-item.active img{
    animation: bykKenBurns 9s ease-out forwards;
}
@media (prefers-reduced-motion: reduce){
    .carousel-header .carousel-item.active img{ animation: none; }
}

/* HERO : meilleure lisibilité du texte */
.carousel-header .carousel-inner .carousel-item .carousel-caption{
    background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.68)) !important;
}
.carousel-header .carousel-caption h1,
.carousel-header .carousel-caption h4,
.carousel-header .carousel-caption h5,
.carousel-header .carousel-caption p{
    text-shadow: 0 2px 14px rgba(0,0,0,.65);
}

/* CONTACT ("Nous trouver") : cartes de hauteur égale */
.contact .office .office-item{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.contact .office .office-item .office-img{
    margin-bottom: 1.5rem;
}
.contact .office .office-item .office-img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.contact .office .office-item .office-content{
    flex: 1 1 auto;
}

/* ===== Ajouts BYK — activités accueil, majuscules, infos contact ===== */

/* Noms/valeurs en capitales dans la section « Contact & infos pratiques » */
.byk-maj{ text-transform: uppercase; }
.contact .office .office-item .office-content .byk-maj{ display:block; }

/* Cartes d'activités de l'accueil (plus grandes, avec date) */
.byk-home-activite{
    background:#fff; border:1px solid #e6e9ef; border-radius:16px; overflow:hidden;
    display:flex; flex-direction:column; transition:transform .25s, box-shadow .25s;
}
.byk-home-activite:hover{ transform:translateY(-6px); box-shadow:0 20px 40px -22px rgba(0,0,0,.4); }
.byk-home-activite-media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#eef2f7; }
.byk-home-activite-media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.byk-home-activite:hover .byk-home-activite-media img{ transform:scale(1.06); }
.byk-home-activite-date{
    position:absolute; left:14px; bottom:14px; background:rgba(10,79,60,.94); color:#fff;
    font-size:.82rem; font-weight:600; padding:6px 12px; border-radius:20px; backdrop-filter:blur(2px);
}
.byk-home-activite-date i{ margin-right:5px; }
.byk-home-activite-body{ padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px; flex:1 1 auto; }
.byk-home-activite-titre{ margin:0; font-size:1.3rem; line-height:1.25; }
.byk-home-activite-titre a{ color:#003a66; text-decoration:none; }
.byk-home-activite-titre a:hover{ color:#1e6e4f; }
.byk-home-activite-chapo{ color:#5b6472; margin:0; font-size:.98rem;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.byk-home-activite-link{ margin-top:auto; font-weight:600; color:#1e6e4f; text-decoration:none; }
.byk-home-activite-link:hover{ color:#0a4f3c; }