/*#cart h1 {
font-size: 32px!important;
}*/

#checkout h1 {
font-size: 26px!important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  #checkout h1 {
    font-size: 22px !important;
  }
}


#order-confirmation h1 {
font-size: 32px!important;
}

/* TAILLE TITRE */
/* Par défaut : ORDINATEUR (desktop) */
h1 {
  font-size: 48px!important;
}
h2 {
  font-size: 40px!important;
}
h3 {
  font-size: 32px!important;
}

/* TABLETTE : entre 768px et 1024px de largeur */
@media (max-width: 1024px) {
  h1 {
    font-size: 40px!important;
  }
  h2 {
    font-size: 32px!important;
  }
  h3 {
    font-size: 24px!important;
  }
}

/* TÉLÉPHONE : moins de 768px */
@media (max-width: 767px) {
  h1 {
    font-size: 32px!important;
  }
  h2 {
    font-size: 24px!important;
  }
  h3 {
    font-size: 18px!important;
  }
}



/* HEADER */
.stsb_flex_wrapper.stsb_fw_middle.stsb_search_box {
border-radius: 4px;
border: 1px solid #D9D9D9;
}

#stsb-header .stsb_search_form_input {
padding: 12px 16px 12px 16px;
}

.top-menu a {
color: #2A2A2B!important;
font-family: "Noto Sans", sans-serif; 
font-size: 1em;
font-weight: 400!important;
line-height: 22px;
text-transform: uppercase;
position: relative;
display: inline-block;
text-align: center;
}

.top-menu a:hover {
color: #B2B2B2!important;
}

.top-menu li.current > a,
.top-menu li.active > a {
  color: #B2B2B2 !important;
}

@media (min-width: 1025px) {
  .top-menu li.current > a::after,
  .top-menu li.active > a::after {
    left: 50%;
    transform: translateX(0%) translateY(0px);
    opacity: 1;
    background-image: url('/img/cms/cercle-1.svg'); /* ou cercle-2.svg si tu veux l'état du milieu */
    animation: none !important;
  }

  @keyframes hoverIconTransition {
    0%   { background-image: url('/img/cms/cercle-1.svg'); }
    50%  { background-image: url('/img/cms/cercle-2.svg'); }
    100% { background-image: url('/img/cms/cercle-1.svg'); }
  }

  .top-menu a::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 80%;
    width: 10px;
    height: 10px;
    background-image: url('/img/cms/cercle-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(0px) translateX(0);
    opacity: 0;
    transition: left 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  }

  .top-menu a:hover::after {
    left: 50%;
    transform: translateX(0%) translateY(0px);
    opacity: 1;
    animation: hoverIconTransition 0.6s forwards;
  }
}


.top-menu a.product-active {
  color: #B2B2B2 !important;
}

@media (min-width: 1025px) {
.top-menu a.product-active::after {
  left: 50%;
  transform: translateX(0%) translateY(0px);
  opacity: 1;
  background-image: url('/img/cms/cercle-1.svg');
  animation: none !important;
}
}

#header-rechercher .stsb_flex_wrapper {
display: flex;
align-items: center;
}

#header-rechercher .stsb_flex_wrapper .stsb_icon_wrapper {
order: 2;
margin-left: 8em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
#header-rechercher .stsb_flex_wrapper .stsb_icon_wrapper {
order: 2;
margin-left: 8em;
}
}

@media screen and (max-width: 767px) {
#header-rechercher .stsb_flex_wrapper .stsb_icon_wrapper {
order: 2;
margin-left: 0em;
}
#header-rechercher .stsb_flex_wrapper span:not(.stsb_icon_wrapper) {
display:none ;
}
}


#header-rechercher .stsb_flex_wrapper span:not(.stsb_icon_wrapper) {
order: 1;
}

.custom-radio input[type=radio]:checked+span {
background-color:#B2B2B2;
}

.custom-checkbox input[type="checkbox"]:checked {
background-color: #1E1E1E;
color: #F5F5F5;
}

.stsb_qty_wrap input {
color: #2A2A2B;
}

/* CACHER PAR DÉFAUT */
.mobile-marquee {
  display: none;
}

/* VISIBLE UNIQUEMENT SUR SMARTPHONE */
@media (max-width: 767px) {
  .mobile-marquee {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #2A2A2B;
    font-size: 14px;
    position: relative;
  }

  .marquee-content {
    display: inline-block;
    padding-left: 100%;
    animation: marquee-scroll 12s linear infinite;
  }

  @keyframes marquee-scroll {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
  }
}


.top-menu .sub-menu, .top-menu .sub-menu.collapse {
margin-top: 1.2em;
padding: 1.2em;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .top-menu .sub-menu,
  .top-menu .sub-menu.collapse {
    margin-top: 5.2em;
    padding: 1.2em;
  }
}


.menu-responsive .sitemm_links > .sitemm_item:not(:last-child) {
margin-bottom: 20px;
}

.sitemm_sub_links > .sitemm_item:not(:last-child) {
margin-bottom: 16px;
}


/* Catégorie produit */
#category #search_filters > .h6 {
display: none;
}

.facet-title {
display: flex;
justify-content: space-between;
align-items: center;
}

.facet-title .toggle-icon {
margin-left: auto; /* pousse la flèche tout à droite */
display: flex;
align-items: center;
float: right;
}

.facet-title img.facette-arrow {
max-height: 14px; /* ajuste si nécessaire */
}

#search_filters .facet .facet-title {
border-bottom: 1px solid #B2B2B2;
padding-bottom: 10px;
margin-bottom: 20px;
}

#search_filters .ui-slider-horizontal {
width: 85%;
}

.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
color: #F5F5F5;
background-color:#1E1E1E;
}

.stsb_category_sort_link {
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 1em;
}

#selecteur-trie .stsb-dropdown-toggle svg {
margin-left: 12em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
#selecteur-trie .stsb-dropdown-toggle svg {
    margin-left: 9em;
}
}

@media screen and (max-width: 767px) {
#selecteur-trie .stsb-dropdown-toggle svg {
    margin-left: 8em;
}
}

#facet_label_34472 {
font-family: "Noto Sans", sans-serif;
}

#search_filters .ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #1E1E1E;
border: 2px solid #fff;
top: -8px !important;
z-index: 2;
}

#search_filters .ui-widget-header {
background: #E6E6E6;
}

.image-produit-categorie .stsb_pm_image_wrapper {
display: block;
overflow: hidden;
position: relative;
}

.image-produit-categorie .stsb_pm_image_wrapper img {
transition: transform 0.4s ease;
will-change: transform;
}

.image-produit-categorie .stsb_pm_image_wrapper:hover img {
transform: scale(1.2);
}

@media (max-width: 1024px) {
  #search_filters .facet .facet-title {
    width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #search_filters .ui-slider-horizontal {
  width: 96%;
}
}

@media (max-width: 767px) {
  #search_filters .ui-slider-horizontal {
  width: 93%;
}
}


/* PAGES CMS */
#cms .container {
width: 100%;
max-width: 100%;
padding: 0;
overflow: hidden;
box-sizing: border-box;
}



/* PAGE PRODUIT */
.swiper-pagination {
position: static !important;
margin-top: 2em;
}

.back-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #646363!important;
text-decoration: none;
font-size: 16px;
margin-bottom: 20px;
transition: color 0.3s ease;
}

.back-link:hover {
text-decoration:underline
}

.back-link svg {
display: inline-block;
vertical-align: middle;
}

.stsb_qty_minus,
.stsb_qty_plus,
.stsb_qty_minus:hover,
.stsb_qty_plus:hover,
.stsb_qty_minus:focus,
.stsb_qty_plus:focus,
.stsb_qty_minus:active,
.stsb_qty_plus:active {
  color: #1C1C1C !important;
  -webkit-text-fill-color: #1C1C1C !important;
}


.zoom-lens-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.zoom-lens-container img {
  display: block;
  width: 100%;
  height: auto;
}

.zoom-lens {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px solid #aaa;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  /*background-size: 200%;*/
  display: none;
  pointer-events: none;
  z-index: 99;
  cursor: zoom-in;
}

.texte-picto-fiche-produit p {
margin-bottom: 0px;
}

/* SIDEBAR RECHERCHE */
.stsb_search_result_item > .stsb_heading_warpper .stsb_heading {
display: none;
}

.stsb_search_view_all {
display: none;
}

.texte-composition {
font-size:18px!important;
}


/* BOUTONS */
.btn-primary,
.btn-secondary {
font-weight:400;
text-transform:none;
background-color: #B2B2B2;
color: #2A2A28;
border-radius:4px;
}

.btn-primary.active:not(.disabled).focus,
.btn-primary.active:not(.disabled):focus,
.btn-primary.active:not(.disabled):hover,
.btn-primary:not(.disabled):active.focus,
.btn-primary:not(.disabled):active:focus,
.btn-primary:not(.disabled):active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
font-weight:400;
text-transform:none;
background-color: #2A2A28;
color: #fff;
}

.btn-primary:hover,
.btn-secondary:hover {
font-weight:400;
text-transform:none;
background-color: #2A2A28;
color: #fff;
}



/* CHECKOUT */
#checkout .form-control {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#checkout .form-control:active:focus {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#checkout form .form-control-label {
font-size:1em;
font-weight:400;
color:#2A2A28;
}

#checkout .done {
color:#B2B2B2;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
background-color:#B2B2B2;
}

#checkout .js-show-details {
color: #2A2A28;
}

#checkout .js-show-details:hover {
color: #2A2A28;
text-decoration:underline;
}

#checkout .product-name a {
color: #2A2A28;
}

#checkout .product-name:hover a {
color: #2A2A28;
text-decoration:underline;
}

#checkout .product-price {
color: #2A2A28;
}

body#checkout section.checkout-step.-complete:first-of-type .step-title {
font-weight: 300;
}

body#checkout section.checkout-step.-current .step-title {
font-weight: 300;
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
text-transform: none;
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
text-transform: underline;
}

input#use_same_address {
width: 16px!important;
height: 16px!important;
background-color: white!important;
border-radius: 4px!important;
vertical-align: middle!important;
border: 1px solid #E7E7E7!important;
appearance: none!important;
-webkit-appearance: none!important;
outline: none!important;
cursor: pointer!important;
}

input#use_same_address:checked {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z' fill='%23FFFFFF'/></svg>");
background-repeat: no-repeat;
background-color: #2A2A28!important;
background-position: center;
background-size: contain;
}

#checkout .content a {
color: #2A2A28;
}

#checkout .content a:hover {
color: #2A2A28;
text-decoration:underline;
}

body#checkout section.checkout-step .address-item.selected {
border: #D9D9D9 1px solid;
border-radius:4px;
}

body#checkout section.checkout-step .address-alias {
font-weight: 400;
font-size: 16px;
}

body#checkout .cart-grid-right .card {
border:0;
-webkit-box-shadow:none;
box-shadow:none;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 20px;
background-color: #fff;
}

.recap-panier {
border:0;
-webkit-box-shadow:none;
box-shadow:none;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 20px;
background-color: #fff;
}


@media (max-width: 767px) {
  #conditions-to-approve li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
  }

  #conditions-to-approve .float-xs-left {
    float: none;
  }

  #conditions-to-approve .custom-checkbox {
    margin-top: 3px;
  }

  #conditions-to-approve .condition-label {
    flex: 1;
  }
}



/* CONFIRMATION DE COMMANDE */
@media (max-width: 1024px) {
#order-confirmation .h1 {
margin-top: 1em;
}
}

#order-confirmation .done {
color:#B2B2B2;
}

#order-confirmation .h1 {
font-weight: 300;
}

#order-items .h3 {
font-weight: 400;
font-size: 18px !important;
}

#order-details > .card-title {
font-size: 20px !important;
}

#order-confirmation a {
color: #2A2A28;
}

#order-confirmation a:hover {
color: #2A2A28;
text-decoration:underline;
}


/* PAGE MON COMPTE */
@media (max-width: 1024px) {
#my-account h1 {
margin-top: 0.5em;
}
}

.page-my-account #content .links a i {
color: #2A2A28;
}

.page-my-account #content .links a:hover i {
color: #B2B2B2;
}

.page-my-account #content .links a {
color: #2A2A28;
text-transform:none;
font-weight:400;
}

.page-my-account #content .links a:hover {
color: #B2B2B2;
}

#my-account .text-sm-center a {
color: #2A2A28;
}

#my-account .text-sm-center a:hover {
color: #2A2A28;
text-decoration:underline;
}


/* PAGE IDENTITÉ */
@media (max-width: 1024px) {
#identity h1 {
margin-top: 0.5em;
}
}

#identity .form-control {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#identity .form-control:active:focus {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#identity form .form-control-label {
font-size:1em;
font-weight:400;
color:#2A2A28;
}

#address .form-control {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#address .form-control:active:focus {
color:#2A2A28;
background:#fff;
border:1px solid #D9D9D9;
border-radius: 4px;
}

#address form .form-control-label {
font-size:1em;
font-weight:400;
color:#2A2A28;
}

@media (max-width: 1024px) {
#address h1 {
margin-top: 0.5em;
}
}

.page-footer a {
color:#2A2A28;
}

.page-footer a:hover {
color:#2A2A28;
text-decoration:underline;
}

.page-addresses .addresses-footer a:hover {
text-decoration:underline;
text-underline-offset: 4px;
}


/* PAGE HISTORIQUE DES COMMANDE */
@media (max-width: 1024px) {
#history h1 {
margin-top: 0.5em;
}
}

#history #main .page-content h6 {
color: #2A2A28;
}

#history .table-bordered thead td, .table-bordered thead th {
color: #2A2A28;
font-weight: 400;
}

#history .table-bordered, .table-bordered td, .table-bordered th {
color: #2A2A28;
}

#history .order-actions a {
color: #2A2A28;
}

#history .order-actions a:hover {
color: #2A2A28;
text-decoration:underline;
}


/* PAGE AVOIRS */
@media (max-width: 1024px) {
#order-slip h1 {
margin-top: 0.5em;
}
}

#order-slip #main .page-content h6 {
color: #2A2A28;
font-weight: 400;
}


/* PAGE DONNÉES PERSO */
@media (max-width: 1024px) {
#module-psgdpr-gdpr h1 {
margin-top: 0.5em;
}
}

#module-psgdpr-gdpr h2 {
color: #2A2A28;
}

#exportDataToPdf {
text-transform: lowercase;
}

#exportDataToPdf::first-letter {
text-transform: uppercase;
}

#exportDataToCsv {
text-transform: lowercase;
}

#exportDataToCsv::first-letter {
text-transform: uppercase;
}

.psgdprinfo17 p a {
color: #2A2A28;
text-decoration:underline;
}

.psgdprinfo17 p a:hover {
color: #2A2A28;
text-decoration:none;
}


/* PAGE MES ALERTES */
@media (max-width: 1024px) {
#module-ps_emailalerts-account h1 {
margin-top: 0.5em;
}
}

/* PAGE RECHERCHE */
#search #search_filters > .h6 {
display: none;
}

/* FOOTER */
.lien-texte a:hover {
text-decoration:underline;
}

/* PAGE CRÉATION COMPTE */
#registration #wrapper {
padding-top: 0;
background-image: url(/img/cms/background-categorie-exemple.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 50px;
}

#registration h1 {
text-align: center;
padding-top: 1em;
}

#registration #main {
background-color: #fff;
}

#registration .form-control {
  padding:.5rem 1rem;
  color:#2A2A2A;
  background:#ffffff;
  border:1px solid #2A2A2A;
  border-radius: 4px;
}

#registration .register-form a {
color:#2A2A2A;
text-decoration:underline;
}

#registration .register-form a:hover {
color:#2A2A2A;
text-decoration:none;
}

#registration .register-form {
margin-bottom: 2em;
}

#registration form .form-control-label {
font-weight:500;
color:#2A2A2A
}

/* Rajout option installation */
#tsd-paid-option span {
text-align: left;
}

#checkout .p-3 {
padding:1rem !important;
}


/* Modif Menu plateau */
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu,
.top-menu .sub-menu.collapse.in {
  visibility:visible;
  opacity:1;
  min-width: 250px;
}


/* Cache visuellement la source du widget, sans la supprimer */
.page-cart .elementor-widget-st-cart-button .stsb_cart_minimal_purchase_required{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

.recap-panier, .stsb_st_cart_summary { overflow: visible !important; }