/* COPERIOR V4 TEST - recopie des regles de l'accueil, limitee au header.
   Source: global.css actuel, section accueil. Aucun tarif ni logique metier.
   Essai reversible: ne pas considerer valide sans controle visuel. */
/* ===== BARRE HAUTE ===== */
body:not(#index) #header .hlb26-topline {
  background:#0569b8 !important;
  color:#fff !important;
  min-height:38px !important;
  font-family:Montserrat,Arial,sans-serif !important;
}
body:not(#index) #header .hlb26-topline-inner {
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  gap:25px !important;
  font-size:11px !important;
  line-height:1 !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; }
body:not(#index) #header .hlb26-topline-phone { margin-left:auto !important; }

/* ===== LOGO / RECHERCHE / COMPTE / PANIER ===== */
body:not(#index) #header .hlb26-head-main {
  position:relative !important;
  min-height:92px !important;
  display:grid !important;
  grid-template-columns:300px minmax(420px,1fr) 300px !important;
  gap:28px !important;
  align-items:center !important;
  padding:8px 0 !important;
}
body:not(#index) #header .hlb26-logo,
body:not(#index) #header #header_logo.hlb26-logo {
  position:static !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:300px !important;
  height:76px !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}
body:not(#index) #header .hlb26-logo a {
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:100% !important;
}
body:not(#index) #header .hlb26-logo img {
  position:static !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:295px !important;
  max-height:76px !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:46px !important;
  margin:0 !important;
  float:none !important;
}
body:not(#index) #header .hlb26-search input[type=text] {
  width:100% !important;
  height:46px !important;
  padding:0 68px 0 22px !important;
  border:1px solid #cbdfee !important;
  border-radius:25px !important;
  background:#fff !important;
  color:#416078 !important;
  font:400 12px Montserrat,Arial,sans-serif !important;
  box-shadow:0 5px 17px rgba(18,82,127,.08) !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:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 25px 25px 0 !important;
  background:#0875c7 !important;
  color:#fff !important;
  font-size:20px !important;
}
body:not(#index) #header .hlb26-head-actions {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:26px !important;
  width:300px !important;
  height:76px !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}
body:not(#index) #header .hlb26-account,
body:not(#index) #header .hlb26-cart {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  width:auto !important;
  min-width:126px !important;
  height:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#073b72 !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 {
  font-size:29px !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:12px !important; line-height:16px !important; }
body:not(#index) #header .hlb26-account small,
body:not(#index) #header .hlb26-cart small { font-size:9px !important; line-height:13px !important; color:#6a8295 !important; }
body:not(#index) #header .hlb26-cart small { color:#1f73da !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:-10px !important;
  top:-10px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 4px !important;
  border-radius:12px !important;
  background:#1f73da !important;
  color:#fff !important;
  text-align:center !important;
  line-height:20px !important;
  font:700 9px Montserrat,Arial,sans-serif !important;
}

/* ===== MENU PRINCIPAL ===== */
body:not(#index) #header .hlb26-mainnav {
  height:50px !important;
  display:flex !important;
  align-items:stretch !important;
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:10px !important;
  background:#075eaa !important;
  border-radius:8px !important;
  overflow:visible !important;
  box-shadow:none !important;
  font-family:Montserrat,Arial,sans-serif !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:50px !important;
  padding:0 23px !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
}
body:not(#index) #header .hlb26-mainnav .hlb26-all {
  min-width:205px !important;
  background:#1f73da !important;
  border-radius:8px 0 0 8px !important;
  font-size:12px !important;
}
body:not(#index) #header .hlb26-mainnav .hlb26-all i { margin-right:12px !important; font-size:20px !important; }
body:not(#index) #header .hlb26-navdrop { position:relative !important; }
body:not(#index) #header .hlb26-navdrop-menu {
  display:none !important;
  position:absolute !important;
  z-index:500 !important;
  left:0 !important;
  top:50px !important;
  min-width:220px !important;
  padding:7px !important;
  background:#fff !important;
  border-radius:0 0 9px 9px !important;
  box-shadow:0 12px 25px rgba(0,48,89,.18) !important;
}
body:not(#index) #header .hlb26-navdrop:hover .hlb26-navdrop-menu { display:block !important; }
body:not(#index) #header .hlb26-navdrop-menu a {
  display:block !important;
  padding:9px 10px !important;
  color:#0a5b9e !important;
  font:600 11px Montserrat,Arial,sans-serif !important;
  text-decoration:none !important;
}


/* Uniformiser la couleur sur toute la largeur de l'en-tete. */
body:not(#index) .header-container,body:not(#index) #header{background:#0e273d!important;background-image:none!important;}
body:not(#index) #header .hlb26-topline{background:#0e273d!important;}
body:not(#index) #header .hlb26-mainnav{background:#103d67!important;}
body:not(#index) #header .hlb26-mainnav .hlb26-all{background:#1f73da!important;}
body:not(#index) #header .hlb26-account strong,body:not(#index) #header .hlb26-account small,body:not(#index) #header .hlb26-cart strong{color:#fff!important;opacity:1!important;}
body:not(#index) #header #hlb26-cart-total{font-size:18px!important;font-weight:800!important;color:#7fd5ff!important;opacity:1!important;}
