/*
 * HBUREAUTIQUE V56 - CORRECTIFS CHECKOUT UNIQUEMENT
 * V55 reste la base. Ce fichier corrige seulement : étapes, totaux HT/TTC,
 * navigation, adresses, transport et présentation des moyens de paiement.
 */

/* =========================================================
   1. LES 5 ETAPES : UNE SEULE LIGNE, MEME LARGEUR PARTOUT
   ========================================================= */
body#order ul.step,
body#order-opc ul.step,
body#module-bankwire-payment ul.step,
body#module-cheque-payment ul.step,
body#order-confirmation ul.step {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
body#order ul.step > li,
body#order-opc ul.step > li,
body#module-bankwire-payment ul.step > li,
body#module-cheque-payment ul.step > li,
body#order-confirmation ul.step > li {
  float:none!important;
  clear:none!important;
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body#order ul.step > li > a,
body#order ul.step > li > span,
body#order-opc ul.step > li > a,
body#order-opc ul.step > li > span,
body#module-bankwire-payment ul.step > li > a,
body#module-bankwire-payment ul.step > li > span,
body#module-cheque-payment ul.step > li > a,
body#module-cheque-payment ul.step > li > span,
body#order-confirmation ul.step > li > a,
body#order-confirmation ul.step > li > span {
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
}

/* =========================================================
   2. BLOC TOTAUX : PLUS LISIBLE + TOTAL HT
   ========================================================= */
body#order #cart_summary tfoot,
body#order-opc #cart_summary tfoot {
  background:#f8fbfd!important;
}
body#order #cart_summary tfoot tr,
body#order-opc #cart_summary tfoot tr {
  transition:none!important;
}
body#order #cart_summary tfoot tr.hlb56-total-products td,
body#order-opc #cart_summary tfoot tr.hlb56-total-products td {
  background:#f1f7fb!important;
  color:#315d79!important;
  border-top:1px solid #dce8f0!important;
}
body#order #cart_summary tfoot tr.cart_total_delivery td,
body#order-opc #cart_summary tfoot tr.cart_total_delivery td {
  background:#f7fbf7!important;
  color:#278449!important;
}
body#order #cart_summary tfoot tr.hlb56-total-ht td,
body#order-opc #cart_summary tfoot tr.hlb56-total-ht td {
  background:#eef6fc!important;
  color:#0a4e9a!important;
  font-weight:700!important;
}
body#order #cart_summary tfoot tr.cart_total_tax td,
body#order-opc #cart_summary tfoot tr.cart_total_tax td {
  background:#f8f5fb!important;
  color:#756083!important;
}
body#order #cart_summary tfoot tr.hlb56-final-total td,
body#order-opc #cart_summary tfoot tr.hlb56-final-total td {
  background:#fff1f7!important;
  border-top:2px solid #f4bed8!important;
  color:#123e65!important;
  font-weight:700!important;
}
body#order #cart_summary tfoot tr.hlb56-final-total #total_price_container,
body#order-opc #cart_summary tfoot tr.hlb56-final-total #total_price_container {
  background:#fff1f7!important;
  color:#e91379!important;
  font-size:25px!important;
  line-height:30px!important;
}
body#order #cart_summary tfoot td.text-right,
body#order-opc #cart_summary tfoot td.text-right {
  padding-right:16px!important;
}
body#order #cart_summary tfoot td.price,
body#order-opc #cart_summary tfoot td.price {
  min-width:150px!important;
  text-align:right!important;
  padding-right:16px!important;
}

/* =========================================================
   3. NAVIGATION : CONTINUER A GAUCHE / COMMANDER A DROITE
   ========================================================= */
body#order .cart_navigation,
body#order-opc .cart_navigation {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
}
body#order .cart_navigation .button-exclusive,
body#order-opc .cart_navigation .button-exclusive {
  order:1!important;
  margin-right:auto!important;
}
body#order .cart_navigation .standard-checkout,
body#order-opc .cart_navigation .standard-checkout,
body#order .cart_navigation .button-medium,
body#order-opc .cart_navigation .button-medium {
  order:2!important;
  margin-left:auto!important;
}

/* =========================================================
   4. ADRESSES : PLUS COMPACT, PLUS CLAIR, PLUS DE COULEUR
   ========================================================= */
body#order .addresses,
body#order-opc .addresses {
  padding:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
body#order .addresses .address_delivery,
body#order .addresses .address_invoice,
body#order-opc .addresses .address_delivery,
body#order-opc .addresses .address_invoice,
body#order .addresses ul.address,
body#order-opc .addresses ul.address {
  min-height:0!important;
  padding:18px!important;
  border:1px solid #dce8f0!important;
  border-left:4px solid #0a75bf!important;
  border-radius:14px!important;
  background:#f8fcff!important;
  box-shadow:0 5px 14px rgba(19,74,111,.035)!important;
}
body#order .addresses .address_invoice,
body#order-opc .addresses .address_invoice,
body#order .addresses ul.address.alternate_item,
body#order-opc .addresses ul.address.alternate_item {
  border-left-color:#e91379!important;
  background:#fff9fc!important;
}
body#order .addresses .page-subheading,
body#order-opc .addresses .page-subheading {
  color:#0a4e9a!important;
  font-size:15px!important;
}
body#order .addresses .checkbox,
body#order-opc .addresses .checkbox {
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 11px!important;
  margin:4px 0 14px!important;
  border-radius:9px!important;
  background:#f2f7fa!important;
  color:#43657c!important;
}
body#order .addresses .checkbox input,
body#order-opc .addresses .checkbox input {
  margin:0 7px 0 0!important;
  accent-color:#0a75bf!important;
}
body#order .address_update .button,
body#order-opc .address_update .button {
  min-height:38px!important;
  border:1px solid #a8cce3!important;
  background:#fff!important;
  color:#0a4e9a!important;
}
body#order .address_add .button,
body#order-opc .address_add .button,
body#order .address_add a,
body#order-opc .address_add a {
  min-height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:#0a75bf!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body#order .address_add .button span,
body#order-opc .address_add .button span,
body#order .address_add a span,
body#order-opc .address_add a span {
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  text-shadow:none!important;
}
body#order #ordermsg,
body#order-opc #ordermsg {
  margin:14px 0 0!important;
  padding:14px!important;
  border-radius:12px!important;
  background:#f7fafc!important;
  color:#4f6e85!important;
}
body#order #ordermsg p,
body#order-opc #ordermsg p {
  margin:0 0 8px!important;
  color:#315d79!important;
  font-weight:600!important;
}
body#order .addresses.hlb56-single-address .col-sm-6,
body#order-opc .addresses.hlb56-single-address .col-sm-6 {
  width:100%!important;
  float:none!important;
}

/* =========================================================
   5. LIVRAISON : CARTES PLUS VISIBLES, AUCUN JAUNE
   ========================================================= */
body#order .order_carrier_content,
body#order-opc .order_carrier_content {
  padding:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
body#order .delivery_option > div > table.resume.delivery_option_carrier,
body#order-opc .delivery_option > div > table.resume.delivery_option_carrier {
  border:1px solid #dce8f0!important;
  border-left:4px solid #9fc4dd!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(17,73,111,.03)!important;
}
body#order .delivery_option > div > table.resume.delivery_option_carrier:hover,
body#order-opc .delivery_option > div > table.resume.delivery_option_carrier:hover {
  border-color:#7eb9dc!important;
  border-left-color:#0a75bf!important;
  background:#f4faff!important;
}
body#order .delivery_option > div > table.resume.delivery_option_carrier.hlb56-selected,
body#order-opc .delivery_option > div > table.resume.delivery_option_carrier.hlb56-selected,
body#order .delivery_option > div > table.resume.delivery_option_carrier.selected,
body#order-opc .delivery_option > div > table.resume.delivery_option_carrier.selected {
  border-color:#80bfe5!important;
  border-left-color:#0a75bf!important;
  background:#edf7fe!important;
  box-shadow:0 0 0 2px rgba(10,117,191,.08)!important;
}
body#order .delivery_option_carrier td.delivery_option_price,
body#order-opc .delivery_option_carrier td.delivery_option_price {
  color:#138348!important;
  font-weight:700!important;
}

/* =========================================================
   6. PAIEMENT : BLOCS DISTINCTS MAIS MEMES FONCTIONS
   ========================================================= */
body#order .payment_module,
body#order-opc .payment_module {
  border-radius:14px!important;
  box-shadow:0 5px 16px rgba(17,73,111,.045)!important;
}
body#order .payment_module a,
body#order-opc .payment_module a {
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  padding:16px 54px 16px 82px!important;
  background-image:none!important;
}
body#order .payment_module.hlb56-cheque,
body#order-opc .payment_module.hlb56-cheque {
  border-color:#b8d8ed!important;
  border-left:5px solid #0a75bf!important;
  background:#f5fbff!important;
}
body#order .payment_module.hlb56-cheque a,
body#order-opc .payment_module.hlb56-cheque a {
  background:#f5fbff!important;
}
body#order .payment_module.hlb56-cheque img,
body#order-opc .payment_module.hlb56-cheque img {
  display:none!important;
}
body#order .payment_module.hlb56-cheque a:before,
body#order-opc .payment_module.hlb56-cheque a:before {
  content:"\f19c"!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  background:#e3f2fb!important;
  color:#0a75bf!important;
  font-family:FontAwesome!important;
  font-size:20px!important;
}
body#order .payment_module.hlb56-card,
body#order-opc .payment_module.hlb56-card {
  border-color:#f0c5db!important;
  border-left:5px solid #e91379!important;
  background:#fff7fb!important;
}
body#order .payment_module.hlb56-card a,
body#order-opc .payment_module.hlb56-card a {
  background:#fff7fb!important;
}
body#order .payment_module.hlb56-transfer,
body#order-opc .payment_module.hlb56-transfer {
  border-color:#bee1ca!important;
  border-left:5px solid #2e9b57!important;
  background:#f5fcf7!important;
}
body#order .payment_module.hlb56-transfer a,
body#order-opc .payment_module.hlb56-transfer a {
  background:#f5fcf7!important;
}
body#order .payment_module:hover,
body#order-opc .payment_module:hover {
  transform:none!important;
  box-shadow:0 7px 20px rgba(17,73,111,.08)!important;
}

/* =========================================================
   7. MOBILE
   ========================================================= */
@media(max-width:990px){
  body#order ul.step,
  body#order-opc ul.step,
  body#module-bankwire-payment ul.step,
  body#module-cheque-payment ul.step,
  body#order-confirmation ul.step {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body#order ul.step > li,
  body#order-opc ul.step > li,
  body#module-bankwire-payment ul.step > li,
  body#module-cheque-payment ul.step > li,
  body#order-confirmation ul.step > li {
    width:auto!important;
  }
}
@media(max-width:640px){
  body#order ul.step,
  body#order-opc ul.step,
  body#module-bankwire-payment ul.step,
  body#module-cheque-payment ul.step,
  body#order-confirmation ul.step {
    grid-template-columns:1fr!important;
  }
}