/* =========================================================
   AJRB — custom.css (Gavias Batiz / Drupal)
   ACTION : REMPLACER tout le fichier par celui-ci
   Objectifs :
   - Typographie AJRB (lisible, moderne)
   - Listes (puces visibles malgré les overrides du thème)
   - Header "Mouvement jeunesse" (logo + grand, menu centré + animé)
   - Couleurs AJRB cohérentes
   ========================================================= */


/* =========================================================
   0) Variables AJRB
   ========================================================= */
:root{
  --ajrb-blue:#0b3d66;
  --ajrb-green:#2e7d32;
  --ajrb-orange:#f29f05; /* jaune/orange AJRB */
  --ajrb-text:#1f2937;
  --ajrb-muted:#6b7280;
  --ajrb-bg:#ffffff;
  --ajrb-border:#e5e7eb;
}


/* =========================================================
   1) Base typography & layout
   ========================================================= */
body{
  color: var(--ajrb-text);
  background: var(--ajrb-bg);
  font-family: "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.7;
  font-size: 16px;
}

/* Titles */
h1,h2,h3,h4,h5,h6{
  color: var(--ajrb-blue);
  line-height: 1.25;
  font-weight: 700;
  font-family: "Mukta Vaani", "Open Sans", sans-serif;
}

h1{ font-size: 34px; }
h2{ font-size: 28px; }
h3{ font-size: 22px; }

/* Links */
a{ color: var(--ajrb-blue); }
a:hover{ color: var(--ajrb-green); }


/* =========================================================
   2) Drupal content area
   ========================================================= */
.node__content,
.field--name-body,
.content,
article{
  font-size: 16px;
}

.field--name-body p{
  margin: 0 0 1rem 0;
}

/* Paragraph rhythm */
.field--name-body ul,
.field--name-body ol{
  margin: 0 0 1rem 0;
}

/* Summary / excerpt */
.field--name-field-summary,
.node__summary,
.summary{
  color: var(--ajrb-muted);
  font-size: 15px;
  border-left: 4px solid var(--ajrb-green);
  padding: 10px 14px;
  margin: 12px 0 18px;
  background: #f7faf7;
}

/* Emphasis (strong) */
.field--name-body strong,
.node__content strong,
article strong{
  color: var(--ajrb-green);
  font-weight: 700;
}

/* Blockquotes */
.field--name-body blockquote{
  border-left: 4px solid var(--ajrb-blue);
  margin: 16px 0;
  padding: 10px 14px;
  background: #f6f9fc;
  color: var(--ajrb-text);
}

/* Buttons */
.btn, .button, input[type="submit"]{
  background: var(--ajrb-blue);
  border-color: var(--ajrb-blue);
  color:#fff;
  border-radius: 8px;
  padding: 10px 16px;
}
.btn:hover, .button:hover, input[type="submit"]:hover{
  background: var(--ajrb-green);
  border-color: var(--ajrb-green);
}

/* Images in articles */
.field--name-body img{
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 12px 0;
}


/* =========================================================
   3) LISTS — fix Gavias overrides (puces + indentation)
   IMPORTANT : certains thèmes font list-style:none + li:before
   ========================================================= */
.field--name-body ul,
.node__content ul,
article ul{
  padding-left: 22px !important;
  margin: 0 0 1rem 0 !important;
  list-style: disc !important;
  list-style-position: outside !important;
}

.field--name-body ul li,
.node__content ul li,
article ul li{
  list-style: disc !important;
  margin: 0 0 .35rem 0 !important;
}

/* Neutralise les puces artificielles du thème */
.field--name-body ul li::before,
.node__content ul li::before,
article ul li::before{
  content: none !important;
  display: none !important;
}

/* (Optionnel) Listes ordonnées — propre aussi */
.field--name-body ol,
.node__content ol,
article ol{
  padding-left: 22px !important;
  margin: 0 0 1rem 0 !important;
  list-style: decimal !important;
}
.field--name-body ol li::before,
.node__content ol li::before,
article ol li::before{
  content: none !important;
  display: none !important;
}


/* =========================================================
   4) HEADER — AJRB (ciblage exact Gavias Batiz)
   ACTION : REMPLACER l'ancien bloc HEADER par celui-ci
   ========================================================= */

/* --- Structure globale header --- */
#header.header-v1{
  background: #fff !important;
}

#header.header-v1 .header-bottom{
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* Gavias sticky container */
#header.header-v1 .header-bottom.gv-sticky-menu{
  box-shadow: 0 10px 30px rgba(0,0,0,.10) !important;
}

/* --- 1) LOGO plus grand --- */
#header.header-v1 #block-gavias-batiz-branding .site-branding-logo img{
  max-height: 100px !important; /* augmente ici si tu veux: 110/120 */
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* Bonus : un peu d’air autour du logo */
#header.header-v1 #block-gavias-batiz-branding{
  padding: 10px 0 !important;
}

/* --- 2) Alignement vertical de la zone menu + logo --- */
#header.header-v1 .header-main-inner .row{
  display: flex !important;
  align-items: center !important;
}

/* --- 3) Menu centré (zone col-lg-10) --- */
#header.header-v1 .area-main-menu .area-inner{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Le vrai UL du menu principal */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- 4) Liens : plus grands + plus “jeunesse” --- */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a{
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: var(--ajrb-blue) !important;
  padding: 12px 0 !important;
  position: relative !important;
  transition: transform .15s ease, color .2s ease !important;
}

/* Soulignement animé */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -7px !important;
  width: 0% !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--ajrb-orange) !important;
  transition: width .25s ease !important;
}

/* Hover */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a:hover{
  color: var(--ajrb-green) !important;
  transform: translateY(-1px) !important;
}
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a:hover::after{
  width: 100% !important;
}

/* Actif (active trail) */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li.menu-item--active-trail > a,
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li.is-active > a{
  color: var(--ajrb-green) !important;
}
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li.menu-item--active-trail > a::after,
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li.is-active > a::after{
  width: 100% !important;
}

/* --- 5) Responsive --- */
@media (max-width: 991px){
  #header.header-v1 #block-gavias-batiz-branding .site-branding-logo img{
    max-height: 72px !important;
  }

  #header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu{
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  #header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a{
    font-size: 16px !important;
    letter-spacing: .3px !important;
  }
}




/* =========================================================
   AJRB — LOGO : boost (Gavias Batiz)
   ACTION : AJOUTER en bas
   ========================================================= */

/* 1) Donne plus de place à la colonne logo (desktop) */
@media (min-width: 992px){
  #header.header-v1 .header-main-inner > .row > .col-lg-2{
    width: 20% !important;       /* au lieu de ~16.6% */
  }
  #header.header-v1 .header-main-inner > .row > .col-lg-10{
    width: 80% !important;
  }
}

/* 2) Empêche le logo d’être “écrasé” par des contraintes */
#header.header-v1 #block-gavias-batiz-branding{
  max-width: none !important;
}

#header.header-v1 #block-gavias-batiz-branding .site-branding-logo{
  display: inline-flex !important;
  align-items: center !important;
}

/* 3) Force la taille réelle de l’image */
#header.header-v1 #block-gavias-batiz-branding .site-branding-logo img{
  height: 120px !important;      /* 🔥 taille réelle */
  max-height: none !important;
  width: auto !important;
  max-width: none !important;    /* important si le thème met max-width:100% */
}

/* 4) Ajuste la hauteur du header pour accueillir le logo */
#header.header-v1 .header-bottom .main-menu{
  padding: 10px 0 !important;
  /* =========================================================
   AJRB — Header tuning (menu centré + header moins haut)
   ACTION : AJOUTER en bas
   ========================================================= */

/* 1) Réduire la “hauteur ressentie” du header sans toucher le logo */
#header.header-v1 .header-bottom .main-menu{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Le conteneur interne : on enlève les marges/paddings inutiles */
#header.header-v1 .header-main-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Alignement vertical : logo et menu bien au centre */
#header.header-v1 .header-main-inner .row{
  display: flex !important;
  align-items: center !important;   /* centre verticalement */
}

/* 3) Faire “descendre” le menu un peu (sans agrandir le header) */
#header.header-v1 .area-main-menu{
  display: flex !important;
  align-items: center !important;
}

#header.header-v1 .area-main-menu .area-inner{
  padding-top: 10px !important;     /* ✅ augmente/diminue ici (6–14px) */
}

/* 4) Réduire la hauteur du menu (line-height/padding des liens) */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.1 !important;
}

/* 5) Optionnel : réduire un peu la topbar si elle existe */
#header.header-v1 .topbar{
  padding: 0 !important;
  min-height: 0 !important;
}
}

/* TEST AJRB (temporaire) : descendre menu très visiblement */
#header.header-v1 .area-main-menu .area-inner{
  padding-top: 70px !important;
}

/* =========================================================
   AJRB — Header compact + alignement parfait
   ========================================================= */

/* 1) Supprimer tout padding vertical inutile */
#header.header-v1 .header-main-inner,
#header.header-v1 .header-bottom .main-menu{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Centrage vertical propre (logo + menu) */
#header.header-v1 .header-main-inner .row{
  display: flex !important;
  align-items: center !important;
}

/* 3) Descendre légèrement le menu */
#header.header-v1 .area-main-menu .area-inner{
  padding-top: 8px !important;   /* 🔥 valeur idéale visuelle */
}

/* 4) Réduire la hauteur interne des liens */
#header.header-v1 
#block-gavias-batiz-main-menu 
.gva-navigation 
ul.gva_menu > li > a{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.1 !important;
}
/* AJRB — Header encore plus compact (logo intact) */
#header.header-v1 .header-bottom{
  padding: 0 !important;
}

#header.header-v1 .header-bottom .main-menu{
  padding: 0 !important;
}

#header.header-v1 .header-main-inner{
  padding: 0 !important;
}

/* Réduire l’espace vertical autour du logo */
#header.header-v1 #block-gavias-batiz-branding{
  padding: 4px 0 !important;
}

/* Menu légèrement descendu, mais compact */
#header.header-v1 .area-main-menu .area-inner{
  padding-top: 6px !important; /* si tu veux plus bas: 8px */
}



/* =========================================================
   AJRB — HEADER FINAL (Gavias Batiz) ✅
   ACTION : REMPLACER tous les anciens blocs header/tuning/test par celui-ci
   Objectifs : logo 120px intact, header compact, menu un peu plus bas
   ========================================================= */

/* Logo 120px (inchangé) */
#header.header-v1 #block-gavias-batiz-branding .site-branding-logo img{
  height: 120px !important;
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  display: block !important;
}

/* Header : supprimer les paddings qui gonflent */
#header.header-v1 .header-bottom,
#header.header-v1 .header-bottom .main-menu,
#header.header-v1 .header-main-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Ligne (row) : alignement vertical fiable */
#header.header-v1 .header-main-inner .row{
  display: flex !important;
  align-items: center !important;
}

/* Zone du menu : on contrôle la descente ici (⚙️ règle unique) */
#header.header-v1 .area-main-menu .area-inner{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 12px !important;  /* ✅ fais varier 8–18px */
}

/* UL du menu centré */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Liens menu : compacts pour réduire la hauteur globale */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.1 !important;
}

/* Ombre : plus clean (sinon ça “alourdit” visuellement) */
#header.header-v1 .header-bottom.gv-sticky-menu{
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* Mobile */
@media (max-width: 991px){
  #header.header-v1 .area-main-menu .area-inner{
    justify-content: flex-start !important;
    padding-top: 8px !important;
  }
}



/* =========================================================
   AJRB — Descendre le menu SANS augmenter la hauteur du header
   ACTION : AJOUTER en bas
   ========================================================= */

/* Descend le bloc menu (safe) */
#header.header-v1 #block-gavias-batiz-main-menu{
  transform: translateY(10px) !important; /* ✅ mets 8px / 10px / 12px */
}

/* Optionnel : si c'est le UL qui est “bloqué”, on le force aussi */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu{
  transform: translateY(10px) !important;
}

/* Header plus compact, logo intact */
#header.header-v1 #block-gavias-batiz-branding{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#header.header-v1 .header-bottom .main-menu,
#header.header-v1 .header-main-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Important : on évite les min-height trop grands imposés par le thème */
#header.header-v1 .header-bottom,
#header.header-v1 .main-menu{
  min-height: 0 !important;
}

/* =========================================================
   AJRB — Header compact + menu un peu plus bas
   ACTION : REMPLACER le bloc header-tuning cassé par celui-ci
   ========================================================= */

/* 1) Garder le logo à 120px (tu as dit: ne pas toucher) */
#header.header-v1 #block-gavias-batiz-branding .site-branding-logo img{
  height: 120px !important;
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  display: block !important;
}

/* 2) Réduire la “hauteur ressentie” du header sans toucher au logo */
#header.header-v1 .header-bottom,
#header.header-v1 .header-bottom .main-menu,
#header.header-v1 .header-main-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* 3) Réduire l’espace vertical autour du branding */
#header.header-v1 #block-gavias-batiz-branding{
  padding: 0 !important;
}

/* 4) Centrage vertical propre */
#header.header-v1 .header-main-inner .row{
  display: flex !important;
  align-items: center !important;
}

/* 5) Faire descendre le menu (sans augmenter la hauteur du header) */
#header.header-v1 #block-gavias-batiz-main-menu{
  transform: translateY(14px) !important; /* ajuste 6–14px */
}

/* 6) Liens menu un peu plus “serrés” */
#header.header-v1 #block-gavias-batiz-main-menu .gva-navigation ul.gva_menu > li > a{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.1 !important;
}


/* =========================================================
   AJRB — Nettoyage des “points noirs” (listes hors contenu)
   ACTION : AJOUTER en bas
   Objectif : garder les puces dans le BODY des articles,
              supprimer les puces dans les listes de blocs/views/menus.
   ========================================================= */

/* 1) On protège le contenu éditorial (articles/pages) */
.field--name-body ul,
.node__content .field--name-body ul{
  list-style: disc !important;
  list-style-position: outside !important;
  padding-left: 22px !important;
}

/* 2) On supprime les puces “Word” partout ailleurs */
.item-list ul,
.views-element-container ul,
.block ul,
.sidebar ul,
.footer ul,
ul.menu,
.nav-tabs,
.pager,
.tabs,
.gva-view-grid ul,
.gva-view-mlayout-1 ul,
.gva-view-mlayout-2 ul,
.posts-stick-list ul,
.list-views ul{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 3) Beaucoup de thèmes ajoutent une fausse puce via ::before */
.item-list ul li::before,
.views-element-container ul li::before,
.block ul li::before,
.sidebar ul li::before,
.footer ul li::before,
ul.menu li::before,
.gva-view-grid ul li::before,
.posts-stick-list ul li::before,
.list-views ul li::before{
  content: none !important;
  display: none !important;
}

/* =========================================================
   AJRB — Fix bullet noir sur les onglets Drupal (VOIR/MODIFIER…)
   ACTION : AJOUTER en bas
   ========================================================= */

/* 1) Supprime puces natives */
#block-gavias-batiz-local-tasks ul,
#block-gavias-batiz-local-tasks ul.tabs,
#block-gavias-batiz-local-tasks ul.nav-tabs,
ul.tabs,
ul.nav-tabs,
ul.drupal-tabs{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2) Tue les “fausses puces” ajoutées par le thème (li::before / a::before) */
#block-gavias-batiz-local-tasks li::before,
#block-gavias-batiz-local-tasks li:before,
#block-gavias-batiz-local-tasks li a::before,
#block-gavias-batiz-local-tasks li a:before,
ul.tabs li::before,
ul.tabs li:before,
ul.tabs li a::before,
ul.tabs li a:before,
ul.nav-tabs li::before,
ul.nav-tabs li:before,
ul.nav-tabs li a::before,
ul.nav-tabs li a:before,
ul.drupal-tabs li::before,
ul.drupal-tabs li:before,
ul.drupal-tabs li a::before,
ul.drupal-tabs li a:before{
  content: "" !important;
  display: none !important;
}

/* 3) Et au cas où le point vient d’un background */
#block-gavias-batiz-local-tasks li,
#block-gavias-batiz-local-tasks li a,
ul.tabs li,
ul.tabs li a,
ul.nav-tabs li,
ul.nav-tabs li a,
ul.drupal-tabs li,
ul.drupal-tabs li a{
  background: none !important;
  background-image: none !important;
}

/* =========================================================
   AJRB — SUPPRIMER les points noirs "Word" dans les listes de blocs (Views)
   ACTION : AJOUTER en bas
   (On NE touche PAS aux listes du contenu article .field--name-body)
   ========================================================= */

/* 1) Retire puces natives + reset padding uniquement pour les listes Views/blocs */
.sidebar .item-list ul,
.sidebar .list-views ul,
.sidebar .posts-stick-list ul,
.sidebar .posts-grid ul,
.sidebar .views-element-container ul,
.block .item-list ul,
.block .list-views ul,
.block .views-element-container ul,
.gva-view-grid ul,
.gva-navigation ul.gva_menu{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2) Tue les "fausses puces" du thème (li::before / a::before) */
.sidebar .item-list ul li::before,
.sidebar .item-list ul li a::before,
.sidebar .list-views ul li::before,
.sidebar .list-views ul li a::before,
.sidebar .posts-stick-list ul li::before,
.sidebar .posts-stick-list ul li a::before,
.sidebar .posts-grid ul li::before,
.sidebar .posts-grid ul li a::before,
.block .item-list ul li::before,
.block .item-list ul li a::before,
.block .list-views ul li::before,
.block .list-views ul li a::before,
.block .views-element-container ul li::before,
.block .views-element-container ul li a::before,
.views-element-container ul li::before,
.views-element-container ul li a::before{
  content: "" !important;
  display: none !important;
}

/* 3) Si le point vient d’un background-image sur le LI */
.sidebar .item-list ul li,
.sidebar .list-views ul li,
.sidebar .posts-stick-list ul li,
.sidebar .posts-grid ul li,
.block .item-list ul li,
.block .list-views ul li,
.block .views-element-container ul li,
.views-element-container ul li{
  background: none !important;
  background-image: none !important;
}