/*
 HLB V109 - HEADER ACCUEIL FIGE PARTOUT
 ---------------------------------------------------------------
 Objectif : sur TOUTES les pages intérieures, la zone comprise
 entre la barre d'information et le bas du menu bleu doit avoir
 exactement le même rendu que sur l'accueil.

 IMPORTANT :
 - l'accueil n'est pas modifié ;
 - aucun module ;
 - aucun sticky/fixed au scroll ;
 - aucun changement dans le contenu du menu ;
 - aucun changement sous la barre bleue.
*/

/* =============================================================
   BLOC HEADER GLOBAL - COPIE DES VALEURS VALIDÉES SUR L'ACCUEIL
   ============================================================= */

body:not(#index) .header-container{
  background:#fff!important;
}

/* Le source Prestashop reste caché et fonctionnel comme sur l'accueil. */
body:not(#index) #header .hlb26-hook-source{
  position:absolute!important;
  left:-10000px!important;
  top:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Tous les éléments du header utilisent le même gabarit horizontal que l'accueil. */
body:not(#index) #header .hlb26-shell{
  width:100%!important;
  max-width:1480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
  box-sizing:border-box!important;
}

/* ----- Barre d'information ----- */
body:not(#index) #header .hlb26-topline{
  background:#096bb7!important;
  color:#fff!important;
  min-height:39px!important;
  font-family:Montserrat,Arial,sans-serif!important;
}

body:not(#index) #header .hlb26-topline-inner{
  width:100%!important;
  max-width:1480px!important;
  min-height:39px!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  font-size:12px!important;
  line-height:1!important;
  margin:0 auto!important;
}

body:not(#index) #header .hlb26-topline-inner span,
body:not(#index) #header .hlb26-topline-inner a{
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body:not(#index) #header .hlb26-topline-inner i{
  margin-right:6px!important;
  font-size:14px!important;
}

body:not(#index) #header .hlb26-topline-phone{
  margin-left:auto!important;
}

body:not(#index) #header .hlb26-topline-inner a{
  font-weight:600!important;
}

/* ----- Logo + recherche + compte/panier ----- */
body:not(#index) #header .hlb26-head-main{
  width:100%!important;
  max-width:1480px!important;
  min-height:94px!important;
  display:grid!important;
  grid-template-columns:310px minmax(360px,1fr) 320px!important;
  align-items:center!important;
  gap:34px!important;
  padding:10px 0!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}

body:not(#index) #header .hlb26-logo,
body:not(#index) #header #header_logo.hlb26-logo{
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
  display:block!important;
}

body:not(#index) #header .hlb26-logo a{
  display:block!important;
  width:auto!important;
  height:auto!important;
}

body:not(#index) #header .hlb26-logo img{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:305px!important;
  max-height:78px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}

body:not(#index) #header .hlb26-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:48px!important;
  margin:0!important;
  float:none!important;
  z-index:10020!important;
}

body:not(#index) #header .hlb26-search input[type=text]{
  width:100%!important;
  height:48px!important;
  padding:0 66px 0 24px!important;
  border:1px solid #cfe2f1!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(4,91,153,.08)!important;
  color:#38546d!important;
  font:400 13px Montserrat,Arial,sans-serif!important;
  outline:0!important;
  box-sizing:border-box!important;
}

body:not(#index) #header .hlb26-search button{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:62px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 28px 28px 0!important;
  background:#0875c7!important;
  color:#fff!important;
  font-size:22px!important;
}

/* Annule les rustines spécifiques recherche/catégorie :
   on reprend les vraies icônes du header accueil. */
body#search #header .hlb26-search button:before,
body#category #header .hlb26-search button:before{
  content:none!important;
  display:none!important;
}
body#search #header .hlb26-search button > i,
body#category #header .hlb26-search button > i{
  display:inline-block!important;
}
body#search #header .hlb26-account:before,
body#category #header .hlb26-account:before,
body#search #header .hlb26-cart-ico:before,
body#category #header .hlb26-cart-ico:before{
  content:none!important;
  display:none!important;
}
body#search #header .hlb26-account > i,
body#category #header .hlb26-account > i,
body#search #header .hlb26-cart-ico > i,
body#category #header .hlb26-cart-ico > i{
  display:inline-block!important;
}

body:not(#index) #header .hlb26-head-actions{
  position:static!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:32px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}

body:not(#index) #header .hlb26-account,
body:not(#index) #header .hlb26-cart{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#073b72!important;
  min-width:126px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  text-decoration:none!important;
  background:none!important;
  border:0!important;
}

body:not(#index) #header .hlb26-account > i,
body:not(#index) #header .hlb26-cart-ico > i{
  display:inline-block!important;
  font-size:31px!important;
  line-height:1!important;
  color:#075aa8!important;
}

body:not(#index) #header .hlb26-account strong,
body:not(#index) #header .hlb26-account small,
body:not(#index) #header .hlb26-cart strong,
body:not(#index) #header .hlb26-cart small{
  display:block!important;
  font-family:Montserrat,Arial,sans-serif!important;
}

body:not(#index) #header .hlb26-account strong,
body:not(#index) #header .hlb26-cart strong{
  font-size:13px!important;
  line-height:17px!important;
  font-weight:700!important;
}

body:not(#index) #header .hlb26-account small,
body:not(#index) #header .hlb26-cart small{
  font-size:10px!important;
  line-height:14px!important;
  color:#627b91!important;
}

body:not(#index) #header .hlb26-cart small{
  color:#e91379!important;
  font-weight:700!important;
}

body:not(#index) #header .hlb26-cart-ico{
  position:relative!important;
  display:block!important;
}

body:not(#index) #header #hlb26-cart-count{
  position:absolute!important;
  right:-11px!important;
  top:-10px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0!important;
  line-height:22px!important;
  border-radius:50%!important;
  background:#e91379!important;
  color:#fff!important;
  text-align:center!important;
  font:700 10px Montserrat,Arial,sans-serif!important;
}

/* ----- Barre horizontale du menu : copie exacte accueil ----- */
body:not(#index) #header .hlb26-mainnav{
  width:100%!important;
  max-width:1480px!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0 auto!important;
  background:#0665b4!important;
  border-radius:8px!important;
  overflow:visible!important;
  box-shadow:0 6px 16px rgba(3,82,143,.12)!important;
  font-family:Montserrat,Arial,sans-serif!important;
  box-sizing:border-box!important;
}

body:not(#index) #header .hlb26-mainnav > a,
body:not(#index) #header .hlb26-navdrop > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 27px!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
  text-decoration:none!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

body:not(#index) #header .hlb26-mainnav .hlb26-all{
  background:#e91379!important;
  border-radius:8px 0 0 8px!important;
  font-size:13px!important;
  min-width:210px!important;
}

body:not(#index) #header .hlb26-all i{
  font-size:22px!important;
  margin-right:13px!important;
}

body:not(#index) #header .hlb26-navdrop{
  position:relative!important;
}

/* Le contenu des sous-menus reste celui déjà validé.
   On recale uniquement leur départ sous la barre de 52 px. */
body:not(#index) #header .hlb26-navdrop-menu,
body:not(#index) #header .hlb26-navdrop-menu.hlb26-mega-menu{
  top:52px!important;
}

/* =============================================================
   MÊMES RÈGLES RESPONSIVE QUE L'ACCUEIL
   ============================================================= */

@media (min-width:768px) and (max-width:1150px){
  body:not(#index) #header .hlb26-topline-inner{
    gap:14px!important;
  }
  body:not(#index) #header .hlb26-head-main{
    grid-template-columns:245px minmax(280px,1fr) 235px!important;
    gap:14px!important;
  }
  body:not(#index) #header .hlb26-logo img{
    max-width:235px!important;
    max-height:66px!important;
  }
  body:not(#index) #header .hlb26-head-actions{
    gap:12px!important;
  }
  body:not(#index) #header .hlb26-mainnav > a,
  body:not(#index) #header .hlb26-navdrop > a{
    padding:0 15px!important;
    font-size:10px!important;
  }
  body:not(#index) #header .hlb26-mainnav .hlb26-all{
    min-width:170px!important;
  }
}

@media (max-width:767px){
  body:not(#index) #header .hlb26-topline{
    display:none!important;
  }
  body:not(#index) #header .hlb26-head-main{
    display:block!important;
    min-height:0!important;
    text-align:center!important;
    padding:10px 12px!important;
  }
  body:not(#index) #header .hlb26-logo,
  body:not(#index) #header #header_logo.hlb26-logo{
    width:auto!important;
    height:auto!important;
  }
  body:not(#index) #header .hlb26-logo img{
    margin:0 auto 8px!important;
    max-width:260px!important;
    max-height:68px!important;
  }
  body:not(#index) #header .hlb26-search{
    max-width:650px!important;
    margin:0 auto!important;
  }
  body:not(#index) #header .hlb26-head-actions{
    justify-content:center!important;
    margin-top:10px!important;
  }
  body:not(#index) #header .hlb26-mainnav{
    width:auto!important;
    height:52px!important;
    min-height:52px!important;
    margin:0 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:7px!important;
  }
  body:not(#index) #header .hlb26-mainnav > a,
  body:not(#index) #header .hlb26-navdrop > a{
    min-width:max-content!important;
    padding:0 13px!important;
  }
  body:not(#index) #header .hlb26-mainnav .hlb26-all{
    min-width:165px!important;
    border-radius:7px 0 0 7px!important;
  }
}