.lnk-c-product-unavailable .button-container .add-to-cart
{
    opacity: .7;
}


.lnk-c-product-unavailable .product-image-container
{
    opacity: .6;
}


#search_widget
{
    overflow: visible;
    width: 100%;
    float: none;
}

.page-not-found #search_widget
{
    float: none;
}

#search_widget form i
{
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#subcategories ul
{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#subcategories ul li {
    float: none;
    min-height: 60px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19%;
}


/*Catalogue*/
a.product-flags span.product-flag.online-only {background:#D8D8D8;color:black;float:right;}
#product #content .product-flags .product-flag.online-only {
background: #D8D8D8;color:black;}
/* Devis haut gauche desktop*/
#header .header-nav #quotesCart .quotes_cart_block {right: auto;left: 0;}
/* Animation Call*/
.pozvonim-button-border-outer{
display: none;}
/* Image catégorie desactivée et modification fond et couleur*/
#subcategories ul li .subcategory-image a {
display: none;}
#subcategories ul li h5 .subcategory-name {
    font-weight: 600;
color:white;
/* margin: 0 0px 44px; */
 text-decoration:none;
}
#subcategories ul li {
 border-width:1px 1px 1px 1px;
 border-style:ridge;
 padding:0 00px;
 background:#Ab8941;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
text-align: center;
}
/* Balise H1 accueil */
#custom-text {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    padding: 0rem;
}
/* Fond quantité Panier en haut lors du defilement */
.footer-container .h3 {
color: #000;
cursor: initial;
border-bottom: 1px solid #d6d4d4;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
margin-bottom: 16px;
}

.footer-container .h3 span,
.footer-container .h3 a,
.footer-container .links .title span.h3,
.footer-container .links .title a.h3 {
display: inline-block;
border-bottom: 0px solid #FFFF;
margin-bottom: -1px;
padding: 7px 0;
}

/* Masquer image catégorie */
#category_desc .category-image img {display:none;}
/* Alignement nom catégorie */
text-align: center!important;
}

/* Fond quantité Panier en haut lors du defilement */
.stickycart_yes.sticky_cart #header div#_desktop_cart .blockcart .header a.cart_link span.cart-products-count {
background: #000000;}
/* Mise en rouge prix réduit ancien prix et économisez*/
.product-prices .product-discount span {color: #000000;}
#product #content .product-flags .product-flag.discount {background: #000000;}
.product-prices span.discount.discount-percentage, .product-prices span.discount.discount-amount {background: #000000;}
a.product-flags span.product-flag.discount {
background: #000000;}
a.product-flags span.product-flag.discount-percentage {
background: #000000;
}

/* Masque le nom de la catégorie hors mobile */
#category_desc .category-desc .cat_name {
display: none;
}
/* Sous-catégories : H2 */
#subcategories h2.subcategory-name {
  color: #FFFFFF;          /* couleur du texte */
  font-size: 12px;         /* taille de police */
  text-transform: uppercase; /* MAJUSCULES */
  letter-spacing: 0.05em;  /* espace entre lettres (optionnel mais pro) */
  margin: 10px 0;
}
#subcategories h2.subcategory-name a {
  color: #FFFFFF;
}
#subcategories h2.subcategory-name a:hover {
  color: #000000;
}
/* Sous-catégories : pas de soulignement au hover */
#js-product-list-header #subcategories h2.subcategory-name a,
#js-product-list-header #subcategories h2.subcategory-name a:hover,
#js-product-list-header #subcategories h2.subcategory-name a:focus,
#js-product-list-header #subcategories h2.subcategory-name a:visited {
  text-decoration: none;
}

/* Masque la colonne gauche sur le formulaire de contact */
.contact-rich {display:none}
/* CSS Page produit pour le bloc économisez */
.economie {
    background: red;
    color: #ffffff;
    border-color: #000000;
    padding: 1px 3px 0px 3px;
    line-height: 30px;}
/* SEO soft titles – harmonisation H2 / H3 */
.seo-soft-title {
  font-weight: 600;
  color: #2b2b2b;
  margin: 2.2rem 0 1rem;
  line-height: 1.3;
}

/* H2 SEO */
h2.seo-soft-title {
  font-size: 1.35rem;
  border-left: 4px solid #c5a972; /* couleur élégante type Beautydis */
  padding-left: 0.75rem;
}

/* H3 SEO */
h3.seo-soft-title {
  font-size: 1.15rem;
  margin-top: 1.6rem;
  color: #444;
}
/* =================================================
   GUIDES CMS – SAFE (ne touche que les pages CMS)
   ================================================= */

/* 1) Conteneur guide : fonctionne même si tu n'as que <div> */
body#cms .page-content > div,
body.cms .page-content > div,
.page-cms .page-content > div,
#cms .page-content > div{
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.75;
}

/* 2) Paragraphes (léger) */
body#cms .page-content > div p,
body.cms .page-content > div p,
.page-cms .page-content > div p,
#cms .page-content > div p{
  margin: 0 0 1rem;
}

/* 3) HR discret */
body#cms .page-content > div hr,
body.cms .page-content > div hr,
.page-cms .page-content > div hr,
#cms .page-content > div hr{
  border: 0;
  border-top: 1px solid rgba(0,0,0,.10);
  margin: 2rem 0;
}

/* 4) Blockquote : accent doré discret (sans fond) */
body#cms .page-content > div blockquote,
body.cms .page-content > div blockquote,
.page-cms .page-content > div blockquote,
#cms .page-content > div blockquote{
  margin: 1.5rem 0;
  padding: 0.6rem 0 0.6rem 1rem;
  border-left: 3px solid #c5a972;
}

body#cms .page-content > div blockquote p,
body.cms .page-content > div blockquote p,
.page-cms .page-content > div blockquote p,
#cms .page-content > div blockquote p{
  margin: 0;
}

/* 5) Liens : touche dorée uniquement sur CMS (n'affecte pas le site) */
body#cms .page-content > div a,
body.cms .page-content > div a,
.page-cms .page-content > div a,
#cms .page-content > div a{
  text-decoration: underline;
  text-decoration-color: rgba(197,169,114,.75);
  text-underline-offset: 2px;
}

body#cms .page-content > div a:hover,
body.cms .page-content > div a:hover,
.page-cms .page-content > div a:hover,
#cms .page-content > div a:hover{
  text-decoration-color: #c5a972;
  text-decoration-thickness: 2px;
}


/* Masque le bloc statique sur la colonne gauche sur mobile */
@media (max-width: 767px) {
#static_content_wrapper #home_content *{display:yes;}
/* Masque barre du haut mobile */
nav.header-nav{display:none;}
/* Réduction et position logo mobile*/
#_desktop_logo {margin: 0 20px ;padding: 4px 0;width: 180px;display: block;text-align: center;}
/*Catalogue*/
a.product-flags span.product-flag.online-only {background:#D8D8D8;color:black;float:right;margin: -14px}
/* Balise H1 accueil */
  #custom-text,
  #ps_customtext {
    width: 100%;
  }
  #custom-text h1,
  #ps_customtext h1 {
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 1.4;
    padding: 0rem;
  }
  #custom-text p,
  #ps_customtext p {
    font-size: 12px;
    line-height: 1.4;
  }
    #custom-text {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 0rem;
    padding: 0rem;
}  
/* Responsive mobile */
  h2.seo-soft-title {
    font-size: 1.2rem;
    padding-left: 0.6rem;
  }

  h3.seo-soft-title {
    font-size: 1.05rem;
  }
  /* 6) Mobile : rien d'agressif */
  {
  body#cms .page-content > div ul,
  body.cms .page-content > div ul,
  .page-cms .page-content > div ul,
  #cms .page-content > div ul,
  body#cms .page-content > div ol,
  body.cms .page-content > div ol,
  .page-cms .page-content > div ol,
  #cms .page-content > div ol{
    margin-left: 1rem;
  }
}