/* =========================================================
   IMPORTS POLICES
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Croissant+One&family=Josefin+Sans:wght@300;400;700&family=Open+Sans:wght@400;700&display=swap');

/* =========================================================
   NAVIGATION BAR
========================================================= */
.nav__itemlvl1.nav__item.nav__itemlvl1--link {
   font-family: 'Glacial Indifference', sans-serif;
    font-size: 20px; /* Taille de la police */
    font-style: normal; /* Style de la police */
    font-weight: 400; /* Épaisseur de la police */
    line-height: 39px; /* Hauteur de ligne */
    letter-spacing: 1.2px; /* Espacement entre les lettres */
}
.nav__itemlvl1, .nav__itemlvl1.nav__itemlvl1--with-subnav, .nav__label, .nav__wrapper2, .nav__sublevel, .nav__ul, .nav__ul__scroll, .nav__li, .nav__a, .nav__bottom {
   font-family: 'Glacial Indifference', sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 39px;
   letter-spacing: 1.2px;
}
/* =========================================================
   SWITCH DE LANGUE 
========================================================= */
.lang--desktop,
.lang--current,
.lang--others,
.lang--others-ul,
.lang--others-li {
  overflow: visible !important;
}

.lang.lang--desktop {
  margin-right: 48px !important;
}

.lang--others {
  margin-top: 10px !important;
}

.lang--others-ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.lang--others-li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.lang--others a.lang--others-a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 110px !important;
  height: 36px !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 22px !important;
  background: #fff !important;
  text-decoration: none !important;
  font-family: "Helvetica", sans-serif !important;
  font-weight: 500 !important;
  font-size: 0 !important;
  line-height: 36px !important;
  color: #10333F !important;
}

.lang--others-li.fr a.lang--others-a::before {
  content: "Français";
  color: #10333F;
}

.lang--others-li.en a.lang--others-a::before {
  content: "English";
  color: #10333F;
}

.lang--others a.lang--others-a:hover {
  background: #f6f6f6 !important;
  border-color: rgba(0, 0, 0, 0.28) !important;
}
/* =========================================================
   SWITCH DE LANGUE – BOUTON
========================================================= */
#lang--current-a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 88px !important;
  padding: 8px 12px !important;
  margin-right: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 22px;
  background: #fff;
  cursor: pointer;
  font-family: "Helvetica", sans-serif;
  font-size: 0;
  font-weight: 500;
  position: relative;
}

#lang--current-a.en::before {
  content: "English";
  font-size: 14px !important;
  color: #10333F;
}

#lang--current-a.fr::before {
  content: "Français";
  font-size: 14px !important;
  color: #10333F;
}
/* Hover bouton langue */
#lang--current-a:hover {
    border-color: #DB0733 !important;
    transition: all 0.25s ease;
}

#lang--current-a:hover::before {
    color: #DB0733 !important;
}

/* Hover langues dans le menu déroulant */
.lang--others-a:hover {
    border-color: #DB0733 !important;
    transition: all 0.25s ease;
}

.lang--others-a:hover::before {
    border-color: #DB0733 !important;
    color: #DB0733 !important;
}
/* =========================================================
   SWITCH DE LANGUE – TYPO COMMUNE
========================================================= */
#lang--current-a.en::before,
#lang--current-a.fr::before,
.lang--others-a::before {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
}
/* =========================================================
   BARRE D'URGENCE
========================================================= */
.emergency-bar__text,
.emergency-bar__text p,
.emergency-bar__text span {
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
}
/* =========================================================
   TITRE – BODY
========================================================= */
#titre-1.we-align-center {
    text-align: center; /* Centrage du texte */
    font-family: 'Brush Script MT', cursive; /* Famille de polices Brush Script MT */
    font-size: 53px; /* Taille de la police */
    font-style: normal; /* Style de la police normal */
    font-weight: 550; /* Poids de la police à gras (700) */
    line-height: 35px; /* Hauteur de ligne à 152.174% */
}
#intro1.we-align-center {
    color: black; /* Couleur du texte en noir */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 18.109px; /* Taille spécifique de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 29px; /* Hauteur de ligne à 160.138% */
    letter-spacing: 0.724px; /* Espacement entre les lettres */
}
#intro2.we-size-large {
    color: black; /* Couleur du texte en gris très foncé */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 18.109px; /* Taille spécifique de la police */
    font-style: italic; /* Style normal de la police */
    font-weight: 200; /* Poids normal de la police */
    line-height: 29px; /* Hauteur de ligne à 160.138% */
    letter-spacing: 0.724px; /* Espacement entre les lettres */
}
#titre2.we-align-center {
    color: #10333F;
    text-align: center; /* Centrage du texte */
    font-family: 'Cinzel', serif; /* Changement de la famille de polices à Cinzel */
    font-size: 23px; /* Nouvelle taille de la police */
    font-style: normal; /* Style de la police normal */
    font-weight: 500; /* Poids de la police à gras (700) */
    line-height: 35px; /* Nouvelle hauteur de ligne, 152.174% */
    letter-spacing: 0.01x; /* Espacement entre les lettres */
    font-variation-settings: normal !important;
}
#prod-h1.prod-details__name.prod__name {
    color: black !important; /* Couleur du texte */
    font-family: 'Cinzel', sans-serif; /* Police */
    font-size: 30px; /* Taille de police */
    font-style: normal; /* Style italique */
    font-weight: 600; /* Épaisseur */
    line-height: 29px; /* Hauteur de ligne */
    letter-spacing: 1px; /* Espacement des lettres */
}
.prod-details__brand__url {
    display: inline !important;
    color: black !important;
    cursor: pointer !important;

    font-family: Trebuchet, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
.prod-details__ref {
    display: block !important;
    color: black !important;

    font-family: Trebuchet, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    height: 17px !important;
    margin: 0 !important;

    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
#prod-summary,
#prod-summary + p,
.prod-details__summary.margin--half,
.prod-details__summary.margin--half + p {
    color: rgb(16, 51, 63) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 19.6px !important;
    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
.prod-carac__title {
    display: block !important;
    color: rgb(16, 51, 63) !important;
    font-family: Cinzel, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 34px !important;
    margin: 0 0 40px 0 !important;
    position: relative !important;
    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    unicode-bidi: isolate !important;
    -webkit-font-smoothing: antialiased !important;
}
.prod-infos__desc h3,
.prod-infos__desc h3 strong,
.prod-infos__desc h3 span {
    color: rgb(16, 51, 63) !important;
    font-family: Cinzel, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
.prod-infos__title {
    display: block !important;
    color: rgb(16, 51, 63) !important;

    font-family: Cinzel, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 34px !important;

    height: 34px !important;
    margin-bottom: 40px !important;

    position: relative !important;

    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
.prod-details__summary__scroll {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 19.6px !important;
    color: red !important;
    text-decoration: underline !important;
    color: red !important;
    text-underline-offset: 3px !important;
}
.prod-infos__desc p:not(.prod-infos__title)  {
    display: block !important;
    color: rgb(16, 51, 63) !important;
    font-family: Trebuchet, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    margin: 0 0 30px 0 !important;
    text-rendering: geometricprecision !important;
    text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
}
h1.prod-list__title.text-center {
    color: #A50823
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Cinzel', serif; /* Changement de la famille de polices à Cinzel */
    font-size: 43px; /* Taille de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 35px; /* Hauteur de ligne, 152.174% */
}
.prod__name__title {
    color: #252626; /* Couleur du texte en gris très foncé */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Josefin Sans', sans-serif; /* Famille de polices Josefin Sans avec fallback */
    font-size: 17px; /* Taille de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 18px; /* Hauteur de ligne spécifiée */
}
.var-h2 {
    color: #252626; /* Couleur du texte en gris très foncé */
    text-align: normal; /* Alignement du texte au centre */
    font-family: 'Helvetica Neue', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 14px; /* Taille de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 320; /* Poids normal de la police */
    line-height: 21px; /* Hauteur de ligne, correspond à 131.25% de la taille de la police */
}
#body.we-align-center {
    color: #252626; /* Couleur du texte en gris très foncé */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 16px; /* Taille de la police */
    font-style: italic; /* Style normal de la police */
    font-weight: 320; /* Poids normal de la police */
    line-height: 21px; /* Hauteur de ligne, correspond à 131.25% de la taille de la police */
}
#body2.we-align-center {
    color: black; /* Couleur du texte en gris très foncé */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 18.109px; /* Taille spécifique de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 29px; /* Hauteur de ligne à 160.138% */
    letter-spacing: 0.724px; /* Espacement entre les lettres */
}
#titre4.we-size-small {
    color: #10333F;
    text-align: center; /* Centrage du texte */
    font-family: 'Cinzel', serif; /* Changement de la famille de polices à Cinzel */
    font-size: 16px; /* Nouvelle taille de la police */
    font-style: normal; /* Style de la police normal */
    font-weight: 600; /* Poids de la police à gras (700) */
    line-height: 35px; /* Nouvelle hauteur de ligne, 152.174% */
    letter-spacing: 0.3x; /* Espacement entre les lettres */
    font-variation-settings: normal !important;
}
#body2.we-align-center {
    color: black; /* Couleur du texte en gris très foncé */
    text-align: center; /* Alignement du texte au centre */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 18.109px; /* Taille spécifique de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 29px; /* Hauteur de ligne à 160.138% */
    letter-spacing: 0.724px; /* Espacement entre les lettres */
}
#body4.we-align-justify{
    color: black; /* Couleur du texte en gris très foncé */
    font-family: 'Trebuchet', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 16.109px; /* Taille spécifique de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 400; /* Poids normal de la police */
    line-height: 23px; /* Hauteur de ligne à 160.138% */
    letter-spacing: 0.724px; /* Espacement entre les lettres */
}
ul, li {
    color: black !important;
    font-family: 'Trebuchet', sans-serif; !important;/* Famille de polices Dejavu Sans */
    font-size: 16.109px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 23px !important;
    letter-spacing: 0.724px !important;
}
ul li strong {
    font-family: 'Trebuchet', sans-serif !important;
    font-weight: 700 !important;
    color: black !important;
}
.rea__link {
    display: inline-block; /* Pour que les propriétés de bloc s'appliquent au span */
    color: black !important;
    font-family: 'Trebuchet', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    text-align: center; /* Optionnel : pour centrer le texte si besoin */
}
.rea__link strong {
    font-family: 'Trebuchet', sans-serif !important;
    font-weight: 700 !important;
    color: black !important;
    display: block; /* Met le titre sur sa propre ligne si nécessaire */
}
.footer__info__text {
    display: block; /* Pour que les propriétés de bloc s'appliquent au span */
    color: white !important;
    font-family: 'Trebuchet', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}  
/* =========================================================
   BOUTTON
========================================================= */
:root {
    --button-radius: 40px;
}

div.wiziBtn__wrapper a.wiziBtn,
div.wiziBtn__wrapper .wiziBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 270px;
    height: 39px;
    background: #e60033 !important;
    background-color: #e60033 !important;
    color: #ffffff !important;
    font-family: "Clash Display", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 22.72px;
    padding: 14px 28px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 7px 9px 30px rgba(0, 0, 0, 0.35);
    transition: color 0.3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* =========================================================
   PRODUITS
========================================================= */
.prod__name__title {
  font-family: 'Helvetica', sans-serif !important;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.prod__price {
  color: #252626;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 15.75px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.72px;
}
@media (max-width: 767px) {
  .container,
  .wizi-imgtxt,
  .wizi-imgtxt__wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  .container > div:has(img),
  .wizi-imgtxt > div:has(img),
  .wizi-imgtxt__wrapper > div:has(img) {
    order: 1 !important;
  }

  .container > div:not(:has(img)),
  .wizi-imgtxt > div:not(:has(img)),
  .wizi-imgtxt__wrapper > div:not(:has(img)) {
    order: 2 !important;
  }
}
.prod__hover,
.prod__hover__wrapper {
    --primary-color: #E60033 !important;
}
/* =========================================================
   BOUTON BLOG – VISUEL
========================================================= */
.header__blog__a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px; /* Largeur du rectangle */
    height: 39px; /* Hauteur du rectangle */
    padding: 14px 18px; /* Padding pour le contenu intérieur */
    gap: 4px; /* Espace entre les éléments intérieurs si nécessaire */
    flex-shrink: 0;
    text-decoration: none; /* Supprime le soulignement du lien */
    color: white; /* Couleur du texte */
    font-feature-settings: 'clig' off, 'liga' off; /* Réglages des fonctionnalités de la police */
    font-family: "Clash Display", sans-serif; /* La famille de polices */
    font-size: 18px; /* Taille de la police */
    font-style: normal; /* Style de la police */
    font-weight: 400; /* Épaisseur de la police */
    line-height: 26px; /* Hauteur de ligne */
    letter-spacing: 0.5px; /* Espacement des lettres */
    border-radius: 20px; /* Bords arrondis pour le fond */
    background-color: #DB0733; /* Couleur de fond */
  box-shadow: 7px 9px 30px 0px rgba(0, 0, 0, 0.35);
      background-color: #000000; /* Change la couleur de fond au survol */
    color: #ffffff; /* Change la couleur du texte au survol */
}
/* Blog */
.header__blog {
  position: absolute !important;
  top:52% !important;
  right: 230px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 40 !important;
  overflow: visible !important;
}
/* Wrapper langue complet */
.lang.lang--logoff.lang--desktop.lang--blog {
  position: absolute !important;
  top: 48% !important;
  right: 170px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 40 !important;
  overflow: visible !important;
}

/* Zone compte + panier */
.header__area {
  position: absolute !important;
  top: 50% !important;
  right: 34px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: row-reverse !important; /* compte puis panier */
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  margin: 0 !important;
  z-index: 45 !important;
  overflow: visible !important;
}

/* IMPORTANT : neutralise le CSS natif qui fait descendre Mon compte */
.header__account,
.header__cart {
  float: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-width: 24px !important;
  width: auto !important;
  max-width: none !important;
  z-index: 46 !important;
  overflow: visible !important;
}

/* Liens compte / panier */
.header__account__a,
.header__cart__a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}
/* =========================================================
   RESPONSIVE
========================================================= */

/* MacBook / grands laptops */
@media screen and (max-width: 1500px) {
  .header__logo__a__img {
    width: clamp(230px, 25vw, 430px) !important;
  }

  .header__blog {
    right: 250px !important;
  }

  .lang.lang--logoff.lang--desktop.lang--blog {
    right: 170px !important;
  }

  .header__area {
    right: 28px !important;
    gap: 16px !important;
  }
}
/* =========================================================
   TABLETTE / MOBILE : on ne garde que le panier
========================================================= */
@media screen and (max-width: 1020px) {
  /* On masque Blog */
  .header__blog {
    display: none !important;
  }

  /* On masque la langue desktop */
  .lang.lang--logoff.lang--desktop.lang--blog {
    display: none !important;
  }

  /* On masque Mon compte */
  .header__account {
    display: none !important;
  }

  /* On garde uniquement le panier */
  .header__area {
    right: 24px !important;
    gap: 0 !important;
  }

  .header__cart {
    display: flex !important;
  }
}
/* =========================================================
   FIX MENU MOBILE (burger cliquable)
========================================================= */

@media screen and (max-width:1020px){

  /* on empêche la zone compte de bloquer le clic du menu */
  .header__area{
    pointer-events:none !important;
  }

  /* mais le panier reste cliquable */
  .header__cart{
    pointer-events:auto !important;
  }

  /* on masque blog / langue / compte comme prévu */
  .header__blog,
  .lang.lang--logoff.lang--desktop.lang--blog,
  .header__account{
    display:none !important;
  }

}
@media screen and (max-width: 1020px) {
    .header__blog,
    .lang.lang--logoff.lang--desktop.lang--blog,
    .header__account {
        display: none !important;
    }
}
@media screen and (max-width: 1020px){

  .header__logo__a__img{
      width:auto !important;
      height:auto !important;
      max-height:48px !important;
      object-fit:contain !important;
  }

  .header__logo__a{
      height:auto !important;
      display:flex !important;
      align-items:center !important;
  }

}
/* =========================================================
   HEADER – PLACEMENT
========================================================= */
.header__relative {
  position: relative !important;
  overflow: visible !important;
}

/* Logo : on le rend flexible pour laisser la place */
.header__logo__a__img {
  display: block !important;
  width: clamp(260px, 28vw, 500px) !important;
  max-width: 100% !important;
  height: auto !important;
}
/* =========================================================
   CSS - Blog POST
========================================================= */
.blog__post__infos {
    color: #252626; /* Couleur du texte en gris très foncé */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 16px; /* Taille de la police */
    font-style: italic; /* Style normal de la police */
    font-weight: 320; /* Poids normal de la police */
    line-height: 21px; /* Hauteur de ligne, correspond à 131.25% de la taille de la police */
}
.blog__post__link {
    color: #252626; /* Couleur du texte en gris très foncé */
    font-family: Trebuchet, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial;
    font-size: 14px; /* Taille de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 420; /* Poids normal de la police */
    line-height: 21px; /* Hauteur de ligne, correspond à 131.25% de la taille de la police */
}
.blog-cat {
    color: #252626; /* Couleur du texte en gris très foncé */
    font-family: 'Dejavu Sans', sans-serif; /* Famille de polices Dejavu Sans */
    font-size: 16px; /* Taille de la police */
    font-style: normal; /* Style normal de la police */
    font-weight: 700; /* Poids normal de la police */
    line-height: 19px; /* Hauteur de ligne, correspond à 131.25% de la taille de la police */
}