/* ==========================================================
   SOMMAIRE
   ==========================================================

   1. DIVERS
		a. Désactive le sticky natif Hummingbird
		b. Paragraphe espace after
		c. Couleur form check imput
		d. alert success
		e. font couleur champs de saisie Edge et Chrome
		f. Formulaire Pretashop
		g. Liste Puce
   
   2. HEADER — Géolocalisation topbar
   3. MENU
   4. FICHE PRODUIT - Type de soin - mots clés
   5. CARROUSEL DE RÉASSURANCE — PAGE PRODUIT
   6. FOOTER — LISTES DE LIENS PRESTASHOP
   7. RITUEL PRODUIT : VAPORISER, FROTTER, RESPIRER
   8. Mon compte
		a. GDPR - Lien de révocation des cookies dans le menu client
		b. Bandeau cookies
		c. couleurs du breadcrumb
   9. ACCORDÉONS
   10. CHECKOUT
   11. Vignette produit
   12. CARROUSEL HORIZONTAL DE COLONNES — MOBILE
   13. FOOTER LISTE
   14. GEOLOCALISATION
   15. BLOG
   16. Bouton "Lire plus"
   17. Bilan - colonne intro texte

   

   ========================================================== */






/* =========================================================
   1. DIVERS
   ========================================================= */
   
/* === a. Désactive le sticky natif Hummingbird === */
#header.js-sticky-header,
#header.header {
  position: relative !important;
  top: auto !important;
}


/* ==== b. Paragraphe espace after ==== */

.pde-paragraph-after-small {
	margin-bottom: 6px!important;
}

.pde-paragraph-after-medium {
	margin-bottom: 22px!important;
}

.pde-paragraph-after-large {
	margin-bottom: 30px!important;
}


/* ==== c. Couleur form check imput ==== */
.form-check-input:checked {
    background-color: #C7B183;
    border-color: #C7B183;
}


/* === d. alert success ===*/

.alert-success {
    --bs-alert-bg: #ffffff00!important;
    --bs-alert-border-color: #C7b183!important;
}

.border-success {
  --bs-success-rgb: 199, 177, 131;
  --bs-border-opacity: 1;
}

/* === e. font couleur champs de saisie Edge et Chrome ===*/

.ce-login-form input:-webkit-autofill,
.ce-login-form input:-webkit-autofill:hover,
.ce-login-form input:-webkit-autofill:focus,
.ce-login-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;

  -webkit-text-fill-color: #262627 !important;
  caret-color: #262627 !important;
}

.ce-login-form .elementor-field:hover,
.ce-login-form .elementor-field:focus,
.ce-login-form .elementor-field:focus-visible {
  border-color: #C7B183 !important;
  outline: none !important;
}


/* Inscription — champs au survol et au focus */
.ce-register-form .elementor-field-textual:hover,
.ce-register-form .elementor-field-textual:focus,
.ce-register-form .elementor-field-textual:focus-visible {
  border-color: #C7B183 !important;
  outline: none !important;
   box-shadow: none !important;
}

/* Mot de passe oublié */
.ce-password-recovery .elementor-field-textual:hover,
.ce-password-recovery .elementor-field-textual:focus,
.ce-password-recovery .elementor-field-textual:focus-visible {
  border-color: #C7B183 !important;
  outline: none !important;
  box-shadow: none !important;
}



/* f. FORMULAIRES PRESTASHOP — style global des champs */

/* État normal */
.form-control,
.form-select,
textarea.form-control,
.elementor-field-textual {
  border-radius: 0 !important;
}

/* Survol */
.form-control:hover,
.form-select:hover,
textarea.form-control:hover,
.elementor-field-textual:hover {
  border-color: #C7B183 !important;
  box-shadow: none !important;
}

/* Champ actif / saisie */
.form-control:focus,
.form-control:focus-visible,
.form-select:focus,
.form-select:focus-visible,
textarea.form-control:focus,
textarea.form-control:focus-visible,
.elementor-field-textual:focus,
.elementor-field-textual:focus-visible {
  border-color: #C7B183 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* FORMULAIRES PRESTASHOP — inscription newsletter */
#registration .ce-register-form .elementor-field-type-checkbox {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#registration .ce-register-form .elementor-field-type-checkbox em {
  flex-basis: 100% !important;
  width: 100% !important;
  display: block !important;
  margin-top: 0px;
  padding-left: 20px;
}

#registration .ce-register-form .elementor-field-type-submit {
  margin-top: 20px !important;
}

@media (max-width: 767px) {
  body#registration .ce-register-form center {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#registration .ce-register-form .g-recaptcha {
    margin-left: 10px !important;
    margin-right: auto !important;
  }
}



/* G. Liste puce */

.pde-liste-puces {
  margin: 8px 0 0;
  padding-left: 0 !important;
  list-style: none !important;
}

.pde-liste-puces li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 14px;
  list-style: none !important;
}

.pde-liste-puces li::marker {
  content: "" !important;
}

.pde-liste-puces li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #C7B183;
}

/* =========================================================
   2. HEADER — Géolocalisation topbar
   ========================================================= */

.pde-top-geo .ets_click_show {
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.pde-top-geo .ets_click_show svg,
.pde-top-geo .ets_click_show .icon {
  color: currentColor !important;
  fill: currentColor !important;
}

.pde-top-geo .ets_click_show svg path {
  fill: currentColor !important;
}

.pde-top-geo .ets_click_show:hover {
  color: #000000 !important;
}

/* Remplace l’icône de localisation par un globe */
.pde-top-geo .ets_click_show .icon svg,
#footer .ets_click_show .icon svg {
  display: none !important;
}

.pde-top-geo .ets_click_show .icon,
#footer .ets_click_show .icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px;
  height: 16px;
  margin-right: 0;
  margin-bottom: 3px!important;
  color: currentColor !important;
}

.pde-top-geo .ets_click_show .icon::before,
#footer .ets_click_show .icon::before {
  content: "\f0ac";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: currentColor;
}


/* =========================================================
   3. MEGA MENU — Base
========================================================= */

body #mega_menu_plus ul.mg-menu.menu-content {
  margin-bottom: 0 !important;
}


/* =========================================================
   3. MEGA MENU — Desktop, fond blanc complet
========================================================= */

@media (min-width: 1201px) {
  body #mega_menu_plus ul li div.sub {
    position: absolute !important;
    background: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    z-index: 9998 !important;
    overflow: visible !important;
  }

  body #mega_menu_plus ul li div.sub {
    position: absolute !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 100vmax #ffffff !important;
    clip-path: inset(0 -100vmax);
    border: none !important;
    z-index: 9998 !important;
    overflow: visible !important;
  }

  body #mega_menu_plus ul li div.sub::before {
    display: none !important;
  }

 
  body #mega_menu_plus ul li div.sub > * {
    position: relative;
    z-index: 2;
  }

  body #mega_menu_plus ul li div.sub > * {
    position: relative;
    z-index: 2;
  }

  body #mega_menu_plus .menu-item-link-text {
    letter-spacing: 0.5px;
	font-weight: 600;
  }

  body #mega_menu_plus .sub .menuhtml p {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;

  }

  body #mega_menu_plus .sub .menuhtml p a {
    line-height: 1.8 !important;
    font-weight: 400;
    letter-spacing: 0.2px!important;
	font-size: 12.5px!important;
  }
  
  body #mega_menu_plus .menu-item-link-text .titlesub_link {
	  font-weight: 700!important;
	  letter-spacing: 0.5px!important;
  }
  
    
  body #mega_menu_plus .content_submenu .titlesub {
	border-bottom: 0px solid #ffffff!important;
  }

  body #mega_menu_plus .sub .titlesub_link,
  body #mega_menu_plus .sub .menu-item-link-text {
    line-height: 0.5 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #mega_menu_plus ul.mg-menu > li.bamenuitem-pde-burger-only {
    display: none !important;
  }
  
  #mega_menu_plus .bamenuitem-pde-menu-bilaninterieur {
    margin-right: 10px !important;
  }
  
}




/* =========================================================
   3. MEGA MENU — Menu et Sous-menu Mobile
========================================================= */

/* --- MENU BURGER - CHEVRONS OUVERTURE --- */

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

  #mega_menu_plus li.submenu > .submore::after {
    content: "\f105" !important; /* droite */
  }

  #mega_menu_plus li.submenu.show-submenu > .submore::after {
    content: "\f107" !important; /* bas */
  }
  
}


/* --- Menu et Sous-menu Mobile --- */
@media (max-width: 1200px) {
  body #mega_menu_plus .sub .menuhtml p {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
  }
  
  #mega_menu_plus ul.mg-menu > li.bamenuitem-pde-burger-only {
    display: block !important;
    width: 100% !important;
  }
 
  #mega_menu_plus .content_submenu .titlesub {
	  padding-top : 9px!important;
	  padding-bottom: 14px!important;
	  margin-bottom: 7px!important;
  }
  
  #mega_menu_plus .pde-menu-noscreations-bilan .content_submenu .titlesub {
	  border-bottom: none!important;
  }
  
  #mega_menu_plus .mainmenu-parent {
	  margin-top: 7px!important;
	  padding-bottom: 7px!important;
  }
  
  #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub {
    padding-top : 5px!important;
	padding-bottom: 10px!important;
  }
  
	#mega_menu_plus .mg-menu {
		  padding: 15px!important;
	  }
	  
    body #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub .content_submenu ul.menuhtml {
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	}
	
	  #mega_menu_plus .pde-menu-noscreations-bilan,
  #mega_menu_plus .pde-menu-noscreations-pro {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* position de texte MENU sur mobile */
  div#mega_menu_plus .titswipmenu {
	  /* left: 22px!important; */
  }
  
  /* position de la X pour fermer le menue */  
  div#mega_menu_plus a.closebtnmenum2018 {
	  /* right: 22px!important; */
	  top: 10px!important;
  }
  
  /* masquer la ligne dessous le sous-menu lorsque ouvert */
  #mega_menu_plus .content_submenu.show-submenu .titlesub {
     border-bottom-color: #f2eee7!important;
  }
  
  /* couleur du trait menu principaux */
  body #mega_menu_plus ul.mg-menu.menu-content>li.mainmenu-parent {
	  border-bottom: 1px solid #ddd!important;
  }

    
}


/* ============================================================
   3. MEGA MENU — Burger mobile/tablette, enlève le texte MENU
   ============================================================ */

@media (max-width: 1200px) {
  #mega_menu_plus .mobi .menu-item-link-text {
	font-size: 0 !important;
  }

  #mega_menu_plus .mobi .menu-item-link-text::before {
    font-size: 24px !important;
  }
}


/* =========================================================
   3. MEGA MENU — Icônes, titres et éléments internes
========================================================= */

#mega_menu_plus .submore,
#mega_menu_plus .submore::before,
#mega_menu_plus .submore::after {
  color: #000000 !important;
  border-color: #000000 !important;
  font-weight: 300 !important;
}

#mega_menu_plus .content_submenu .titlesub a,
#mega_menu_plus .content_submenu .titlesub a span {
  color: #262627 !important;
  transition: color 0.2s ease;
  font-size: 12.5px!important;
}

#mega_menu_plus .content_submenu .titlesub a:hover,
#mega_menu_plus .content_submenu .titlesub a:hover span {
  color: #C7B183 !important;
}


@media (max-width: 1200px) {

  /* MENUS PRINCIPAUX */
  #mega_menu_plus > ul.mg-menu > li.mainmenu-parent > a,
  #mega_menu_plus > ul.mg-menu > li.mainmenu-parent > a > .menu-item-link-text {
    font-size: 15.5px !important;
  }

  /* TITRES SOUS-MENU */
  #mega_menu_plus .content_submenu .titlesub,
  #mega_menu_plus .content_submenu .titlesub .menu-item-link-text,
  #mega_menu_plus .content_submenu .titlesub a,
  #mega_menu_plus .content_submenu .titlesub a span {
    font-size: 15.5px !important;
  }

  /* LIENS SOUS-MENU */
  #mega_menu_plus .sub .menuhtml a {
    font-size: 14px !important;
	padding-bottom: 4px!important;
	padding-top: 4px!important;
  }
  
  
  /* Marge gauche et droite du sous-menu */
  #mega_menu_plus .sub .content_submenu {
    padding-left: 11px !important;
  }
  

}


/* =========================================================
   3. MEGA MENU — Nettoyage marges / bordures / espacements
========================================================= */

/* Supprime les marges/paddings autour du hook/menu */
#header .pde-header-mobile-menu,
#header .pde-header-mobile-menu .elementor-column-wrap,
#header .pde-header-mobile-menu .elementor-widget-wrap,
#header .pde-header-mobile-menu .elementor-widget-container,
#header .pde-header-mobile-menu .fixpaddingsize2018,
#header .pde-header-mobile-menu #mega_menu_plus {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   3. MEGA MENU — Mobile : burger plus compact
========================================================= */

@media (max-width: 1200px) {
  #header #mega_menu_plus .mobi a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top : 10px !important;
    margin-bottom : 0 !important;
    margin-left : 0 !important;
    margin-right: -10px !important;
    padding: 0 !important;
    line-height: 1 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #header #mega_menu_plus .mobi .menu-item-link-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top : 0px !important;
    margin-bottom : 0px !important;
    margin-left : 0px !important;
    margin-right : 0px !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

}

/* ==========================================================
   MENU — séparation du menu gauche / menu droit
   ========================================================== */

@media screen and (min-width: 1201px) {

  /* Le menu principal devient une ligne flex */
  #mega_menu_plus > ul.mg-menu.menu-content {
    display: flex;
    align-items: center;
    width: 100%;
  }

  /* S’INITIER devient le premier élément du groupe de droite */
  #mega_menu_plus
  > ul.mg-menu.menu-content
  > li.bamenuitem-pde-menu-lamaison {
    margin-left: auto;
  }

  /* Empêche les textes de passer sur deux lignes */
  #mega_menu_plus
  > ul.mg-menu.menu-content
  > li.mainmenu-parent
  > a {
    white-space: nowrap;
  }
}


/* ==========================================================
   MENU — Taille de la fiole "Trouver mon parfum" + marge top
   ========================================================== */
   
.pde-menu-icon-flacon {
  width: 6px;
  height: auto;
  object-fit: contain;
  margin-right: 6px;
  transform: translateY(-2px);
}

.pde-menu-noscreations-bilan,
.pde-menu-noscreations-pro {
  margin-top: 10px !important;
}

.pde-menu-lien-special {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

.pde-menu-noscreations-bilan .submore {
	display:none!important;
}

.pde-menu-bilan-fleche {
  margin-left: 5px;
}


@media screen and (min-width: 1201px) {
	
.pde-menu-bilan-lien {
	font-weight: 700!important;
	margin-top: 10px!important;
}

.pde-menu-lien-special {
    font-weight: 700 !important;
    margin-top: 10px !important;
  }
  

}

@media (max-width: 1200px) {
	
.pde-menu-bilan-lien {
	font-weight: 400!important;
	margin-top: 5px!important;
	margin-bottom: 10px!important;

}

}



/* =================================================================
   MENU — Cacher le menu ACCESSOIRES, uniquement pour les Praticiens
   ================================================================= */


/* Cachés par défaut */
.pde-menu-accessoires,
.pde-menu-noscreations-pro {
  display: none !important;
}

/* Affichés pour les groupes PRO */
body:has(#pde-customer-context[data-customer-group="10"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="11"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="12"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="13"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="14"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="15"]) .pde-menu-accessoires,
body:has(#pde-customer-context[data-customer-group="16"]) .pde-menu-accessoires {
  display: inline-flex !important;
}

body:has(#pde-customer-context[data-customer-group="10"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="11"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="12"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="13"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="14"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="15"]) .pde-menu-noscreations-pro,
body:has(#pde-customer-context[data-customer-group="16"]) .pde-menu-noscreations-pro {
  display: block !important;
}



/* ===========================================================
   4. FICHE PRODUIT - Type de soin - mots clés - disponibilité
   =========================================================== */

body.page-product .pde-produit-type-de-soin {
	font-size: 13.5px;
	color: #C7B183;
	letter-spacing: 1px;
	font-weight: 500;
}

body.page-product .pde-produit-mots-cles {
	font-size: 18px;
}

body.page-product .pde-micro-description {

}


/* <p><span class="pde-disponibilite-rond pde-disponibilite-vert"></span> Disponible</p> */
/* Produit — rond de disponibilité */
body.page-product .pde-disponibilite-rond {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  transform: translateY(-1px);
}

/* Couleurs */
body.page-product .pde-disponibilite-vert {
  background-color: #3fa66b;
}

body.page-product .pde-disponibilite-orange {
  background-color: #d99a35;
}

body.page-product .pde-disponibilite-rouge {
  background-color: #c94c4c;
}



/* ==========================================================
   5. CARROUSEL DE RÉASSURANCE — PAGE PRODUIT
   ========================================================== */

.pde-produit-carrousel-reassurance {
  width: 100%;
  overflow: hidden;
}

/* Conteneur Creative Elements */
.pde-produit-carrousel-reassurance > .elementor-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Piste du carrousel */
.pde-produit-carrousel-reassurance
  > .elementor-container
  > .elementor-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100%;
  max-width: 100%;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  scrollbar-width: none;
}

/* Masquer la barre de défilement sur Chrome et Safari */
.pde-produit-carrousel-reassurance
  > .elementor-container
  > .elementor-row::-webkit-scrollbar {
  display: none;
}

/* Chaque colonne devient une slide en pleine largeur */
.pde-produit-carrousel-reassurance
  > .elementor-container
  > .elementor-row
  > .elementor-column {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* Évite les espacements Elementor qui dépassent */
.pde-produit-carrousel-reassurance .elementor-column-wrap {
  width: 100%;
}

/* Zone des points */
.pde-reassurance-dots {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;

  width: 100%;
  margin-top: 6px;
  padding-bottom: 6px;
  padding-left: 2px;	
}

/* Chaque point */
.pde-reassurance-dot {
  width: 7px;
  height: 7px;
  padding: 0;

  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);

  cursor: pointer;
  transition:
    transform 0.25s ease,
    background-color 0.25s ease;
}

/* Point actif */
.pde-reassurance-dot.is-active {
  background: rgba(0, 0, 0, 0.85);
  transform: scale(1.25);
}


/* ==========================================================
   6. FOOTER — LISTES DE LIENS PRESTASHOP
   Classes à ajouter dans Creative Elements :
   pde-footer-linklists pde-footer-text
   ========================================================== */


/* COULEURS À PERSONNALISER */

.pde-footer-text {
  --pde-footer-color: #d6d6d8;
  --pde-footer-hover-color: #9b8050;
  --pde-footer-border-color: #d6d6d8;
}


/* STYLES COMMUNS */

.pde-footer-linklists .ps-linklist {
  margin: 0;
  padding: 0;
}

.pde-footer-linklists .footer-block__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0;
  font-weight: 600;
  color: var(--pde-footer-color) !important;
}

.pde-footer-linklists .footer-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--pde-footer-color) !important;
}

.pde-footer-linklists .footer-block__list li {
  margin-bottom: 0px;
  color: var(--pde-footer-color) !important;
}

.pde-footer-linklists .footer-block__list a {
  color: var(--pde-footer-color) !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.pde-footer-linklists .footer-block__list a:hover,
.pde-footer-linklists .footer-block__list a:focus {
  color: var(--pde-footer-hover-color) !important;
}


/* lien footer cookies */

.pde-footer-text {
  --pde-footer-color: #d6d6d8;
  --pde-footer-hover-color: #9b8050;
}

.pde-footer-cookie-link a {
  color: #d6d6d8 !important;
  text-decoration: none !important;
}

.pde-footer-cookie-link a:hover,
.pde-footer-cookie-link a:focus {
  color: #9b8050 !important;
}


/* DESKTOP UNIQUEMENT */

@media screen and (min-width: 1025px) {

  .pde-footer-linklists > .elementor-widget-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    gap: 32px;
  }

  .pde-footer-linklists .ps-linklist {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .pde-footer-linklists .footer-block__title {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Masque le bouton dropdown sur desktop */
  .pde-footer-linklists .footer-block__title button {
    display: none !important;
  }

  /* Force l’affichage des menus sur desktop */
  .pde-footer-linklists .footer-block__content {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


/* TABLETTE ET MOBILE */

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

  .pde-footer-linklists > .elementor-widget-container {
    display: block;
    width: 100%;
  }

  .pde-footer-linklists .ps-linklist {
    display: block;
    width: 100%;
    max-width: none;
    flex: none;
    border-bottom: 1px solid var(--pde-footer-border-color);
  }

  .pde-footer-linklists .footer-block__title {
    position: relative !important;
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 54px;
    margin: 0 !important;
    padding: 14px 45px 14px 0 !important;
    color: var(--pde-footer-color) !important;
  }

  .pde-footer-linklists .footer-block__title button {
    position: absolute;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: right;
    color: var(--pde-footer-color) !important;
  }

  .pde-footer-linklists .footer-block__title button * {
    color: var(--pde-footer-color) !important;
  }

  .pde-footer-linklists .footer-block__title .material-icons {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--pde-footer-color) !important;
    transform: translateY(-50%);
  }

  .pde-footer-linklists .footer-block__content {
    padding: 0 0 16px;
    color: var(--pde-footer-color) !important;
  }
}


/* TABLETTE — RÉAFFICHE LE BOUTON DROPDOWN */

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .pde-footer-linklists .footer-block__title button.d-md-none {
    display: block !important;
  }
}


/* ==========================================================
   7. RITUEL PRODUIT : VAPORISER, FROTTER, RESPIRER
   ========================================================== */

.rituel {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rituel__item {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  min-height: 52px;
  list-style: none;
}

.rituel__item:last-child {
  min-height: auto;
}

.rituel__repere {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18px;
  flex: 0 0 18px;
}

.rituel__point {
  display: block;
  width: 9px;
  height: 9px;
  margin-top: 10px;
  flex: 0 0 9px;

  border: 1px solid #d8b66a;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}

.rituel__ligne {
  display: block;
  width: 1px;
  min-height: 30px;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 4px;
  background-color: #d8b66a;
}

.rituel__contenu {
  display: block;
  padding-left: 4px;
  padding-bottom: 18px;
}

.rituel__item:last-child .rituel__contenu {
  padding-bottom: 0;
}

.rituel__title {
  display: block;
  margin: 0 0 3px;
  font-family: Cormorant Garamond, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: #262627;
}

.rituel__title-bilan {
  display: block;
  margin: 0 0 3px;
  font-family: Cormorant Garamond, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #262627;
}

.rituel__text {
  display: block;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  color: #262627;
}

.pde-bloc-rituel .rituel {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pde-bloc-rituel .rituel__item {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* ======================================================
   8. MON COMPTE
=========================================================*/


/* ===
   a. GDPR - Lien de révocation des cookies dans le menu clien
   ===*/
   
.account-menu__nav > .lgcookieslaw-account-button {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;

  margin: 0;
  padding: 12px 12px 12px 18px;

  color: inherit;
  text-decoration: none;
}

/* Neutralise le conteneur spécifique du module */
.account-menu__nav > .lgcookieslaw-account-button .link-item {
  display: contents;
}

/* Masque la petite image du module */
.account-menu__nav > .lgcookieslaw-account-button img {
  /* display: none !important; */
}

/* Ajoute une icône Material Icons identique aux autres liens */
.account-menu__nav > .lgcookieslaw-account-button::before {
  content: "cookie";
  flex: 0 0 auto;
  margin-right: 0.75rem;

  font-family: "Material Icons";
  font-size: 1.5rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;

  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;

  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Même comportement au survol que les autres liens */
.account-menu__nav > .lgcookieslaw-account-button:hover {
  color: inherit;
  text-decoration: none;
}


/* ========================= 
   b. Bandeau cookies
   ========================= */



/* cacher le bouton "politique de confidentialité" dans la bannière */
.lgcookieslaw-link-container {
  display: none !important;
}


/* ombre deu bandeau */
.lgcookieslaw-banner-bottom {
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.06) !important;
}


.lgcookieslaw-banner-message h6 {
  color: #262627 !important;
  font-size: 18px !important;
}


/* ==========================================================
   STRUCTURE GÉNÉRALE DU BANDEAU
   ========================================================== */

.lgcookieslaw-banner-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 9000px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 30px !important;
  padding-right: 30px !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   TEXTE DU BANDEAU
   ========================================================== */

.lgcookieslaw-banner-inner .lgcookieslaw-banner-message {
  width: 100% !important;
  max-width: 900px !important;

  margin: 0 0 18px 0 !important;

  text-align: left !important;
  box-sizing: border-box !important;
}

.lgcookieslaw-banner-inner .lgcookieslaw-banner-message p {
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}


/* ==========================================================
   CONTENEUR DES BOUTONS
   Toujours sous le texte
   ========================================================== */

.lgcookieslaw-banner-inner .lgcookieslaw-button-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  gap: 16px !important;
  flex-wrap: wrap !important;

  width: 100% !important;
  max-width: 900px !important;

  margin: 0 auto !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   BOUTONS PRINCIPAUX
   Préférences + Tout accepter
   ========================================================== */

.lgcookieslaw-banner-inner #lgcookieslaw_customize_cookies_link,
.lgcookieslaw-banner-inner .lgcookieslaw-accept-button {
  flex: 0 1 auto !important;

  width: auto !important;
  min-width: 160px !important;
  max-width: 220px !important;

  padding: 12px 20px !important;

  border-radius: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  text-align: center !important;
  text-transform: none !important;
}


/* ==========================================================
   BOUTON PRÉFÉRENCES
   ========================================================== */

.lgcookieslaw-banner-inner #lgcookieslaw_customize_cookies_link {
  border: 1px solid #262627 !important;

  background: transparent !important;
  color: #262627 !important;
}


/* ==========================================================
   FENÊTRE DE PRÉFÉRENCES
   Bouton "Accepter la sélection"
   ========================================================== */

.lgcookieslaw-partial-accept-button {
  background: #ffffff !important;
  color: #262627 !important;

  border: 1px solid #262627 !important;
  border-radius: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 480px) {

  .lgcookieslaw-banner-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lgcookieslaw-banner-inner .lgcookieslaw-banner-message {
    margin-bottom: 14px !important;
  }

  .lgcookieslaw-banner-inner .lgcookieslaw-button-container {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .lgcookieslaw-banner-inner #lgcookieslaw_customize_cookies_link,
  .lgcookieslaw-banner-inner .lgcookieslaw-accept-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 320px !important;
  }

}











/* ===
   c. Couleur du breadcrumb
   ===*/
   
   .breadcrumb__wrapper {
	   background-color: #ffffff00;
   }



/* ==========================================================
   Bouton "Révoquer mon consentement aux cookies
   bouton dans la page principale Mon compte
   ========================================================== */

body#my-account
#content
.lgcookieslaw-account-button {
  display: block;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

body#my-account
#content
.lgcookieslaw-account-button .link-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 1.5rem;

  text-align: center;
}

/* Icône du module */
body#my-account
#content
.lgcookieslaw-account-button img {
  display: block;
  width: 32px !important;
  height: 32px;
  margin: 0 auto 0.75rem;
  object-fit: contain;
}

/* Survol */
body#my-account
#content
.lgcookieslaw-account-button:hover {
  color: inherit;
  text-decoration: none;
}



/* ==========================================================
   9. ACCORDÉONS
   ========================================================== */


/* ----------------------------------------------------------
   1.1 BASE COMMUNE
   Styles appliqués à tous les accordéons PDE.
   ---------------------------------------------------------- */

.pde-accordion .elementor-tab-content {
  border-top: 0 !important;
}

.pde-accordion .elementor-accordion-item {
  border-left: 0 !important;
  border-right: 0 !important;
}

.pde-accordion .elementor-accordion-item:first-child {
  border-top: 0 !important;
}


/* ----------------------------------------------------------
   1.2 INITIALISATION
   Le contenu est caché uniquement pendant la courte phase
   durant laquelle JavaScript ferme les panneaux ouverts.
   ---------------------------------------------------------- */

.pde-accordion.pde-accordion-initializing
.elementor-tab-content {
  visibility: hidden !important;
  opacity: 0 !important;
}


/* ----------------------------------------------------------
   1.3 ICÔNES PENDANT L’INITIALISATION
   Affiche temporairement l’icône correspondant à l’état fermé.
   ---------------------------------------------------------- */

.pde-accordion.pde-accordion-initializing
.elementor-accordion-icon-opened {
  display: none !important;
}

.pde-accordion.pde-accordion-initializing
.elementor-accordion-icon-closed {
  display: inline-flex !important;
}


/* ----------------------------------------------------------
   1.4 VARIANTE — DESCRIPTION
   ---------------------------------------------------------- */

.pde-accordion-description .elementor-tab-title {
  /* Styles propres aux titres de la description. */
}

.pde-accordion-description .elementor-tab-content {
  /* Styles propres au contenu de la description. */
}


/* ----------------------------------------------------------
   1.5 VARIANTE — RITUEL
   ---------------------------------------------------------- */

.pde-accordion-rituel .elementor-tab-title {
  /* Styles propres aux titres du rituel. */
}

.pde-accordion-rituel .elementor-tab-content {
  /* Styles propres au contenu du rituel. */
}


/* ----------------------------------------------------------
   1.6 VARIANTE — FAQ
   ---------------------------------------------------------- */

.pde-accordion-faq .elementor-tab-title .elementor-accordion-icon-right {
    margin-left: 10px!important;
    margin-top: 3px!important;
}


.pde-accordion-rituel .elementor-tab-title .elementor-accordion-icon-right {
    margin-top: 4px!important;
}

.pde-accordion-description .elementor-tab-title .elementor-accordion-icon-right {
    margin-top: 6px!important;
}


.pde-accordion-faq .elementor-tab-content {
    /* padding-left: 15px!important; */
	/* padding-right: 15px!important; */
}


/* =====================
   10. CHECKOUT
   =====================*/
	#ps_checkout-payment-method-logos-container {
	 display: none!important;
	}
	
	.checkout-steps__step--success .checkout-steps__btn {
    color: #C7B183!important;
	}

	.checkout-steps__step--success:after, .checkout-steps__step--success:before {
	background: #C7B183!important;
	}
	
	.checkout-steps__step--current:before, .checkout-steps__step--success .checkout-steps__number {
	background: #C7B183!important;
	}
	
	.btn-outline-primary {
		color: #262627!important;
	}
	
	.accordion-button {
		color: #262627!important;
	}
	
	.nav-link {
		color: #262627!important;
	}
	
	.address-card--radio.selected {
		border-color: #C7B183!important;
	}
	
	
	.product-line__item-discount--percentage {
		--bs-primary-rgb: 199, 177, 131;
		color: #ffffff !important;
	}
	
	body#checkout .address-card.selected {
  background-color: #FBF9F7 !important;
}

body#checkout .address-card:hover .address-card__container {
  background-color: #FBF9F7 !important;
}


	
	#checkout-payment-step .mt-3 {
    padding-top: 20px;
	}

/* Couleur du bandeau supérieur */	
	.checkout-steps {
    background-color: #FBF9F7!important;
    border-block-end: none!important;
}

/* Carré devant le liens L'adresse de facturation est différente de l'adresse de livraison */
#checkout a[data-link-action="different-invoice-address"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #262627 !important;
  text-decoration: underline !important;
  text-align: left!important;
}

#checkout a[data-link-action="different-invoice-address"] {
  margin-top: 10px !important;
}

body#checkout #checkout-addresses-step .step__content > .js-address-form > form > p:first-child {
  display: none !important;
}

#checkout a[data-link-action="different-invoice-address"]::before {
  content: "" !important;

  width: 18px !important;
  height: 18px !important;

  border: 1px solid #262627 !important;
  border-radius: 0 !important;

  flex: 0 0 18px !important;
  box-sizing: border-box !important;
}


#checkout a[data-link-action="different-invoice-address"]:hover {
  color: #C7B183 !important;
}

#checkout a[data-link-action="different-invoice-address"]:hover::before {
  border-color: #C7B183 !important;
}


/*checkout steps*/
body#checkout .columns-container {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

@media (max-width: 767px) {
  body#checkout .columns-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}



/* Titres des étapes du checkout */
body#checkout .step__title .page-title-section {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* Titres "Votre commande" dernière page du checkout */
body#checkout #order-summary-content > .h2 {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

body#checkout #order-summary-content .final-summary__header {
	color: #262627!important;
}
	
	
/* CHECKOUT — icônes de réassurance */

/* Réassurance checkout + panier */
#checkout .blockreassurance--checkout .reassurance__image,
#cart .blockreassurance--cart .reassurance__image {
  width: 40px !important;
  min-width: 40px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
}

#checkout .blockreassurance--checkout .reassurance__image svg,
#checkout .blockreassurance--checkout .reassurance__image img,
#cart .blockreassurance--cart .reassurance__image svg,
#cart .blockreassurance--cart .reassurance__image img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
}

.blockreassurance--cart,
.blockreassurance--checkout,
.blockreassurance--product {
  gap: 5px!important;
}



/* PAGE CONFIRMATION DE COMMANDE */

/* Marges gauche / droite sur toute la zone principale */
body#order-confirmation .columns-container {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Box de confirmation */
body#order-confirmation .alert.alert-success {
  background-color: #fcf9f7 !important;
  border: 0 !important;
  border-radius: 0 !important;

  padding: 35px 30px !important;

  text-align: center !important;
}

/* Titre "Votre commande est confirmée" */
body#order-confirmation .alert.alert-success .page-title-section {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;

  text-align: center !important;
  margin-bottom: 12px !important;
}

/* Texte "Un e-mail vous a été envoyé..." */
body#order-confirmation .alert.alert-success > p {
  text-align: center !important;
}

/* Ligne séparatrice */
body#order-confirmation .alert.alert-success hr {
  border-color: #C7B183 !important;
  opacity: 1 !important;
  margin: 22px auto !important;
}

body#order-confirmation .breadcrumb__wrapper {
  display: none !important;
}

body#order-confirmation .columns-container {
  padding-top: 30px !important;
}
	
	
	/* Checkout mobile : suppression du récapitulatif latéral redondant et du bloc de réassurance */
@media (max-width: 991.98px) {
  #checkout .checkout-grid__aside {
    display: none !important;
  }
}

	#checkout .btn.btn-info {
		background: #ffffff!important;
		border: 1px solid #262627!important;
		/* color: #ffffff!important; */
	}
	
	

/* ==========================================================
   MON COMPTE — box principales
   ========================================================== */

body#my-account .account-menu--main .account-menu__link {
  background-color: #fcf9f7 !important;
  border-radius: 0 !important;
}

body:has(.account-menu--sidebar) .page-title-section {
  font-size: 34px;
  font-weight: 500;
}

body#my-account .account-menu--main .account-menu__link {
  font-size: 14px;
  font-weight: 400;
}

body#my-account .account-menu--main .account-menu__icon {
  font-size: 20px !important;
}

body#my-account .account-menu--main .account-menu__link {
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-top: 35px !important;
  padding-bottom: 45px !important;
}


body#checkout #customer-form center {
  text-align: left !important;
}


@media (max-width: 767px) {
  body#my-account .account-menu--main .account-menu__link {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

body:has(.account-menu--sidebar) .page-title-section {
  font-size: 34px;
  font-weight: 500;
  margin-left: 0px;
}

  body:has(.account-menu--sidebar) .columns-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
    body:has(.account-menu--sidebar) .buttons-wrapper {
    margin-bottom: 30px !important;
  }
  
  /* bouton "revenir à mon compte" aligné à gauche */
  body:has(.account-menu--sidebar) .account-menu__back {
    display: block;
    width: fit-content;
    margin-left: 0 !important;
    margin-right: auto !important;
	padding-bottom: 20px !important;
	padding-left: 0!important;
  }

}


body#my-account .account-menu--sidebar .account-menu__title {
  font-size: 18px;
  font-weight: 500;
  margin-left: 20px !important;
}

body:has(.account-menu--sidebar) .breadcrumb__wrapper {
  display: none !important;
}

body:has(.account-menu--sidebar) .columns-container {
  padding-top: 40px !important;
}


/* Masquer le texte d'introduction de la page Identité */
body#identity .page-content--customer > p {
  display: none !important;
}

/* Masquer l'aide sous Prénom et Nom uniquement */
body#identity #field-firstname + .form-text,
body#identity #field-lastname + .form-text {
  display: none !important;
}

body#addresses .page-content--customer > p {
  display: none !important;
}

/* masquer le menu "Mes alertes" */
body:has(.account-menu--sidebar) #emailalerts_link {
  display: none !important;
}
	

/* ==========================================================
   Panier — Récapitulatif de commande
   ========================================================== */


/* PANIER — marges gauche/droite sur tous les supports */
body#cart .columns-container {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 75px !important;
}


/* PANIER — masquer le breadcrumb */
body#cart .breadcrumb__wrapper {
  display: none !important;
}

/* PANIER — titres */
body#cart .page-title-section,
body#cart .cart-grid__aside-wrapper > h2 {
  /* font-family: "Cormorant Garamond", serif !important; */
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

/* Titre Panier */
body#cart .page-title-section {
  font-size: 38px !important;
}

/* Titre Récapitulatif de commande */
body#cart .cart-grid__aside-wrapper > h2 {
  font-size: 28px !important;
}

/*Taille bouton "Commander" */
body#cart .cart-summary__actions a.btn {
  font-size: 16px !important;
}

/*Format bouton "Continuer mes achats" */
body#cart .cart__continue-shopping {
  border: 1px solid #262627 !important;
  color: #262627 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body#cart .cart__continue-shopping:hover {
  border-color: #C7B183 !important;
  color: #C7B183 !important;
  background: transparent !important;
}







@media (max-width: 767px) {
  body#cart .columns-container {
	padding-top: 35px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* body#cart .page-title-section { */
    /* font-size: 30px !important; */
  /* } */

  body#cart .cart-grid__aside-wrapper > h2 {
    font-size: 33px !important;
  }
}







	
	
	/* =====================================================
       11. VIGNETTES PRODUITS - Praticiens et point de vente
       =====================================================*/
	
	/* .pde-vignette-produit-type-de-soin { */
		/* font-size: 11px; */
		/* font-weight: 500; */
		/* color: #C7B183; */
		/* letter-spacing: 0.5px; */
	/* } */
	.pde-vignette-produit-mots-cles	{
		/* text-align: center!important; */
	}
	
	.pde-vignette-produit-micro-description {
		font-size: 13px;
		color: #26262790;
		/* text-align: center!important; */
	}
	

	/* Categorie-id-36 = Praticiens */   
	body.category-id-36 .pde-vignette-produit-section1,
	body.category-id-36 .pde-vignette-produit-section2 {
	text-align: center!important;
	}
	
	body.category-id-36 .pde-vignette-produit-section2 {
    margin-top:-15px!important;
	padding-left: 25px!important;
	padding-right: 25px!important;
	}
	
	body.category-id-36 .pde-vignette-produit-titre h4 {
		text-align: center!important;
	}

	body.category-id-36 .pde-vignette-produit-micro-description{
		color: #C7B183;
		letter-spacing: 1px;
		font-weight: 500;
	}
	
	body.category-id-36 .pde-produit-vignette-lienplus{
		color: #262627!important;
		font-family: Cormorant Garamond, "Times New Roman", serif;
		font-size: 16px;
		letter-spacing: 0.6px;
	}
	
	@media (max-width:767px){
	body.category-id-36 .pde-vignette-produit-section2 {
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	
	body.category-id-36 .pde-vignette-produit-titre h4 {
		font-size: 24px!important;
	}

	body.category-id-36 .pde-vignette-produit-mots-cles{
		font-size: 13px!important;
	}
	
	}
	
	
	
	
	/* Categorie-id-32 = Point de vente */   
	body.category-id-32 .pde-vignette-produit-section1,
	body.category-id-32 .pde-vignette-produit-section2 {
	}
	
	body.category-id-32 .pde-vignette-produit-titre h4 {
		font-size:22px!important;
	}
	body.category-id-32 .pde-vignette-produit-mots-cles {
	}
	body.category-id-32 .pde-vignette-produit-micro-description {
		font-family: Manrope!Important;
		font-size: 14px!important;
		color: #262627!important;
		margin-top: -5px!important;
		margin-bottom: 0px!important;
	}
	
	body.category-id-32 .pde-produit-vignette-lienplus{
		color: #262627!important;
		font-family: Cormorant Garamond, "Times New Roman", serif;
		font-size: 16px;
		letter-spacing: 0.6px;
	}
	
	body.category-id-32 .pde-vignette-produit-actions {
		display: none !important;
	}
	
	@media (max-width:767px){
	body.category-id-32 .pde-vignette-produit-section2 {
		padding-top: 27px!important;
		padding-bottom: 0px!important;
	}
	
	body.category-id-32 .pde-vignette-produit-titre h4 {
		font-size: 19px!important;
		font-weight: 600!important;
		line-height: 1.2!important;
		margin-bottom: -15px!important;
	}
	body.category-id-32 .pde-vignette-produit-micro-description {
		margin-bottom: 10px!important
	}
	
	}
	
	
	/* Categorie-id-14 = Rituels */   

	body.category-id-14 .pde-vignette-produit-section2 {
		margin-top:-15px!important;
	}
	
	body.category-id-14 .pde-vignette-produit-mots-cles {
	}
	body.category-id-14 .pde-vignette-produit-micro-description {
		font-size: 14px!important;
		color: #262627!important;
	}
	
	body.category-id-14 .pde-produit-vignette-lienplus{
		color: #262627!important;
		font-family: Cormorant Garamond, "Times New Roman", serif;
		font-size: 16px;
		letter-spacing: 0.6px;
	}
	
	
	@media (max-width:767px){
	body.category-id-14 .pde-vignette-produit-section2 {
		padding-left: 15px!important;
		padding-right: 15px!important;
		/* padding-top: 27px!important; */
		/* padding-bottom: 0px!important; */
	}
	
	body.category-id-14 .pde-vignette-produit-titre h4 {
		font-size: 24px!important;
		/* font-weight: 600!important; */
		/* line-height: 1.2!important; */
		/* margin-bottom: -15px!important; */
	}
	body.category-id-14 .pde-vignette-produit-micro-description {
		font-size: 13px!important;
		margin-bottom: 10px!important
	}
	
	}
	


/* ==========================================================
   12. CARROUSEL HORIZONTAL DE COLONNES — MOBILE
   Témoignages, produits et autres groupes de colonnes
   ========================================================== */

@media (max-width: 767px) {

  /* Uniquement la ligne principale de la section */
  .pde-horizontal-carousel
  > .elementor-container
  > .elementor-row {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100%;
    max-width: 100%;

    overflow-x: auto !important;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;

    gap: 0px;
    padding: 16px;

    scrollbar-width: none;
  }

  /* Masque la barre de défilement sur Chrome et Safari */
  .pde-horizontal-carousel
  > .elementor-container
  > .elementor-row::-webkit-scrollbar {
    display: none;
  }

  /* Uniquement les colonnes directement contenues
     dans la ligne principale */
  .pde-horizontal-carousel
  > .elementor-container
  > .elementor-row
  > .elementor-column {
    flex: 0 0 80% !important;

    width: 80% !important;
    max-width: 80% !important;
    min-width: 250px;

    display: block !important;

    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  
    /* Réglage spécifique pour le carrousel des produits */
  .pde-horizontal-carousel.pde-carrousel-produits
  > .elementor-container
  > .elementor-row
  > .elementor-column {
    flex-basis: 70% !important;
    width: 70% !important;
    max-width: 70% !important;
    min-width: 250px;
  }
}


@media (max-width: 767px) {

  /* Carrousel spécifique : coffret Parfum d'Éveil */
  .pde-horizontal-carousel.pde-carrousel-coffret
  > .elementor-container
  > .elementor-row {
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .pde-horizontal-carousel.pde-carrousel-coffret
  > .elementor-container
  > .elementor-row
  > .elementor-column {
    flex: 0 0 41% !important;
    width: 41% !important;
    max-width: 41% !important;
    min-width: 145px !important;
  }
}



/* horizontal-carousel sur mobile */
/* @media (max-width:767px) { */
	/* .horizontal-carousel .elementor-row { */
    /* display: flex !important; */
    /* flex-wrap: nowrap !important; */
    /* overflow-x: auto !important; */
    /* scroll-snap-type: x mandatory; */
    /* -webkit-overflow-scrolling: touch; */
    /* gap: 16px; */
    /* padding: 1rem; */
  /* } */

  /* .horizontal-carousel .elementor-column { */
    /* flex: 0 0 80% !important; */
    /* max-width: 80% !important; */
    /* scroll-snap-align: start; */
    /* min-width: 250px; */
    /* display: block !important; */
  /* } */
/* } */




/* =========================================================
   13. FOOTER LISTE
   ========================================================= */
   
.pde-footer-toggle {
  display: none;
}

@media screen and (max-width: 1024px) {
   
   /* Affiche les flèches */
  .pde-footer-linklists .pde-footer-toggle {
    display: block !important;
  }
  
  /* Fermé par défaut */
  .pde-footer-linklists .footer-block__content.collapse:not(.show) {
    display: none !important;
  }

  /* Ouvert */
  .pde-footer-linklists .footer-block__content.collapse.show {
    display: block !important;
  }

  /* Pendant l'animation Bootstrap */
  .pde-footer-linklists .footer-block__content.collapsing {
    display: block !important;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
  }
}



/* =========================================================
   14. GEOLOCALISATION
   ========================================================= */


/* Fenêtre de séleciton du pays */

/* Popup manuelle : masquer le texte, la connexion et le séparateur */
.ets_geo_popup_choose .ets_geo_popup_body,
.ets_geo_popup_choose .ets_btn_signin,
.ets_geo_popup_choose .ets_geo_line {
  display: none !important;
}


.ets_btn_signin .link_to_signin {
	background-color: #262627!important;
	border-radius : 0px!important;
}

.ets_btn_signin a.link_to_signin:hover {
	background-color: #464647!important;	
}

.ets_geo_btn_submit_apply {
	background-color: #262627!important;
	border-color: #262627!important;
	border-radius : 0px!important;
}

.ets_geo_btn_submit_apply:hover {
	background-color: #464647!important;
}



/* Fenêtre d'acceuil et de détection automatique */

.ets_geo_popup_wrapper,
.ets_geo_popup_entry,
.ets_geo_popup_content {
  border-radius: 0 !important;
}

.ets_geo_popup_group_button .yes_ok,
.ets_geo_popup_group_button .no_ok {
  border-radius: 0 !important;
}

.ets_geo_popup_group_button .yes_ok {
	margin-bottom: 10px!important;
}

/* Bouton principal */
.ets_geo_popup_group_button .yes_ok {
  background: #262627 !important;
  color: #fff !important;
  border: 1px solid #262627 !important;
}

/* Bouton secondaire */
.ets_geo_popup_group_button .no_ok {
  background: #fff !important;
  color: #262627 !important;
  border: 1px solid #262627 !important;
}

/* Hover */
.ets_geo_popup_group_button .yes_ok:hover {
  background: #464647 !important;
  border-color: #464647 !important;
}

.ets_geo_popup_group_button .no_ok:hover {
  background: #f5f5f5 !important;
}





	
	
	
	/* =========================================================
   15. BLOG
   ========================================================= */

/* Style du titre */	
#prestablog_menu_cat nav ul li a {
font-weight: 300;
font-size: 14px;
font-family: manrope;
}


/* PrestaBlog — menu centré desktop + mobile */
#module-prestablog-blog #prestablog_menu_cat nav ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}


/* PrestaBlog — conserver le menu desktop sur mobile */
@media (max-width: 770px) {

    #module-prestablog-blog #menu-mobile {
        display: none !important;
    }

    #module-prestablog-blog #prestablog_menu_cat nav {
        display: block !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #module-prestablog-blog #prestablog_menu_cat nav ul {
        white-space: nowrap;
    }

    #module-prestablog-blog #prestablog_menu_cat nav ul li {
        float: left !important;
    }
}


#module-prestablog-blog #prestablog_menu_cat nav ul li {
    float: none !important;
}


/* espacement entre les menus */
#prestablog_menu_cat nav ul li a {
	padding : 10px 10px!important;
}

/* Enlève l'ombre au survol */
#module-prestablog-blog :is(#blog_list_1-7, .blog_list_1-7) li:hover .block_cont {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* taille de date et auteur sur vignette */
#module-prestablog-blog span.date_blog-cat {
    font-size: 13px !important;
	font-family: manrope;
}

/* marge dessus et dessous la date et l'auteur sur la vignette */
#module-prestablog-blog .date_blog-cat {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* taille du titre */
#module-prestablog-blog .block_bas h2 {
    font-size: 26px !important;
	line-height: 1!important;
}

/* PrestaBlog — image principale d'article pleine largeur */
#module-prestablog-blog #prestablogfront > picture {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

#module-prestablog-blog #prestablogfront > picture > img.news {
    float: none !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 !important;
}

/* PrestaBlog — article sans cadre + largeur de lecture */
#module-prestablog-blog #prestablogfront {
    border: none !important;
    max-width: 900px;
}

/* Image principale de l'article jusqu'à 1440px */
#module-prestablog-blog #prestablogfront > picture {
    display: block;
    width: min(1390px, calc(100vw - 30px));
    max-width: none;

    margin-left: 50%;
    transform: translateX(-50%);

    margin-bottom: 30px;
}

#module-prestablog-blog #prestablogfront > picture > img.news {
    float: none !important;
    display: block;

    width: 100% !important;
    max-width: none !important;

    max-height: 500px;
    object-fit: cover;
    object-position: center center;

    margin: 0 !important;
}

/* enlèle la marge des titres prévu par prestablog */
#prestablogfront h2, #prestablogfront h3, #prestablogfront h4, #prestablogfront h5, #prestablogfront h6, #prestablogauthor h1, #prestablogauthor h2, #prestablogauthor .prestablogtitle {
	margin:0px;
	padding: 0px;
}

/* petite marge sur la page des vignettes */
#module-prestablog-blog #center-column:has(#blog_list_1-7),
#module-prestablog-blog #center-column:has(.prestablog-card-grid) {
    padding-inline: 20px;
}


	/* =========================================================
   16. Bouton "Lire plus"
   ========================================================= */
   
.read-more__button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
}

.read-more__button:hover,
.read-more__button[aria-expanded="true"] {
  color: #C7b183;
}

.read-more__button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

	/* =========================================================
   17. Bilan - colonne intro texte
   ========================================================= */

@media (min-width: 768px) {
	
.pde-bilan-intro-texte > .elementor-column-wrap {
  width: 100% !important;

  padding-left: clamp(30px, 8vw, 200px) !important;
  padding-right: 30px !important;

  box-sizing: border-box !important;
}


.pde-bilan-intro-texte .elementor-widget-wrap {
  max-width: 420px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

}