/* ============================================================
   CSAHR — Accueil & navigation (ajout 2026-08)
   ============================================================ */

/* --- Menu : police Montserrat, noire, poids 700 --- */
#main-navigation li a{
    color:#000000;
    font-family:'Montserrat',Arial,sans-serif;
    font-weight:700;
}
#main-navigation ul li a:hover,
#main-navigation ul li a:focus{
    color:#0e7fa6 !important;
    background:#f8f8f8 !important;
}
/* Supprime le pictogramme « + » ajouté par Superfish aux menus avec sous-menu */
#main-navigation .downarrowclass,
#main-navigation .rightarrowclass{
    display:none;
}

/* --- Barre de navigation : sticky après la bannière --- */
#navigation-wrapper{
    position:relative;
    z-index:1000;
    background:#fff;
    box-shadow:none;
    width:100%;
}
#navigation-wrapper.csahr-nav-fixed{
    position:fixed;
    top:0;
    left:0;
    right:0;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}
#navigation-wrapper > div{
    max-width:1020px;
    margin:0 auto;
}
#csahr-nav-placeholder{
    display:none;
    height:71px;
}
#csahr-nav-placeholder.csahr-nav-placeholder-visible{
    display:block;
}
@media(max-width:959px){
    #csahr-nav-placeholder{height:68px;}
}
@media(max-width:767px){
    #csahr-nav-placeholder{height:58px;}
}
@media(max-width:479px){
    #csahr-nav-placeholder{height:50px;}
}

/* --- Bloc d'accroche (page d'accueil) --- */
.csahr-hero-intro{
    width:min(940px,calc(100% - 40px));
    margin:20px auto 18px;
    padding:0;
    text-align:center;
    background:transparent;
    border:0;
}
.csahr-hero-intro h1{
    margin:0 0 8px;
    color:#000;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:27px;
    line-height:34px;
    font-weight:900;
    text-transform:uppercase;
}
.csahr-hero-intro p{
    max-width:800px;
    margin:0 auto 8px;
    color:#000;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:15px;
    line-height:23px;
    font-weight:700;
}
@media(max-width:480px){
    .csahr-hero-intro{margin:16px auto 14px;}
    .csahr-hero-intro h1{font-size:22px;line-height:28px;}
    .csahr-hero-intro p{font-size:14px;line-height:20px;}
}

/* --- Bannière cliquable (retour accueil) --- */
#pre-header a{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
}

/* --- Pictos : centrés aussi quand ils passent sur plusieurs lignes (mobile/tablette) --- */
@media(max-width:959px){
    .koubypicto{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin:0 auto 25px;
    }
    .koubypicto .picto{
        float:none;
    }
}

/* ============================================================
   Barre de navigation
   - Desktop (>= 960 px) : menu WordPress complet, pas de burger
   - < 960 px : barre compacte S'inscrire · Horaires · Tarifs + burger
   ============================================================ */
@media(max-width:959px){
    #navigation-wrapper{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
    }
    #navigation-wrapper > div{
        flex:0 1 auto;
        order:1;
        max-width:none;
        margin:0;
    }
    /* le menu WordPress de la barre : toujours visible, items 1-3 seulement */
    #main-navigation{
        display:block !important;
    }
    #main-navigation > ul{
        display:flex !important;
        justify-content:flex-start;
        margin:0;
        padding:0;
    }
    #main-navigation > ul > li{
        float:none;
    }
    #main-navigation > ul > li:nth-child(n+4){
        display:none !important;
    }
    #main-navigation li a{
        float:none;
        display:block;
        margin:0;
        font-size:23px;
        line-height:24px;
        padding:22px 16px;
        border-bottom:0;
    }
    /* burger toujours visible, à droite du groupe — en noir */
    #navigation-wrapper .navbar-toggle{
        display:block;
        order:2;
        margin:8px 0 8px 10px;
        border-color:#000;
    }
    #navigation-wrapper .navbar-toggle .icon-bar{
        background-color:#000;
    }
    /* panneau du burger : sur sa propre ligne SOUS la barre
       (affichage piloté par jQuery .toggle, easing csahrEase dans csahr-accueil.js) */
    #navigation-wrapper #navbarEnglobeur{
        flex:0 0 100%;
        order:10;
        width:100%;
        padding:0;
    }
}
@media(max-width:767px){
    #main-navigation li a{font-size:20px;line-height:22px;padding:18px 12px;}
    #navigation-wrapper{padding:0 6px;}
}
@media(max-width:479px){
    #main-navigation li a{font-size:14px;line-height:18px;padding:13px 7px;}
}

/* --- Menu mobile : niveau 1 seul au burger, sous-menu replié, ouvert au clic --- */
#navbar li ul.sub-menu-mobile{
    display:none;
    list-style:none;
    margin:0;
    padding:0 0 5px;
}
#navbar li.open > ul.sub-menu-mobile{
    display:block;
}
#navbar li.menu-item-has-children > a{
    cursor:pointer;
}
/* Menu mobile (burger) : Montserrat, majuscules, noir */
#navbar li a{
    color:#000000;
    font-family:'Montserrat',Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
}

/* --- Pages tarifs / envoitarifs / envoipreinscription : le conteneur .three-fourthkoubyblog
   est plus large que son parent en mobile (420px vs 400px, 305px vs 280px) et déborde
   jusqu'au bord droit du fond blanc. On le force à la largeur du parent. --- */
@media(max-width:959px){
    .contentblog .three-fourthkoubyblog{
        width:100%;
        margin-left:0;
    }
}