/* asgoodies – Prix dégressifs — v1.4.0 */

/* ---------- Vignettes produits : « A partir de / 4,95 € HT / par 216 » ---------- */
.asg-best {
  display: block;
  margin-top: 2px;
  line-height: 1.3;
}
.asg-best__from,
.asg-best__qty {
  display: block;
  font-size: .8125rem;
  font-weight: 400;
  color: #696969;
}
.asg-best__price {
  display: block;
  font-weight: 700;
  color: #000000;
  font-size: 1rem;
}
/* Quand le prix le moins cher est affiché, on masque le prix de base de la vignette */
.product-miniature .product-price-and-shipping:has(.asg-best) > .price,
.product-miniature .product-price-and-shipping:has(.asg-best) > .regular-price,
.product-miniature .product-price-and-shipping:has(.asg-best) > .discount-percentage,
.product-miniature .product-price-and-shipping:has(.asg-best) > .discount-amount {
  display: none;
}

/* ---------- Fiche produit ---------- */
.asg-prices {
  margin: 4px 0 18px;
}
/* Ligne 1 : « 6,75 € HT par unité », en gris, sur une seule ligne */
.asg-prices__unit {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 400;
  color: #696969;
  white-space: nowrap;
}
/* Ligne 2 : « A partir de 4,95 € HT par 216 » */
.asg-prices__from {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
.asg-prices__from strong {
  font-weight: 400;
}
.asg-prices__wrap {
  overflow-x: auto;
}
.asg-prices__table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9375rem;
}
.asg-prices__table th,
.asg-prices__table td {
  padding: 8px 10px;
  border: 1px solid rgba(105, 105, 105, .2);
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.asg-prices__table thead th {
  background: #f4f4f4;
  color: #696969;
  font-weight: 600;
}
.asg-prices__table td {
  color: #696969;
}
/* Meilleur prix (dernière colonne) : gris gras */
.asg-prices__table td:last-child {
  color: #696969;
  font-weight: 700;
}
.asg-prices__label {
  font-weight: 400;
}
.asg-prices__swatch {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(0, 0, 0, .25);
  vertical-align: middle;
}
.asg-prices__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Quand le module affiche ses prix, on masque le prix natif (et sa mention HT/TTC)
   ainsi que le tableau natif « Remise sur la quantité », qui feraient doublon */
#product .product-prices:has(.asg-prices) > .product-price,
#product .product-prices:has(.asg-prices) > .product-discount,
#product .product-discounts {
  display: none;
}
/* Notre bloc est placé par PrestaShop dans la zone de la mention « HT » :
   on rend cette mention invisible sans masquer notre bloc ni le délai de livraison */
#product .tax-shipping-delivery-label:has(.asg-prices) {
  font-size: 0;
}
#product .tax-shipping-delivery-label:has(.asg-prices) .delivery-information {
  font-size: .875rem;
}

/* ---------- v1.3.0 ---------- */
/* Colonne « Par » (quantité minimum / lot) en tête du tableau */
.asg-prices__table td.asg-prices__par {
  color: #696969;
  font-weight: 400;
}
/* Titre sur une ligne (taille ajustée par front.js) et écart réduit avec le prix */
#product h1 {
  margin-bottom: .25rem;
  overflow: hidden;
}
#product .product-prices {
  margin-top: 0;
}
#product .product-prices .asg-prices {
  margin-top: 0;
}
/* Réassurance placée sous les onglets */
#product .asg-reassurance-moved {
  margin-top: 1.5rem;
}

/* Messages Op'art regroupés : un seul encadré fond blanc, bordure noire, texte rouge */
#opart-alert-quantity.asg-merged > .alert {
  display: none;
}
#opart-alert-quantity .asg-qty-box {
  margin: 10px 0 0;
  padding: 15px 25px;
  background-color: #ffffff;
  border: 1px solid #696969;
  color: #DC143C;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

/* ---------- v1.4.0 ---------- */
/* Libellé « Quantité » en rouge */
#product .product-add-to-cart .control-label {
  color: #DC143C;
}
/* « Quantité en stock : 60 » / « Produit sur commande » */
.asg-prices .asg-stock {
  display: none;
}
.asg-stock.asg-stock--moved {
  display: block;
  margin: 24px 0 14px;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
}
/* Fond blanc sur la fiche produit, comme sur l'ancien site */
body#product #wrapper {
  background-color: #ffffff;
}

/* ---------- v1.4.1 ---------- */
/* Bloc Description / Détails du produit encadré comme l'encadré minimum */
#product .tabs {
  background-color: #ffffff;
  border: 1px solid #696969;
  box-shadow: none;
  padding: 15px 25px;
}

/* ---------- v1.5.0 : pied de page et compte client ---------- */
/* « Votre compte » : pas d'avoirs ni de bons de réduction sur ce site */
#footer #block_myaccount_infos li:has(a[href*="/avoirs"]),
#footer #block_myaccount_infos li:has(a[href*="controller=order-slip"]),
#footer #block_myaccount_infos li:has(a[href*="/reduction"]),
#footer #block_myaccount_infos li:has(a[href*="controller=discount"]),
#my-account #order-slips-link,
#my-account a#discounts-link[href*="reduction"],
#my-account a#discounts-link[href*="controller=discount"] {
  display: none !important;
}

/* ---------- v1.6.1 : page « Vos devis » ---------- */
/* Pas de facture proforma pour les clients : seul le devis est téléchargeable */
a[href*="opartdevis/showquotation"][href*="document=proforma"] {
  display: none !important;
}

/* ---------- v1.6.2 : boutons de la page « Vos devis » comme sur l'ancien site ---------- */
/* Les 3 boutons sur une seule ligne : Modifier / Supprimer / Télécharger */
#content td:has(> a[href*="opartdevis/showquotation"]) {
  white-space: nowrap;
}
#content td:has(> a[href*="opartdevis/showquotation"]) > br {
  display: none;
}
#content td > a.btn[href*="opartdevis/"] {
  margin: 0 6px 0 0;
}
/* « Modifier » en rouge charte (au lieu du bleu PrestaShop) */
#content a.btn.btn-outline-primary[href*="opartdevis/loadquotation"] {
  color: #DC143C;
  border-color: #DC143C;
  background-color: transparent;
}
#content a.btn.btn-outline-primary[href*="opartdevis/loadquotation"]:hover,
#content a.btn.btn-outline-primary[href*="opartdevis/loadquotation"]:focus {
  color: #ffffff;
  background-color: #DC143C;
  border-color: #DC143C;
}

/* ---------- v1.7.0 : charte rouge à la place du bleu PrestaShop (#24b9d7) ---------- */
/* Règles générées à partir de theme.css (Classic 2.2) : seules les couleurs bleues sont remplacées.
   custom.css du thème est chargé après ce fichier et garde la priorité. */
.btn-primary, .btn-primary:hover{background-color:#DC143C}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover{background-color:#B01030}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled:hover{background-color:#DC143C}
.btn-outline-primary{color:#DC143C;border-color:#DC143C}
.btn-outline-primary:hover, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary.active, .btn-outline-primary:active, .open > .btn-outline-primary.dropdown-toggle{color:#fff;background-color:#DC143C;border-color:#DC143C}
.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover{background-color:#B01030}
.btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover{border-color:#F08CA0}
.btn-link{color:#DC143C}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover{background-color:#DC143C}
.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover{background-color:#DC143C}
.card-primary{background-color:#DC143C;border-color:#DC143C}
.card-outline-primary, .card-outline-secondary{border-color:#DC143C}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover{background-color:#DC143C;border-color:#DC143C}
.page-link{color:#DC143C}
.tag-primary, .bg-primary{background-color:#DC143C !important}
.text-primary{color:#DC143C !important}
#header .top-menu a[data-depth="0"]:hover, a:hover{color:#DC143C}
.btn-unstyle:focus .expand-more, .search-widget form input[type="text"]:focus + button .search{color:#DC143C}
.form-control:focus, .input-group.focus, .search-widget form input[type="text"]:focus, .product-customization .product-message:focus{outline-color:#DC143C}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default{background-color:#DC143C}
.custom-radio input[type="radio"]:checked + span{background-color:#DC143C}
.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type="submit"] .search:hover, .top-menu .sub-menu a:hover{color:#DC143C}
.dropdown-item:focus, .dropdown-item:hover{color:#DC143C}
body#checkout section.checkout-step .address-item.selected{border-color:#DC143C}
.product-miniature .highlighted-informations .quick-view:hover{color:#DC143C}
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover, .facet-dropdown .select-list:hover{background-color:#DC143C}
.facet-dropdown.open > .select-title{border-color:#DC143C}
.pagination .current a{color:#DC143C}
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover{color:#DC143C}
#subcategories ul li:hover .subcategory-image a{border-color:#DC143C}
.product-price{color:#DC143C}
.tabs .nav-tabs .nav-link.active{color:#DC143C}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{border-bottom-color:#DC143C}
#product-modal .modal-content .modal-body .product-images img:hover, .product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover{border-color:#DC143C}
#blockcart-modal .product-name{color:#DC143C}
.product-flags li.product-flag{background-color:#DC143C}
.block-promo .promo-input + button{border-color:#DC143C}
.block-promo .promo-code-button.cancel-promo{color:#DC143C}
.account-list a:hover, .footer-container li a:hover{color:#DC143C}
.block-social ul li:hover{background-color:#DC143C}
#header a:hover, #header .header-nav .blockcart a:hover{color:#DC143C}
#header .header-nav .cart-preview.active{background-color:#DC143C}

/* Page « Mon compte » : pictos des tuiles en rouge au survol */
.page-my-account #content .links a:hover,
.page-my-account #content .links a:hover i{color:#DC143C}

/* Cadre de focus (jaune/bleu selon l'ordinateur) : rouge charte, et seulement au clavier */
a:focus, button:focus, .btn:focus, .btn.focus, [tabindex]:focus{outline-color:#DC143C}
:focus:not(:focus-visible){outline:none !important}
a:focus-visible, button:focus-visible, .btn:focus-visible, [tabindex]:focus-visible{outline:2px solid #DC143C !important;outline-offset:2px}

/* ---------- v1.7.3 : logo centré verticalement sur les catégories du menu ---------- */
/* Le bloc de droite = menu + barre de recherche (40 px) : on remonte le logo de la moitié de la recherche */
@media (min-width: 768px) {
  #header .header-top #_desktop_logo {
    align-self: center;
    transform: translateY(-20px);
  }
}

/* ---------- v1.7.4 : bandeau du haut sans chevauchement quand la fenêtre est réduite ---------- */
@media (min-width: 768px) {
  #header .header-nav .row > .hidden-sm-down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
  }
  #header .header-nav .row > .hidden-sm-down > .col-md-5 {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    white-space: nowrap;
  }
  #header .header-nav .row > .hidden-sm-down > .right-nav {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
/* Fenêtre moyenne : on masque le nom du client pour garder la place (le compte reste accessible) */
@media (min-width: 768px) and (max-width: 1099px) {
  #header .header-nav .user-info .account span {
    display: none;
  }
}

/* ---------- v1.7.6 : réassurance, texte aligné à droite du picto sur plusieurs lignes ---------- */
.blockreassurance_product > div {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 6px;
  align-items: start;
}
.blockreassurance_product > div > .item-product {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.blockreassurance_product > div > .block-title,
.blockreassurance_product > div > p {
  grid-column: 2;
  margin-left: 0;
}

/* ---------- v1.7.7 : survol de la grande photo produit en blanc transparent ---------- */
#product .product-cover .layer {
  background-color: rgba(255, 255, 255, .5);
}
#product .product-cover .layer .zoom-in {
  color: #DC143C;
}

/* ---------- v1.7.8 ---------- */
/* Réassurance : titre « Livraison incluse » en rouge (bloc au picto camion) */
.blockreassurance_product > div:has(svg[data-img-url*="local-shipping"]) .block-title {
  color: #DC143C !important;
}
/* « Déjà vus » : une ligne, vignettes plus petites, flèches */
#product .asg-carousel__viewport {
  position: relative;
}
#product .asg-carousel .products {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  margin: 0;
}
#product .asg-carousel .products::-webkit-scrollbar {
  display: none;
}
#product .asg-carousel .products > .product {
  flex: 0 0 20%;
  max-width: 20%;
  width: 20%;
}
@media (max-width: 991px) {
  #product .asg-carousel .products > .product { flex-basis: 33.333%; max-width: 33.333%; width: 33.333%; }
}
@media (max-width: 575px) {
  #product .asg-carousel .products > .product { flex-basis: 50%; max-width: 50%; width: 50%; }
}
#product .asg-carousel__btn {
  position: absolute;
  top: 35%;
  z-index: 2;
  display: none;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #DC143C;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}
#product .asg-carousel__btn i {
  font-size: 28px;
  line-height: 36px;
}
#product .asg-carousel__btn:hover {
  background: #000000;
}
#product .asg-carousel__btn--prev { left: -12px; }
#product .asg-carousel__btn--next { right: -12px; }
#product .asg-carousel__viewport.asg-can-prev .asg-carousel__btn--prev,
#product .asg-carousel__viewport.asg-can-next .asg-carousel__btn--next {
  display: block;
}

/* ---------- v1.7.9 : page catégorie sans le bloc « Sous-catégories » ---------- */
#category #subcategories {
  display: none !important;
}

/* ---------- v1.7.10 : flèche blanche centrée dans la bulle rouge ---------- */
#product .asg-carousel__viewport.asg-can-prev .asg-carousel__btn--prev,
#product .asg-carousel__viewport.asg-can-next .asg-carousel__btn--next {
  display: flex;
  align-items: center;
  justify-content: center;
}
#product .asg-carousel__btn i {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}

/* ---------- v1.7.11 : titre du menu catégories (colonne de gauche) : taille des sous-catégories, en rouge ---------- */
.block-categories .category-top-menu > li > a.h6,
.block-categories .category-top-menu > li > a.text-uppercase {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #DC143C;
}

/* ---------- v1.7.12 ---------- */
/* Flèches « Déjà vus » : simple flèche rouge, sans bulle */
#product .asg-carousel__btn,
#product .asg-carousel__btn:hover {
  width: 40px;
  height: 40px;
  background: transparent;
  box-shadow: none;
  color: #DC143C;
}
#product .asg-carousel__btn:hover {
  color: #000000;
}
#product .asg-carousel__btn i {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
#product .asg-carousel__btn--prev { left: -20px; }
#product .asg-carousel__btn--next { right: -20px; }
/* Page panier : pas de bouton « Transformer en devis » dans le récapitulatif (le devis se fait à l'étape suivante) */
body#cart .cart-grid-right [class*="opartDevis"],
body#cart .cart-grid-right a[href*="opartdevis"] {
  display: none !important;
}

/* ---------- v1.7.13 : page panier, lien « Continuer mes achats » en rouge, noir au survol / clic ---------- */
body#cart .cart-grid-body > a.label,
body#cart .cart-grid-body > a.label i {
  color: #DC143C;
  font-weight: 600;
}
body#cart .cart-grid-body > a.label:hover,
body#cart .cart-grid-body > a.label:hover i,
body#cart .cart-grid-body > a.label:active,
body#cart .cart-grid-body > a.label:active i,
body#cart .cart-grid-body > a.label:focus,
body#cart .cart-grid-body > a.label:focus i {
  color: #000000;
}

/* ---------- v1.8.0 : présentation des pages catégorie comme l'ancien site, fonds blancs partout ---------- */
:root { --asg-border: rgba(105, 105, 105, .3); }
body,
#wrapper,
body#product #wrapper,
#main .page-content,
#content.page-content,
.card,
.page-content.card,
#js-product-list-top,
#js-product-list-bottom {
  background-color: #ffffff;
}
/* Blocs de la colonne de gauche encadrés (menu catégories, filtres) */
#left-column .block-categories,
#left-column #search_filters {
  background-color: #ffffff;
  border: 1px solid var(--asg-border);
  box-shadow: none;
  padding: 25px 20px;
  margin-bottom: 25px;
}
#left-column #search_filters_wrapper:not(:has(#search_filters)) {
  display: contents;
}
/* En-tête de catégorie encadré, titre en rouge */
#category .block-category {
  background-color: #ffffff;
  border: 1px solid var(--asg-border);
  box-shadow: none;
  padding: 20px;
  margin-bottom: 25px;
  min-height: 0;
}
#category .block-category h1 {
  color: #DC143C;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
/* Vignettes produits encadrées */
.product-miniature .thumbnail-container {
  background-color: #ffffff;
  border: 1px solid var(--asg-border);
  box-shadow: none;
}
.product-miniature .thumbnail-container:hover,
.product-miniature .thumbnail-container:focus {
  border-color: rgba(105, 105, 105, .55);
}

/* v1.8.1 : menu du haut sur plusieurs lignes, chaque sous-menu s'ouvre sous sa propre ligne */
#top-menu > li > .sub-menu {
  top: var(--asg-sub-top, 40px) !important;
}

/* v1.8.2 : commande, étape Adresses comme l'ancien site */
body#checkout section.checkout-step .step-title {
  color: #DC143C;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
}
body#checkout section.checkout-step .step-title .step-number {
  background: transparent !important;
  color: #DC143C !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  line-height: inherit !important;
  padding: 0 .35rem 0 0 !important;
  margin: 0 !important;
  font-size: inherit !important;
}
body#checkout section.checkout-step.-unreachable .step-title,
body#checkout section.checkout-step.-unreachable .step-title .step-number {
  color: #696969 !important;
}
body#checkout #checkout-addresses-step h2.h4 {
  margin: 1.25rem 0 .75rem;
  color: #000000;
  font-size: 1.05rem;
  font-weight: 700;
  text-transform: none;
}
body#checkout #checkout-addresses-step .address-item {
  background: #f6f6f6;
  border: 2px solid transparent;
  margin-bottom: 1rem;
}
body#checkout #checkout-addresses-step .address-item.selected {
  background: #ffffff;
  border: 2px solid #DC143C;
}
body#checkout #checkout-addresses-step .address-item .address-alias {
  color: #000000;
  font-weight: 700;
}
body#checkout #checkout-addresses-step .address-item .address {
  color: #000000;
  font-size: .875rem;
  line-height: 1.35;
}
body#checkout #checkout-addresses-step .address-footer a {
  color: #696969;
  font-size: .8125rem;
}
body#checkout #checkout-addresses-step .address-footer a:hover {
  color: #DC143C;
}
body#checkout #checkout-addresses-step .add-address a {
  color: #000000;
  font-weight: 600;
}

/* v1.8.3 : tunnel de commande, en-tête foncé + logo négatif (comme l'ancien site) */
body#checkout #header,
body#checkout #header .header-nav {
  background: #333333;
  border: 0;
  box-shadow: none;
}
body#checkout #header .header-nav {
  padding: 22px 0;
  max-height: none;
}
body#checkout #header .header-nav .row {
  display: flex;
  align-items: center;
}
body#checkout #header .header-nav .row > .text-xs-right {
  margin-left: auto;
  justify-content: flex-end;
  text-align: right;
}
body#checkout #header .logo {
  content: url("../img/logo-fond-sombre.png");
  max-height: 72px;
  width: auto;
}
body#checkout #header #contact-link,
body#checkout #header #contact-link a {
  color: #ffffff;
  font-size: 1rem;
}
body#checkout #header #contact-link a:hover {
  color: #DC143C;
}

/* v1.8.4 : étape devis, message Op'art masqué */
body#checkout .asg-hidden {
  display: none !important;
}

/* v1.9.1 : Op'art, récapitulatif du devis */
#opartDevisForm .asg-red-note {
  color: #DC143C !important;
  font-weight: 600;
}
#opartDevisForm .card-header {
  color: #000000;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 992px) {
  #opartDevisForm .form-group > label.col-lg-2 {
    flex: 0 0 30%;
    max-width: 30%;
    width: 30%;
  }
  #opartDevisForm .form-group > .col-lg-5 {
    flex: 0 0 60%;
    max-width: 60%;
    width: 60%;
  }
}

/* Message Op'art « Pour modifier votre devis… » : rouge clair au lieu du bleu */
#opartDevisForm .alert.asg-alert-red {
  background: rgba(220, 20, 60, .08);
  border: 1px solid rgba(220, 20, 60, .3);
  color: #DC143C;
}

#opartDevisForm .asg-ship-reason {
  color: #DC143C;
  font-size: .875rem;
}

/* v1.9.5 : étape 4 « Vérifier & valider les CGV » */
body#checkout #order-summary-content h4.h4:has(.js-edit-addresses) {
  color: #DC143C;
}
body#checkout #order-summary-content .addresshead {
  white-space: nowrap;
  font-size: .95rem;
}
body#checkout #checkout-payment-step .asg-cgv-moved {
  margin: .25rem 0 1rem;
}

/* v1.9.6 : étape 4, titres du tableau plus petits, CGV centrées, « afficher les détails » rouge */
body#checkout #order-items .card-title {
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.3;
}
body#checkout #checkout-payment-step .asg-cgv-moved ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
body#checkout #checkout-payment-step .asg-cgv-moved li {
  display: flex;
  align-items: center;
  list-style: none;
}
body#checkout #checkout-payment-step .asg-cgv-moved .float-xs-left {
  float: none !important;
}
body#checkout .js-show-details,
body#checkout .js-show-details i,
body#checkout .js-show-details:hover {
  color: #DC143C !important;
}
body#checkout #checkout-payment-step .asg-cgv-moved .condition-label {
  width: auto !important;
  margin: 0 0 0 .5rem !important;
  flex: 0 1 auto;
}
body#checkout #checkout-payment-step .asg-cgv-moved li {
  width: auto;
  margin: 0;
}
body#checkout #checkout-payment-step .asg-cgv-moved .float-xs-left {
  display: flex;
  align-items: center;
}
body#checkout #checkout-payment-step .asg-cgv-moved .condition-label label {
  margin: 0;
}
@media (min-width: 768px) {
  body#checkout #checkout-payment-step .asg-cgv-moved .condition-label label {
    white-space: nowrap;
    font-size: .8125rem;
  }
}
/* v1.9.7 : case CGV alignée avec « J'ai lu… » */
body#checkout #checkout-payment-step .asg-cgv-moved .custom-checkbox {
  display: block;
  width: 18px;
  height: 18px;
}
body#checkout #checkout-payment-step .asg-cgv-moved .custom-checkbox > span {
  top: 0;
  margin-top: 0;
}
body#checkout #checkout-payment-step .asg-cgv-moved .custom-checkbox input {
  margin-top: 0;
}

/* v1.9.8 : pied de page, téléphone et e-mail en blanc gras (aussi au survol) */
#footer #contact-infos a[href^="tel"],
#footer #contact-infos a[href^="mailto"],
#footer #contact-infos a[href^="tel"]:hover,
#footer #contact-infos a[href^="mailto"]:hover,
#footer #contact-infos a[href^="tel"]:focus,
#footer #contact-infos a[href^="mailto"]:focus {
  color: #ffffff !important;
  font-weight: 700;
}
#footer #contact-infos a[href^="tel"]:hover,
#footer #contact-infos a[href^="mailto"]:hover {
  text-decoration: underline;
}

/* v1.9.9 : image de catégorie en bandeau pleine largeur (au lieu d'une vignette 141 px collée à droite) */
#js-product-list-header .block-category-inner {
  display: block;
}
#js-product-list-header .category-cover {
  width: 100%;
  margin: 0;
}
#js-product-list-header .category-cover img {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}

/* v1.10.0 : « État » jamais affiché sur la fiche produit */
#product .product-condition,
#product-details .product-condition {
  display: none !important;
}

/* v1.10.3 : listes de produits, tous les cadres à la même hauteur (avec ou sans prix par quantité) */
.products > .js-product.product {
  display: flex;
}
.products > .js-product.product > .product-miniature {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.products > .js-product.product .thumbnail-container {
  flex: 1 1 auto;
  height: auto !important;
}

/* v1.11.1 : descriptions produits, même police et même taille partout
   (les textes copiés-collés ou repris de l'ancien site gardent sinon leur police d'origine) */
#product .product-description,
#product .product-description *,
#product [id^="product-description-short"],
#product [id^="product-description-short"] *,
.quickview .product-description-short,
.quickview .product-description-short * {
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  color: #696969 !important;
  background: transparent !important;
}
#product .product-description strong,
#product .product-description b,
#product [id^="product-description-short"] strong,
#product [id^="product-description-short"] b {
  font-weight: 700;
}

/* v1.12.1 : menu de gauche, noms de catégories sur une seule ligne */
#left-column .block-categories .asg-tree-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Pastille « Recyclé » sur les photos produits (vignettes, fiche, aperçu rapide) */
.product-flags li.product-flag.asg-recycle{
  display:inline-flex!important;align-items:center;gap:5px;width:auto;max-width:max-content;
  background:#fff!important;color:#1E6B34!important;border:1px solid #1E6B34;border-radius:999px;
  padding:3px 9px 3px 6px!important;margin-left:8px;min-height:0;font-family:Lexend,sans-serif;font-size:.6875rem!important;
  font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.product-flags li.product-flag.asg-recycle::before{
  content:"";flex:0 0 15px;width:15px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E6B34' d='M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z'/%3E%3C/svg%3E") center/contain no-repeat}
#product .product-flags li.product-flag.asg-recycle{font-size:.75rem!important;padding:4px 11px 4px 7px!important}
#product .product-flags li.product-flag.asg-recycle::before{flex-basis:17px;width:17px;height:17px}

/* Pastille « Bio » (même forme, picto feuille) */
.product-flags li.product-flag.asg-bio{
  display:inline-flex!important;align-items:center;gap:5px;width:auto;max-width:max-content;
  background:#1E6B34!important;color:#fff!important;border:1px solid #1E6B34;border-radius:999px;
  padding:3px 10px 3px 6px!important;margin-left:8px;min-height:0;font-family:Lexend,sans-serif;font-size:.6875rem!important;
  font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.product-flags li.product-flag.asg-bio::before{
  content:"";flex:0 0 15px;width:15px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M6.05 8.05c-2.73 2.73-2.73 7.15-.02 9.88 1.47-3.4 4.09-6.24 7.36-7.93-2.77 2.34-4.71 5.61-5.39 9.32 2.6 1.23 5.8.78 7.95-1.37C19.43 14.47 20 4 20 4S9.53 4.57 6.05 8.05z'/%3E%3C/svg%3E") center/contain no-repeat}
#product .product-flags li.product-flag.asg-bio{font-size:.75rem!important;padding:4px 12px 4px 7px!important}
#product .product-flags li.product-flag.asg-bio::before{flex-basis:17px;width:17px;height:17px}