/* COPERIOR V5 - finitions finales conformes à l'aperçu validé du 23/09/2026 */
:root{
  --cop5-bg:#062c58;
  --cop5-blue:#157eff;
  --cop5-cyan:#72c5ff;
  --cop5-white:#ffffff;
}

/* Header top line aligned to approved mockup */
body #header .hlb26-topline,
body #header .hlb26-topline .hlb26-topline-inner{
  background:#0b4e9b !important;
}
body #header .hlb26-topline .hlb26-topline-inner{
  color:#fff !important;
}
body #header .hlb26-topline a,
body #header .hlb26-topline span{color:#fff !important;}

/* Main header colors */
body .header-container,
body #header,
body #header .hlb26-head-main,
body#index #header .hlb26-head-main,
body:not(#index) #header .hlb26-head-main{
  background:#062c58 !important;
}
body #header .cop3-company-tagline{
  max-width:165px !important;
}

/* Account + cart exactly readable on dark background */
body #header .hlb26-head-actions,
body #header .hlb26-account,
body #header .hlb26-cart{color:#fff !important;}
body #header .hlb26-account > i,
body #header .hlb26-cart-ico > i,
body#index #header .hlb26-account > i.icon-user,
body:not(#index) #header .hlb26-account > i,
body:not(#index) #header .hlb26-cart-ico > i{
  color:#fff !important;
}
body #header .hlb26-account strong,
body #header .hlb26-account small,
body #header .hlb26-cart strong{
  color:#fff !important;
}
body #header .hlb26-cart small,
body #header #hlb26-cart-total{
  color:var(--cop5-cyan) !important;
  font-weight:700 !important;
}
body #header #hlb26-cart-shipping{
  color:#dcecff !important;
}
body #header #hlb26-cart-count{
  background:var(--cop5-blue) !important;
  color:#fff !important;
}

/* Navigation */
body #header .hlb26-mainnav{background:#0a478e !important;border-color:#0a478e !important;}
body #header .hlb26-mainnav > .hlb26-all{background:#0f65c6 !important;}
body #header .hlb26-mainnav>.hlb26-navdrop:hover>a,
body #header .hlb26-mainnav>a:hover{background:#0f65c6 !important;}

/* Home hero: use the validated approved artwork directly */
body#index .hlb26-hero-top.cop3-hero{
  display:block !important;
  position:relative !important;
  min-height:330px !important;
  height:330px !important;
  padding:0 !important;
  margin:0 0 14px 0 !important;
  background:url('../img/cop5-hero-home.png') center center / cover no-repeat !important;
  border-radius:0 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
body#index .cop3-hero-copy,
body#index .cop3-hero-illustration,
body#index .cop3-hero-services{display:none !important;}

/* Promo banners under products - exact approved colors */
body#index .hlb26-promos{
  gap:16px !important;
}
body#index .hlb26-promos .hlb26-promo-img{
  border-radius:8px !important;
  overflow:hidden !important;
  background:#eef6ff !important;
  border:1px solid #dfeaf6 !important;
  box-shadow:none !important;
}
body#index .hlb26-promos .hlb26-promo-img img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* Product prices and action buttons blue, not pink */
body#index .hlb26-card-grid .hlb26-card-price,
body#index .hlb26-card-grid .price{
  color:#1267cf !important;
}
body#index .hlb26-card-grid .hlb26-card-btn,
body#index .hlb26-card-grid .button.ajax_add_to_cart_button,
body#index .hlb26-card-grid .button.lnk_view,
body#index .hlb26-card-grid .ajax_add_to_cart_button{
  background:#1c76e8 !important;
  border-color:#1c76e8 !important;
  color:#fff !important;
}
body#index .hlb26-card-grid .new-box .new-label,
body#index .hlb26-card-grid .label-new,
body#index .hlb26-card-grid .hlb26-badge,
body#index .hlb26-card-grid .new{background:#1c76e8 !important;color:#fff !important;}

/* Bottom trust colors coherent */
body#index .hlb26-bottom-trust i,
body:not(#index) .hlb26-inner-trust i{
  color:#2c80e8 !important;
}
