/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#desktop_logo {
   width: 50%;
 }
 
 
 .ce-product-variants__label {
     position: relative;
     display: inline-block;
 }
 
 .info-icon {
     font-size: 14px;  /* Taille de l'icône */
     color: #007bff;   /* Couleur de l'icône */
     margin-left: 5px; /* Espacement entre "TAILLE" et l'icône */
     cursor: pointer; /* Change le curseur au survol */
 }
 
 .info-icon::after {
     content: attr(title);
     position: absolute;
     top: 100%; /* Place le texte au-dessus de l'icône */
     left: 50%;
     transform: translateX(-50%);
     background-color: rgba(0, 0, 0, 0.7);
     color: white;
     padding: 5px;
     border-radius: 4px;
     font-size: 12px;
     white-space: nowrap;
     display: none; /* Cache par défaut */
     z-index: 10;
 }
 
 .info-icon:hover::after {
     display: block; /* Affiche l'info-bulle lors du survol */
 }



 .col-1 {max-width: 5.333%!important}
 
 
 
 .jj-sub-menu-item{color:#fff;line-height:22px;font-size:14px;cursor:pointer;background-color:#484747;border-radius:6px;margin-bottom:5px;padding-left:10px;}
 #sub-menu-produits .jj-sub-menu-item{line-height:80px;font-size:18px;margin-bottom:10px;border:1px solid #565656;}
 .sub_cat_thumb{width:50px;margin-right:20px;}
 .jj-sub-menu-item a{color:#fff;text-decoration:none;transition:color .2s;}
 .jj-sub-menu-item:hover{background-color:#323232;}
 .jj-sub-menu-item:hover a{color:#fc4c01;}
 }
 
 
 pb-1 .header-top a:not(.btn):not(.nav-link) {
   color: #000;
 }

 .cbp-manufacturers-container {
     display: flex;
     justify-content: flex-start;
     gap: 30px;
     width: 100%;
 }
 
 .cbp-manufacturers-column {
     flex: 1;
     padding: 0;
     margin: 0;
     list-style: none;
 }
 
 .manufacturer-item {
     padding: 5px 0;
 }
 
 .manufacturer-name-link {
     color: inherit;
     text-decoration: none;
     transition: color 0.3s;
     font-size: 14px;
     line-height: 1.4;
 }
 
 .manufacturer-name-link:hover {
     color: #777;
     text-decoration: underline;
 }
 
 @media (max-width: 767px) {
     .cbp-manufacturers-container {
         flex-direction: column;
         gap: 15px;
     }
     
     .cbp-manufacturers-column {
         width: 100%;
     }
 }
 
.pco-option-textbox .form-control {
   padding: 0px !important;
   height: 23px;
 }
 /*! CSS Used from: Embedded */


.header-top a:not(.btn):not(.nav-link):hover{color: #fff!important}


.jj-sub-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}

.jj-sub-menu-column {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jj-sub-menu-item {
    margin-bottom: 15px;
}

.jj-sub-menu-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.sub_cat_thumb {
    margin-right: 10px;
    width: 30px;
    height: auto;
}

.header-top a:not(.btn):not(.nav-link){color:#fff!important}
.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link{color:#fff!important}

.cbp-menu-column-inner .cbp-category-link-w {
  color: #fff !important;
  line-height: 43px !important;
  font-size: 22px !important;
  cursor: pointer !important;
  background-color: #484747 !important;
  border-radius: 6px !important;
  margin-bottom: 5px !important;
  padding-left: 10px !important;
  border: 1px solid #fff
}

.cbp-menu-column-inner #sub-menu-accessories .cbp-category-link-w {
  line-height: 80px !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
  border: 1px solid #565656 !important;
}

.cbp-menu-column-inner #sub-menu-accessories .cbp-category-link-w {
  padding-left: 20px !important;
}

.cbp-menu-column-inner .cbp-category-link-w a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color .2s !important;
}

.cbp-menu-column-inner .cbp-category-link-w:hover {
  background-color: #323232 !important;
}

.cbp-menu-column-inner .cbp-category-link-w:hover a {
  color: #fc4c01 !important;
}


.offer-login {
    display: block;
    height: auto; /* Dérouler pour montrer tout le contenu */
    opacity: 1;
    transition: height 0.3s ease, opacity 0.3s ease;
}

.offer-login.expanded {
    /* Styles spécifiques pour un état "expandé" */
    height: auto;
    opacity: 1;
}
 
#login-form{display: block!important}

.offer-login.expanded .already-account-label, .offer-login.expanded .classic-login{display: block!important}

#thecheckout-account .inner-area{height: 330px}



#cbp-hrmenu-tab-3 .cbp-hrsub-inner{background-color: #fff}


.aza .elementor-cta-bg.elementor-bg {
  min-height: 300px;
}


/* Retirer d'abord l'icône bizarre */
.ce-product-variants__label[data-icon]::after {
  content: none; /* Supprime tout contenu existant */
}

/* Puis ajouter l'icône correcte */
/* Style pour l'icône d'information */
.ce-product-variants__label::after,
label:contains("Texte brodé")::after {
  content: "i";
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-family: serif;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: #000;
  color: white;
  cursor: pointer;
  position: relative;
}

/* Style pour l'infobulle au survol */
.ce-product-variants__label,
label:contains("Texte brodé") {
  position: relative;
}

.ce-product-variants__label:hover::after,
label:contains("Texte brodé"):hover::after {
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* Texte qui apparaît au survol */
.ce-product-variants__label::before,
label:contains("Texte brodé")::before {
  content: "Guide des tailles: XS (34-36), S (36-38), M (38-40), L (40-42), XL (42-44), 2XL (44-46), 3XL (46-48)";
  position: absolute;
  bottom: 30px;
  right: -20px;
  transform: translateX(-50%);
  width: 280px;
  padding: 8px 12px;
  background-color: #333;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  text-align: left;
  white-space: normal;
  font-weight: normal;
  line-height: 1.4;
}

/* Pour personnaliser le message de chaque infobulle selon l'élément */
label:contains("Texte brodé - Ligne 1")::before {
  content: "Entrez le texte que vous souhaitez broder sur la première ligne (15 caractères maximum)";
}

label:contains("Texte brodé - Ligne 2")::before {
  content: "Entrez le texte que vous souhaitez broder sur la deuxième ligne (15 caractères maximum)";
}

/* Affichage de l'infobulle au survol */
.ce-product-variants__label:hover::before,
label:contains("Texte brodé"):hover::before {
  opacity: 1;
  visibility: visible;
}

/* Petite flèche en bas de l'infobulle */
.ce-product-variants__label::before::after,
label:contains("Texte brodé")::before::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
}
/* ============================================
   ZOLAA SEO — Espacement description produit
   ============================================ */
.elementor-widget-product-description p {
  margin-bottom: 1em !important;
  margin-top: 0.3em !important;
}
.elementor-widget-product-description h2 {
  margin-top: 1.8em !important;
  margin-bottom: 0.6em !important;
}
.elementor-widget-product-description h3 {
  margin-top: 1.4em !important;
  margin-bottom: 0.4em !important;
}
.elementor-widget-product-description table {
  margin: 1.5em 0 !important;
  border-collapse: collapse;
}
.elementor-widget-product-description table th,
.elementor-widget-product-description table td {
  padding: 10px 14px !important;
  border: 1px solid #ddd !important;
}
.elementor-widget-product-description table th {
  background-color: #f5f5f5 !important;
  font-weight: 600 !important;
}

/* Home: keep Zolaa slider height matched to the real desktop banner ratio. */
@media (min-width: 768px) {
  body.page-index #zolaa-slider-wrapper,
  body.page-index #zolaa-slider-wrapper .zolaa-slider,
  body.page-index #zolaa-slider-wrapper .swiper-wrapper,
  body.page-index #zolaa-slider-wrapper .swiper-slide,
  body.page-index #zolaa-slider-wrapper .zolaa-slide-image-wrap {
    height: calc(100vw * 1120 / 3776) !important;
    max-height: none !important;
  }

  body.page-index #zolaa-slider-wrapper .swiper-wrapper {
    align-items: stretch;
  }

  body.page-index #zolaa-slider-wrapper .zolaa-slide-image {
    display: block;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover;
  }
}

/* Home performance: reserve product-card image space before images finish. */
body.page-index .elementor-13170101 .ce-product-image,
body.page-index .elementor-13170101 .ce-product-image a,
body#index .elementor-13170101 .ce-product-image,
body#index .elementor-13170101 .ce-product-image a {
  aspect-ratio: 1 / 1;
  display: block;
}

body.page-index .elementor-13170101 .ce-product-image img,
body#index .elementor-13170101 .ce-product-image img {
  aspect-ratio: 1 / 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}