/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Sous-menus de niveau 2 (à droite) */
.leo-megamenu .dropdown-menu.level1 li:hover > .dropdown-menu {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  z-index: 9999 !important;
}
/* Cacher le sous-menu par défaut */
.leo-megamenu .nav-item.parent > .dropdown-menu.level1 {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
/* Cacher le sous-menu par défaut */
.leo-megamenu .nav-item.parent > .dropdown-menu.level1 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
  transform: none !important;
  min-width: 220px;
  z-index: 10000;
}
/* Afficher le sous-menu uniquement au survol */
.leo-megamenu .nav-item.parent:hover > .dropdown-menu.level1 {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* Assure que le parent est bien positionné */
.leo-megamenu .nav-item.parent {
  position: relative !important;
}
/* Réduit les flèches générées automatiquement par Leo MegaMenu */
.leo-megamenu .nav-item.dropdown > a::after,
.leo-megamenu .nav-item.has-submenu > a::after {
  font-size: 10px !important;        /* Taille de la flèche */
  font-weight: normal !important;    /* Évite qu'elle soit trop épaisse */
  transform: scale(0.7);             /* Réduction globale */
  margin-left: 5px;                  /* Espacement avec le texte */
}
/* Cacher le bouton menu mobile (hamburger) sur les petits écrans */
@media (max-width: 991px) {
  .navbar-toggler, .leo-megamenu .navbar-toggler {
    display: none !important;
  }
}
@media (max-width: 768px) {
  img.logo {
    max-height: 60px !important;
    width: auto !important;
  }
}
/* Masquer tous les boutons et liens favoris (wishlist) Leo */
.leo-wishlist-button,
.leo-wishlist-link,
.wishlist,
a[href*="wishlist"],
.product .leo-wishlist-button,
.leo-modal-wishlist {
  display: none !important;
}
img.logo {
  max-height: 50px !important; /* ajuste la taille ici */
  width: auto !important;
}
button,
input[type="submit"],
input[type="button"],
a.btn,
a.button {
  border-radius: 8px !important;
}
/* Changer la couleur et la taille du texte "Livraison en 7 à 9 jours" */
.product-prices .tax-shipping-delivery-label {
  color: #666666;        /* remplace par ta couleur en hexadécimal ou nom (ex: green, blue) */
  font-size: 16px;       /* remplace par la taille que tu souhaites (ex: 18px, 1.2em...) */
}
.delivery-information::before {
  content: url('../img/truck-icon.png');
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;      /* espace entre icône et texte */
  vertical-align: -5px;   /* remonte l’icône de 2px */
}
.delivery-information {
  font-weight: bold;
}
.current-price-value {
  font-size: 32px;    /* taille à ajuster selon ton goût */
  font-weight: bold;  /* optionnel, pour un prix en gras */
  color: #000000;     /* optionnel, pour changer la couleur */
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.current-price-value {
  display: inline-block;
  margin-bottom: 10px;
}
.tooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #999;
  display: inline-block;
}

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out;
  z-index: 999;
}

.tooltip::before {
  content: "";
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out;
  z-index: 998;
}

.tooltip:hover::after,
.tooltip:hover::before {
  opacity: 1;
  visibility: visible;
}
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Sous-menus de niveau 2 (à droite) */
.leo-megamenu .dropdown-menu.level1 li:hover > .dropdown-menu {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  z-index: 9999 !important;
}
/* Cacher le sous-menu par défaut */
.leo-megamenu .nav-item.parent > .dropdown-menu.level1 {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
/* Cacher le sous-menu par défaut */
.leo-megamenu .nav-item.parent > .dropdown-menu.level1 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
  transform: none !important;
  min-width: 220px;
  z-index: 10000;
}
/* Afficher le sous-menu uniquement au survol */
.leo-megamenu .nav-item.parent:hover > .dropdown-menu.level1 {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* Assure que le parent est bien positionné */
.leo-megamenu .nav-item.parent {
  position: relative !important;
}
/* Réduit les flèches générées automatiquement par Leo MegaMenu */
.leo-megamenu .nav-item.dropdown > a::after,
.leo-megamenu .nav-item.has-submenu > a::after {
  font-size: 10px !important;        /* Taille de la flèche */
  font-weight: normal !important;    /* Évite qu'elle soit trop épaisse */
  transform: scale(0.7);             /* Réduction globale */
  margin-left: 5px;                  /* Espacement avec le texte */
}
/* Cacher le bouton menu mobile (hamburger) sur les petits écrans */
@media (max-width: 991px) {
  .navbar-toggler, .leo-megamenu .navbar-toggler {
    display: none !important;
  }
}
@media (max-width: 768px) {
  img.logo {
    max-height: 60px !important;
    width: auto !important;
  }
}
/* Masquer tous les boutons et liens favoris (wishlist) Leo */
.leo-wishlist-button,
.leo-wishlist-link,
.wishlist,
a[href*="wishlist"],
.product .leo-wishlist-button,
.leo-modal-wishlist {
  display: none !important;
}
img.logo {
  max-height: 50px !important; /* ajuste la taille ici */
  width: auto !important;
}
button,
input[type="submit"],
input[type="button"],
a.btn,
a.button {
  border-radius: 8px !important;
}
/* Changer la couleur et la taille du texte "Livraison en 7 à 9 jours" */
.product-prices .tax-shipping-delivery-label {
  color: #666666;        /* remplace par ta couleur en hexadécimal ou nom (ex: green, blue) */
  font-size: 16px;       /* remplace par la taille que tu souhaites (ex: 18px, 1.2em...) */
}
.delivery-information::before {
  content: url('../img/truck-icon.png');
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;      /* espace entre icône et texte */
  vertical-align: -5px;   /* remonte l’icône de 2px */
}
.delivery-information {
  font-weight: bold;
}
.current-price-value {
  font-size: 32px;    /* taille à ajuster selon ton goût */
  font-weight: bold;  /* optionnel, pour un prix en gras */
  color: #000000;     /* optionnel, pour changer la couleur */
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.current-price-value {
  display: inline-block;
  margin-bottom: 10px;
}
select {
  background-color: transparent !important;  /* fond transparent */
  color: #000 !important;                     /* texte noir */
  border: 1px solid #000 !important;         /* bordure noire */
  appearance: none;                           /* enlève le style natif pour personnaliser */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;                        /* espace pour la flèche */
  position: relative;
}

/* Ajout d’une flèche personnalisée, car on enlève l’apparence native */
select-wrapper {
  position: relative;
  display: inline-block;
}

select-wrapper::after {
  content: "▼"; /* flèche */
  font-size: 12px;
  color: #000;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}