/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#lyoshowvatfree strong {
    color: #1f1f1f;
}
i.material-icons.icon-devis {
    font-size: 14px;
    
}

#desktop_logo img{
  max-width:200px!important;
  height:auto!important;
}

@media(max-width:576px){      /* mobiles */
  #desktop_logo img{
    max-width:220px!important;
  }
}



@media (max-width: 992px){

  /* cible le <img> qu'on voit dans ta capture */
  .mobile-main-bar img.logo,
  /* + les wrappers Prestashop “classiques” si présents */
  #_mobile_logo img,
  #_desktop_logo img{
    width: 50% !important;      /* force la largeur → 50 %           */
    max-width: 50% !important;  /* et limite haute identique          */
    height: auto   !important;  /* garde les proportions              */
  }
}*/


html, body {
  overflow-x: hidden;
}




/* Supprime les padding internes de la grille Bootstrap */
.iqit-megamenu-container.container,
#iqitmegamenu-horizontal .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/*modifie dans fil d'ariane / en > */


#wrapper .breadcrumb li::after {
  content: ">";
  opacity: 0.6; /* facultatif pour adoucir */
  margin: 0 0.5em;
}



/*BLoc catégories modif > supprimer et padding entre les liens*/
.block-links ul > li a::before {
  content: none !important;
  display: none !important;
  position: static !important;
}

.block-links ul > li a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.block-categories a {
padding-top:4px;}

/* Suppression du titre Bloc catégorie - repetition de la catégorie actuelle */
#left-column .block-categories .block-title {
  display: none;
}
/* Liens des catégories principales */
.block-categories ul > li > a {
  font-weight: bold;
color:black;
padding-bottom:5px;
}

/* Liens des sous-catégories (niveau 2 et plus) */
.block-categories ul ul a {
  font-weight: normal;
}

/* ------------------------------------------------------------------
   Header mobile / tablette : taille & espacement des 4 icônes à droite
   ------------------------------------------------------------------ */
@media (max-width: 992px){         /* ≤ 992 px : smartphones + tablettes */

  /* 1) augmente la zone cliquable autour de chaque icône  */
  #mobile-header .m-nav-btn{
    padding: 10px 12px !important;   /* vert | horiz. -> + d’air pour le doigt */
    display: flex;                   /* centre mieux l’icône                    */
    align-items: center;
    justify-content: center;
  }

  /* 2) grossit les pictos FontAwesome                         */
  #mobile-header .m-nav-btn i{
    font-size: 1.9rem !important;    /* ≈ 30 px – ajuste selon ton design       */
    line-height: 1;                  /* évite les décalages verticaux           */
  }

    /* marge responsive après chaque icône sauf la première */
  #mobile-header .m-nav-btn + .m-nav-btn{
    margin-left: clamp(0.5rem, 4vw, 1.5rem); /* 8 px → 24 px dynamiquement */
  }

  /* 4) (optionnel) arrondit la zone d’appui pour un look bouton-pilule */
  #mobile-header .m-nav-btn{ border-radius: 9999px; }               
}

/* ------------------------------------------------------------------
   Agrandit visuellement le bouton “Ajouter au panier” de la liste produits
   ------------------------------------------------------------------ */
.product-add-cart .btn-product-list.add-to-cart{
  /* largeur + hauteur carrées → bouton plus “massif” */
  width: 52px;      /* ⇦ ajuste la valeur à ton goût (ex. 56, 60…) */
height: 52px;
  /* enlève l’ancienne zone de padding qui rétrécissait le carré */
  padding: 0 !important;

  /* garde les coins si tu veux un carré (ou arrondis-les un peu) */
  border-radius: 50%;

  /* centre l’icône */
  display: flex;
  align-items: center;
  justify-content: center;
margin-left: 10px;
}

/* icône un peu plus grosse pour remplir l’espace */
.product-add-cart .btn-product-list.add-to-cart i{
  font-size: 1.6rem;   /* ← augmente ou diminue selon le résultat visuel     */
}

/* ╔══════════════════════════════════════════════════╗
   ║  Arrondis persistants champ + bouton de recherche ║
   ╚══════════════════════════════════════════════════╝ */

/* Champ (gauche) – déjà OK mais on laisse pour cohérence */
#search_widget .input-group > .form-control.ui-autocomplete-input {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.alert-warning {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

/* Module Advanced Stock Info : jauge 16 px */
.si-indicator.si-pie .si-inner {
  width: 50% !important;
  height: 50% !important;
}

/* ------------------------------------------------------------------
   Fiche produit : respecter col-md-7 (centre) et col-md-2 (droite)
   ------------------------------------------------------------------ */
@media (min-width: 768px) {                    /* breakpoint Bootstrap md */

  /* Colonne « infos produit » — doit faire 7/12 ≈ 58,333 % */
  @media (min-width: 768px) {
  .product-info-row .col-md-7 {
    flex: 0 0 52.333333% !important;
    max-width: 52.333333% !important;
    padding-right: 60px;
  padding-left: 60px;
  }
}
  /* Colonne « sidebar » — doit faire 2/12 ≈ 16,666 % */
  .product-info-row .col-md-2 {
    flex: 0 0 22.666667% !important;
    max-width: 22.666667% !important;
  }
}

/* ------------------------------------------------------------------
   Fiche produit : Padding left marque, et largeur
   ------------------------------------------------------------------ */
.product-manufacturer-next img {
    padding-left: 10%;
  max-width: 140px !important;
}

/* ------------------------------------------------------------------
   Creez compte suppression bordure
   ------------------------------------------------------------------ */
.my-account-page-content-wrapper,
.page-authentication #content,
.page-customer-account #content {
  border: none !important;

}
.form-control {
            border-radius: 5px; /* norme officielle */
}

.btn, .btn[class*="btn-"] {
    border-radius: 3px;
}

/* ------------------------------------------------------------------
   Image plus petite pour carroussel, produits associés
   ------------------------------------------------------------------ */

.crossselling-products .product-thumbnail img,
.product-miniature-default .product-thumbnail img {
  max-width: 50% !important;
  height: auto;
}

/* ------------------------------------------------------------------
   Hauteur de ligne prix pages produit
   ------------------------------------------------------------------ */
.product_header_container .product-price,
.product_p_price_container .product-price {
  line-height: 1.3em !important;
}

/* ------------------------------------------------------------------
   Texte livraison sur page produit à coté de En stock
   ------------------------------------------------------------------ */
/* Met tout sur une seule ligne : pastille, "En stock", puis "Livraison 24/48h" */
.tax-shipping-delivery-label .si-product-page {
  display: flex !important;
  align-items: center;
  gap: 8px;              /* espace entre éléments */
  flex-wrap: nowrap;     /* pas de retour à la ligne */
}

/* S'assure que rien ne prend toute la largeur */
.tax-shipping-delivery-label .si-items,
.tax-shipping-delivery-label .delivery-information {
  flex: 0 0 auto !important;
}

/* ------------------------------------------------------------------
   Marge entre les moyens de paiement  / texte blanc dans la topbar page checkout
   ------------------------------------------------------------------ */

.page-order-detail .messages .message > div,
body#checkout section.checkout-step .payment-options .payment-option {
  margin-bottom: 1.5rem
    }
/* Liens du header checkout en blanc */
#checkout-header a:not(.btn):not(.nav-link):link,
#checkout-header a:not(.btn):not(.nav-link):visited,
#checkout-header a:not(.btn):not(.nav-link):hover,
#checkout-header a:not(.btn):not(.nav-link):focus,
#checkout-header .text-muted {
  color: #ffffff !important;
}

/* Si le thème baisse l’opacité de .text-muted */
#checkout-header .text-muted {
  opacity: 1 !important;
}
/* Supprimer le padding-top du header checkout */
#checkout-header.header-top {
  padding-top: 0 !important;
}

/* Checkout : forcer le logo à 200px (écrase width="300" et height="88") */
#checkout-header img.logo {
  width: 200px !important;
  max-width: 200px !important;
  height: auto !important;
}

/* ------------------------------------------------------------------
   Pour le module OPART DEVIS Bouttons
   ------------------------------------------------------------------ */
.btn.btn-default.button.button-small {
  background: rgba(47, 141, 204, 0.7) !important;
  color: #ffffff !important;
  border: 1px solid #f0f0f0 !important;
}


.btn.btn-default.button.button-small:hover {
  background: rgba(47, 141, 204, 1) !important; /* plus opaque au hover */
  color: #ffffff !important;
  border: 1px solid #f0f0f0 !important;
}

/* Style des boutons medium par défaut en mode primary */
.button.btn.btn-default.button-medium {
  background: #3fba20 !important;
  color: #ffffff !important;
  border: none !important;
}

.button.btn.btn-default.button-medium:hover {
  background: #36a11c !important; /* version plus foncée au hover */
  color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Hauteur de ligne prix pages produit
   ------------------------------------------------------------------ */
.product_header_container .product-price,
.product_p_price_container .product-price {
  line-height: 1.3em !important;
}

.block-promo.promo-highlighted.text-muted {
  color: #c80303 !important;       /* couleur vive (modifie si besoin) */
  font-size: 1rem !important;   /* taille de police */
  line-height: 1.3 !important;  /* hauteur de ligne */
  opacity: 1 !important;        /* enlève l’effet estompé */
  font-weight: bold !important; /* texte en gras */
}

/* 1) mettre TOUT le bloc (TTC, stock indicator, livraison) sur UNE seule ligne */
.tax-shipping-delivery-label{
  display:flex !important;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}
.tax-shipping-delivery-label > *{
  flex:0 0 auto !important;     /* rien ne prend 100% */
  width:auto !important;
}

/* 2) le TTC (lyoshowvatfree) reste inline et n'impose pas de retour à la ligne */
#lyoshowvatfree{ 
  display:inline-block !important;
  margin:0 8px 0 0;
}

/* 3) le module Stock Indicator en inline-flex */
.tax-shipping-delivery-label .si-product-page{
  display:inline-flex !important;
  align-items:center;
  margin:0;
}

/* 4) "Livraison 24/48h" = même gabarit que "En stock" */
.tax-shipping-delivery-label .delivery-information{
  display:inline-block !important;
  margin:0;
  white-space:nowrap;
  font-size:16px;        /* ajuste à 15/17 si ton "En stock" diffère */
  font-weight:600;
  color:inherit !important;  /* enlève le gris .text-muted */
  line-height:1.1;
}

/* === Stock Indicator : taille/couleur/espacement === */
.si-indicator .si-items{
  font-size: 13px;
  font-weight: 400;
  margin: 3px 0;
  color: #393939 !important;   /* ton noir */
  line-height: 3 !important;   /* espacement demandé */
}

/* === Prix : aérer sous la référence === */
.product_header_container .product-price,
.product_p_price_container .product-price{
  margin-top: 8px !important;  /* augmente si besoin (10–12px) */
  line-height: 1.3em !important;
  display: inline-block;
}

/* === HT/TTC en ligne sur la fiche produit === */
.product-prices .current-price{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}
#lyoshowvatfree{
  display: inline !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #808080 !important;   /* TTC gris discret */
  opacity: .9;
  line-height: 1.2;
}
/* (si un <br> se glisse après le prix) */
.product-prices .current-price + br{ display:none !important; }

/* === Aligner "En stock" + "Livraison 24/48h" sur une ligne === */
.tax-shipping-delivery-label{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.tax-shipping-delivery-label br{ display:none !important; }
.tax-shipping-delivery-label .delivery-information{
  display:inline-flex !important;
  align-items:center;
  white-space:nowrap;
  font-size:13px;
  font-weight:400;
  color:#393939 !important;    /* même vert que "En stock" */
  line-height:1.1;
  margin:0;
}

/* Tiret fin et subtil entre le prix HT et le prix TTC */
.product-information #lyoshowvatfree::before,
.product-prices #lyoshowvatfree::before {
  content: " – ";              /* tiret demi-cadratin */
  color: #808080;              /* même ton gris que le TTC */
  opacity: 0.5;
  font-weight: normal;
  position: relative;
  top: -0.02em;                /* alignement parfait sur la ligne du texte */
  margin: 0 3px;
}
/* Tiret fin et vert entre les deux */
.tax-shipping-delivery-label .delivery-information::before {
  content: " – ";              /* tiret demi-cadratin */
  color: #393939;              /* même vert que le texte */
  opacity: 1;
  font-weight: normal;
  position: relative;
  top: -0.02em;                /* alignement vertical parfait */
  margin: 0 12px;
}

#main-page-content{
overflow-x: clip;
}

/* IQIT HTMLBANNER BLOCK 5 */
.top-reassurance {
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-reassurance a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}

.top-reassurance i {
  font-size: 14px;
  margin-right: 6px;
}

/* Séparateur identique au thème Warehouse */
.top-reassurance a:not(:last-child)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
  width: 1px;
  margin-left: 1rem;
  margin-right: 1rem;
  background-color: currentColor;
  opacity: 0.2;
}

/* Sous 970px : garder seulement les icônes pour les liens de réassurance,
   mais garder entièrement le widget Société des Avis Garantis */
@media (max-width: 970px) {

  /* Cacher le texte uniquement dans les liens <a> */
  .top-reassurance a {
    font-size: 0 !important;   /* masque le texte */
  }

  /* Garder les icônes visibles et lisibles */
  .top-reassurance a i {
    font-size: 20px !important; 
    margin: 0 10px !important;  /* espacement entre pictos */
  }

  /* Ne surtout pas toucher au widget ! */
  .top-reassurance .grc-site-rating {
    font-size: inherit !important;
  }
  .top-reassurance .grc-site-rating * {
    font-size: inherit !important;
  }

/* Force le widget Société des Avis Garantis à rester sur la même ligne */
.top-reassurance .grc-site-rating {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
}

/* Supprime les marges ou padding injectés par le widget */
.top-reassurance .grc-site-rating * {
    margin: 0 !important;
    padding: 0 !important;
}
/* ------------------------------------------------------------------
   Display NAV 2 - Téléphone - mail
   ------------------------------------------------------------------ */
.contact-info {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 1rem; /* ta taille d'origine conservée */
}

.contact-info a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.contact-info i {
  color: inherit;
  font-size: 1.2rem;  /* harmonise les deux icônes */
  margin: 0 6px;      /* même marge pour les deux */
}

/* masque le texte sous 1290px */
@media (max-width: 1290px) {
  .contact-info {
    font-size: 0 !important;
  }

  .contact-info i {
    font-size: 20px !important;
    margin: 0 10px !important;
  }
}
nav.header-nav .row.justify-content-between {
  align-items: center !important;
}