@charset "UTF-8";

.ts-preview > div, .ts-preview > div > div ,.ts-preview > div > a {
    height: 100%;
}
:where(path) {
  fill: revert-layer;
}
@media (max-width:768px){
  .add-btn label {
    display: none;
  }
  .add-btn {
    position: absolute;
    right:15px;
    bottom:15px;
  }
}

.simplify-ul.addon-cards.flexify li {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
#dynamic-word {
  color: #e50053;
  font-style: italic;
  transition: opacity 0.3s ease-in-out;
}
.btn-esthetiqua-rounded {
  background: linear-gradient(90deg, #E50053, #FF3370) !important;
  color: #ffffff !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(229, 0, 83, 0.3) !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  gap: 6px !important;
}

.btn-esthetiqua-rounded:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(229, 0, 83, 0.4) !important;
}

.btn-esthetiqua-rounded *,
.btn-esthetiqua-rounded span,
.btn-esthetiqua-rounded .vx-label,
.btn-esthetiqua-rounded .vx-component,
.btn-esthetiqua-rounded a {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.adc-selected {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.vx-dialog svg {
  width: 18px !important;
  height: 18px !important;
  fill: #E50053 !important;
  opacity: 1 !important;
  display: inline-block;
  vertical-align: middle;
}

.box-profil {
  background-color: #e8fbf5 !important;
  color: #1e1e1e !important;
}

.box-profil h3,
.box-profil p {
  color: #1e1e1e !important;
}

.box-evenement {
  background-color: #ffe8ef !important;
}
.box-evenement .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

.box-favoris {
  background-color: #fffsd9 !important;
}
.box-favoris .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

.box-analytique {
  background-color: #c4e9c0 !important;
}
.box-analytique .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

.box-aide {
  background-color: #48a9ed !important;
}
.box-aide .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

.box-param {
  background-color: #313135 !important;
  color: white !important;
}
.box-param .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

.box-profil,
.box-param {
  color: #fff !important;
}

.box-profil .btn,
.box-param .btn {
  background-color: #f8f8f8 !important;
  color: #111 !important;
}

#services,
#produits {
  scroll-margin-top: 90px;
}
#a-propos,
#avis {
  scroll-margin-top: 90px;
}

.logo-switch {
  display: inline-block;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.elementor-heading-title.elementor-size-default {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  max-height: 6.6em;
  line-height: 1.65;
}
@media (max-width:1024px){
  /* Cacher le mot Menu */
  .ts-nav-menu .ts-mobile-menu .ts-item-link > span,
  .ts-popup-component.ts-mobile-menu .ts-item-link > span {
    display: none !important;
  }
  .ts-nav-menu .ts-mobile-menu .ts-item-link {
    gap: 0 !important;
  }
}
/* Étape 1 : test visuel — doit apparaître en mode sombre uniquement */
html.wp-dark-mode-active #home-hero {
  outline: 3px dashed magenta !important;
}

/* Étape 2 : swap d'image de fond en mode sombre */
html.wp-dark-mode-active #home-hero {
  background: url('https://www.esthetiqua.com/wp-content/uploads/2025/09/image-trensparente.png')
              bottom center / cover no-repeat transparent !important;
}

/* Étape 3 : si une superposition 'overlay' éclaircit la bannière, on la neutralise */
html.wp-dark-mode-active #home-hero > .elementor-background-overlay {
  background: none !important;
  opacity: 0 !important;
}
html.wp-dark-mode-active #home-hero {
  background-image: url('https://www.esthetiqua.com/wp-content/uploads/2025/09/image-trensparente.png') !important;
  background-position: bottom center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
html.wp-dark-mode-active #home-hero > .elementor-background-overlay {
  opacity: 0 !important; background: none !important;
}

html.wp-dark-mode-active #home-hero-2 {
  background-image: url('https://www.esthetiqua.com/wp-content/uploads/2025/09/image-trensparente-2.png') !important;
  background-position: bottom center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
html.wp-dark-mode-active #home-hero-2 > .elementor-background-overlay {
  opacity: 0 !important; background: none !important;
}

html.wp-dark-mode-active #home-hero-3 {
  background-image: url('https://www.esthetiqua.com/wp-content/uploads/2025/09/image-trensparente-3.png') !important;
  background-position: bottom center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
html.wp-dark-mode-active #home-hero-3 > .elementor-background-overlay {
  opacity: 0 !important; background: none !important;
}

html.wp-dark-mode-active #home-hero-4 {
  background-image: url('https://www.esthetiqua.com/wp-content/uploads/2025/09/image-trensparente-4.png') !important;
}
/* === Boutons "Google Agenda" + "Annuler la réservation" (global) === */
.vx-order-ease .single-order .order-event .further-actions{
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
}
.vx-order-ease .single-order .order-event .further-actions a.ts-btn{
  font-size:15px; line-height:1.2; padding:12px 22px;
  min-width:240px; border-radius:12px; background:#fff; color:#111;
  border:1px solid rgba(0,0,0,.14); box-shadow:0 1px 0 rgba(0,0,0,.02);
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
  transition:transform .15s, box-shadow .15s, border-color .15s;
}
.vx-order-ease .single-order .order-event .further-actions a.ts-btn:hover{
  transform:translateY(-1px); border-color:rgba(0,0,0,.22); box-shadow:0 6px 18px rgba(0,0,0,.06);
}
@media (max-width:560px){
  .vx-order-ease .single-order .order-event .further-actions a.ts-btn{min-width:100%;}
}

/* Esthetiqua : lightbox photos toujours centree (PC, tablette, mobile) */
.elementor-lightbox .dialog-widget-content,
.dialog-lightbox-widget .dialog-lightbox-widget-content{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;}

/* Esthetiqua — contraste abonnement et interrupteur jour/nuit — 10/10/2026 */
html body #esq-mf.esq-mf{--ink:#313135!important;--mu:#555b65!important;--ln:#dfe2e8!important;--cd:#fff!important;--sf:#f7f7f9!important}
html:is(.wp-dark-mode-active,[data-wp-dark-mode-active]) body #esq-mf.esq-mf{--ink:#f2f3f5!important;--mu:#c4c8d0!important;--ln:#424852!important;--cd:#22262c!important;--sf:#1a1d22!important}
html body #esq-mf.esq-mf .esq-mf-hero{background:#1a1d22!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #esq-mf.esq-mf .esq-mf-hero *{color:#fff!important;-webkit-text-fill-color:currentColor!important}
html body #esq-mf.esq-mf .esq-mf-kicker{color:#ff8db4!important}
html body #esq-mf.esq-mf .esq-mf-price,
html body #esq-mf.esq-mf .esq-mf-price s,
html body #esq-mf.esq-mf .esq-mf-rate small{color:#d4d7de!important;opacity:1!important}
html body #esq-mf.esq-mf .esq-mf-perks li{color:#ffd2e1!important;background:#3d2030!important;border-color:#84405c!important}
html body #esq-mf.esq-mf .esq-mf-status{background:#30343b!important;border-color:#59616c!important}
html body #esq-mf.esq-mf .esq-mf-sim{background:var(--cd)!important;border-color:var(--ln)!important}
html body #esq-mf.esq-mf .esq-mf-sim *{color:var(--ink)!important;-webkit-text-fill-color:currentColor!important}
html body #esq-mf.esq-mf .esq-mf-sim>p:not(.esq-mf-tip),
html body #esq-mf.esq-mf .esq-mf-ca span,
html body #esq-mf.esq-mf .esq-mf-p small,
html body #esq-mf.esq-mf .esq-mf-note{color:var(--mu)!important}
html body #esq-mf.esq-mf .esq-mf-ca output{color:#b90043!important}
html:is(.wp-dark-mode-active,[data-wp-dark-mode-active]) body #esq-mf.esq-mf .esq-mf-ca output{color:#ff8db4!important}
html body #esq-mf.esq-mf .esq-mf-p{background:var(--sf)!important;border-color:var(--ln)!important}
html body #esq-mf.esq-mf .esq-mf-p.cur{border-color:#e50053!important}
html body #esq-mf.esq-mf .esq-mf-tags .t-cur,
html body #esq-mf.esq-mf .esq-mf-btn.pri{background:#e50053!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #esq-mf.esq-mf .esq-mf-tags .t-best{background:#313135!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #esq-mf.esq-mf .esq-mf-btn.pri:hover{background:#c40047!important}
html body #esq-mf.esq-mf .esq-mf-btn:focus-visible,
html body #esq-mf.esq-mf .esq-mf-range:focus-visible{outline:3px solid #ff8db4!important;outline-offset:4px!important}
html body #esq-mf.esq-mf .esq-mf-tip{background:#fcecf2!important;color:#313135!important}
html:is(.wp-dark-mode-active,[data-wp-dark-mode-active]) body #esq-mf.esq-mf .esq-mf-tip{background:#3d2030!important;color:#f2f3f5!important}
html body .wp-dark-mode-floating-switch{animation:none!important;transform:none!important;filter:none!important}
html body .wp-dark-mode-floating-switch .wp-dark-mode-switch{min-width:88px;min-height:44px;border:1px solid #cfd3dc!important;border-radius:999px!important;background:#fff!important;color:#b90043!important;box-shadow:0 3px 12px rgba(26,29,34,.14)!important;animation:none!important;transform:none!important;cursor:pointer}
html body .wp-dark-mode-floating-switch .wp-dark-mode-switch:focus-visible{outline:3px solid #e50053!important;outline-offset:3px!important}
html:is(.wp-dark-mode-active,[data-wp-dark-mode-active]) body .wp-dark-mode-floating-switch .wp-dark-mode-switch{background:#22262c!important;color:#ff8db4!important;border-color:#747c89!important}



/* Esthétiqua — gestion des cookies avec biscuit rose officiel (global 2026-10-28) */
#cmplz-manage-consent .cmplz-manage-consent {
  position:fixed!important;inset:auto auto 18px 16px!important;
  width:46px!important;min-width:46px!important;max-width:46px!important;
  height:46px!important;min-height:46px!important;max-height:46px!important;
  display:grid!important;place-items:center!important;gap:0!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  font-size:0!important;line-height:0!important;letter-spacing:0!important;
  opacity:1!important;filter:none!important;animation:none!important;
  cursor:pointer!important;z-index:9998!important;
}
#cmplz-manage-consent .cmplz-manage-consent::before {
  content:""!important;position:absolute!important;display:block!important;
  width:100%!important;height:100%!important;inset:0!important;
  margin:0!important;padding:0!important;flex:none!important;
  background:transparent url("https://www.esthetiqua.com/wp-content/uploads/2026/10/a-clean-isolated-high-resolution-3d-styled-icon-0a3a9fa7.png") center center/contain no-repeat!important;
  -webkit-mask:none!important;mask:none!important;
}
#cmplz-manage-consent .cmplz-manage-consent::after {
  content:none!important;display:none!important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover {opacity:1!important;filter:drop-shadow(0 3px 5px rgba(229,0,83,.18))!important}
#cmplz-manage-consent .cmplz-manage-consent:focus-visible {
  outline:3px solid #E50053!important;outline-offset:3px!important;
}
#cmplz-manage-consent .cmplz-manage-consent.cmplz-hidden,
#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed {
  display:none!important;
}
body:has(.ts-inbox) #cmplz-manage-consent .cmplz-manage-consent {
  display:none!important;
}
@media (max-width:1024px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    inset:auto auto calc(102px + env(safe-area-inset-bottom)) 12px!important;
    width:42px!important;min-width:42px!important;max-width:42px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
  }
}
@media (max-width:600px) {
  #cmplz-manage-consent .cmplz-manage-consent{
    inset:auto auto calc(96px + env(safe-area-inset-bottom)) 10px!important;
    width:39px!important;min-width:39px!important;max-width:39px!important;
    height:39px!important;min-height:39px!important;max-height:39px!important;
  }
}


/* Esthétiqua — correction cookie et refus lisible, fin octobre 2026 */
/* Consentement : biscuit rose à gauche du titre dans le bandeau, et jamais dans le titre marketing. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
  display:flex!important;align-items:center!important;gap:9px!important;
  color:var(--ck-ink,#313135)!important;-webkit-text-fill-color:var(--ck-ink,#313135)!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title::before {
  content:""!important;display:block!important;flex:0 0 28px!important;
  width:28px!important;height:28px!important;margin:0!important;
  background:transparent url("https://www.esthetiqua.com/wp-content/uploads/2026/10/a-clean-isolated-high-resolution-3d-styled-icon-0a3a9fa7.png") center/contain no-repeat!important;
  filter:none!important;
}
@media (max-width:600px){
  html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title::before {
    width:26px!important;height:26px!important;flex-basis:26px!important;
  }
}
/* Refuser : fond clair, texte sombre réellement contrasté, même si un ancien CSS de Complianz applique un état délavé. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons button.cmplz-btn.cmplz-deny,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  background:#f3f4f7!important;background-color:#f3f4f7!important;
  color:#313135!important;-webkit-text-fill-color:#313135!important;
  border:1.5px solid #afb3be!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  text-shadow:none!important;
  font-weight:800!important;font-size:12.5px!important;line-height:1.2!important;
  box-shadow:none!important;
}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons button.cmplz-btn.cmplz-deny:hover,
html body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
  background:#ffe6ef!important;background-color:#ffe6ef!important;
  color:#ad003f!important;-webkit-text-fill-color:#ad003f!important;
  border-color:#e50053!important;opacity:1!important;
}
html.wp-dark-mode-active body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons button.cmplz-btn.cmplz-deny,
html.wp-dark-mode-active body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
html[data-est-theme="dark"] body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  background:#30343d!important;background-color:#30343d!important;
  color:#f9f9fc!important;-webkit-text-fill-color:#f9f9fc!important;
  border-color:#858c98!important;opacity:1!important;
}
html.wp-dark-mode-active body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
html[data-est-theme="dark"] body #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
  background:#4b2635!important;background-color:#4b2635!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#e50053!important;
}
/* Cookie flottant : plus sous la lune, à moitié visible juste au-dessus ; il monte au survol. */
html body #cmplz-manage-consent .cmplz-manage-consent {
  transition:transform .22s ease,filter .22s ease!important;
  will-change:transform;
}
html body:has(.est-theme-toggle.is-floating) #cmplz-manage-consent .cmplz-manage-consent {
  left:16px!important;right:auto!important;bottom:41px!important;top:auto!important;
  width:46px!important;min-width:46px!important;max-width:46px!important;
  height:46px!important;min-height:46px!important;max-height:46px!important;
  transform:translateY(0)!important;
  z-index:99980!important;
}
html body:has(.est-theme-toggle.is-floating) #cmplz-manage-consent .cmplz-manage-consent:is(:hover,:focus,:focus-visible) {
  transform:translateY(-25px)!important;
  z-index:99992!important;
  filter:drop-shadow(0 4px 8px rgba(229,0,83,.22))!important;
}
@media (max-width:1024px){
  html body:has(.est-theme-toggle.is-floating) #cmplz-manage-consent .cmplz-manage-consent {
    left:16px!important;bottom:36px!important;
    width:40px!important;min-width:40px!important;max-width:40px!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
  }
}
@media (max-width:600px){
  html body:has(.est-theme-toggle.is-floating) #cmplz-manage-consent .cmplz-manage-consent {
    left:16px!important;bottom:calc(36px + env(safe-area-inset-bottom))!important;
    width:39px!important;min-width:39px!important;max-width:39px!important;
    height:39px!important;min-height:39px!important;max-height:39px!important;
  }
}
@media (hover:none){
  html body:has(.est-theme-toggle.is-floating) #cmplz-manage-consent .cmplz-manage-consent:active{
    transform:translateY(-24px)!important;z-index:99992!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body #cmplz-manage-consent .cmplz-manage-consent{transition:none!important}
}