.elementor-2610 .elementor-element.elementor-element-5340698{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2610 .elementor-element.elementor-element-5340698{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2610 .elementor-element.elementor-element-7e6c1f9{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2610 .elementor-element.elementor-element-7e6c1f9.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-7e6c1f9 *//* =========================================================
   PLANITY – JARDIN DES SOINS (FULL)
   Couvre : Liste prestations + Étapes + Date/heure + Profils
   ========================================================= */

#planitywl,
#planitywl.planityWidget,
#planitywl * {
  /* Couleurs */
  --jds-primary: #D6CABD;                  /* beige */
  --jds-bg: #ffffff;                      /* fond blanc */
  --jds-text: #6B3F1F;                    /* brun principal */
  --jds-text-soft: rgba(107, 63, 31, .82);
  --jds-border: rgba(107, 63, 31, .18);
  --jds-border-strong: rgba(107, 63, 31, .28);
  --jds-focus: rgba(214, 202, 189, .85);

  /* Typos */
  --jds-font-body: "Montserrat", sans-serif;
  --jds-font-title: "Adelia", "Montserrat", sans-serif;
}

/* Base widget */
#planitywl {
  font-family: var(--jds-font-body) !important;
  background: var(--jds-bg) !important;
  color: var(--jds-text) !important;
}

#planitywl .planityWidget {
  font-family: inherit !important;
  background: transparent !important;
  color: var(--jds-text) !important;
}

/* Empêche les fonds gris/rose parasites */
#planitywl [class*="planity_ui_appointment_background"],
#planitywl [class*="step-module_service"],
#planitywl [class*="step-module_date"],
#planitywl [class*="step-module_timetable"],
#planitywl [class*="container-module_container"]{
  background: transparent !important;
}

/* =========================================================
   TITRE PRINCIPAL : "Prendre un RDV"
   (dans ton HTML: .css-1u1908p)
   ========================================================= */
#planitywl .css-1u1908p {
  font-family: var(--jds-font-title) !important;
  color: var(--jds-text) !important;
  font-weight: 400 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.1 !important;
}

/* =========================================================
   TITRES DES ÉTAPES : "1. Prestation sélectionnée", "2. Choix..."
   (title-module_title-*)
   ========================================================= */
#planitywl [class*="title-module_title"] {
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
}

#planitywl [class*="title-module_index"]{
  color: var(--jds-text) !important;
  font-weight: 800 !important;
}

/* =========================================================
   BLOCS / CARTES : bordures fines, pas de cadre englobant lourd
   ========================================================= */

/* Neutralise les wrappers qui créent un cadre global */
#planitywl [class*="step-module_services"],
#planitywl [class*="step-module_tablet"],
#planitywl [class*="step-module_pages"],
#planitywl [class*="page-module_days"],
#planitywl [class*="css-23e715"],
#planitywl [class*="css-m0xva0"],
#planitywl [class*="css-8xz9l5"],
#planitywl [class*="css-d3rpho"],
#planitywl [class*="css-nil"]{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Carte principale de la prestation sélectionnée */
#planitywl [class*="booking_service-module_bookingService"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 16px !important;
}

/* Nom service sélectionné */
#planitywl #booking-service-name{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 650 !important;
}

/* Prix / durée */
#planitywl #booking-service-price,
#planitywl [class*="booking_service-module_price"],
#planitywl [class*="booking_service-module_duration"]{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 700 !important;
}

/* Texte “Avec qui ?” */
#planitywl [class*="booking_service-module_imagesTitle"]{
  color: var(--jds-text) !important;
  font-weight: 700 !important;
  font-family: var(--jds-font-body) !important;
}

/* =========================================================
   BOUTONS : primaire (beige), underlined (supprimer), nav
   ========================================================= */

/* Boutons primaires (Ajouter une prestation...) */
#planitywl button[class*="button-module_primary"],
#planitywl .planity_ui_button_root{
  background: var(--jds-primary) !important;
  border: 1px solid var(--jds-primary) !important;
  color: var(--jds-text) !important;
  border-radius: 999px !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

#planitywl button[class*="button-module_primary"]:hover{
  filter: brightness(0.97);
}

/* Bouton "Supprimer" (underlined) */
#planitywl button[class*="button-module_underlined"],
#planitywl .booking_service-module_remove-RRPX7{
  background: transparent !important;
  border: none !important;
  color: var(--jds-text) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(107, 63, 31, .35) !important;
  box-shadow: none !important;
}

#planitywl button[class*="button-module_underlined"]:hover{
  text-decoration-color: rgba(107, 63, 31, .75) !important;
}

/* Flèches précédent/suivant (navigation) */
#planitywl button[class*="step-module_previous"],
#planitywl button[class*="step-module_next"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  color: var(--jds-text) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#planitywl button[class*="step-module_disabled"]{
  opacity: .35 !important;
}

/* =========================================================
   PROFILS “Avec qui ?” (Sans préférence / Marine / Nathanaëlle)
   ========================================================= */
#planitywl label[class*="radio_picture-module_radioPicture"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

/* Texte des profils */
#planitywl [class*="radio_picture-module_label"]{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 650 !important;
}

/* Cercle/bordure de sélection */
#planitywl [class*="radio_picture-module_border"]{
  border-color: var(--jds-border-strong) !important;
}

/* Quand sélectionné (on force un style doux, pas rose) */
#planitywl input[type="radio"]:checked ~ [class*="radio_picture-module_border"]{
  border-color: var(--jds-primary) !important;
  box-shadow: 0 0 0 3px rgba(214, 202, 189, .35) !important;
}

/* Avatar initiale */
#planitywl [class*="avatar-module_avatar"]{
  background: rgba(214, 202, 189, .35) !important;
  color: var(--jds-text) !important;
  border: 1px solid var(--jds-border) !important;
}

/* =========================================================
   ÉTAPE 2 : Choix date & heure (desktop)
   ========================================================= */

/* Header jour (vendredi 16 janv.) */
#planitywl [class*="page-module_header"]{
  color: var(--jds-text) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
}

/* Wrapper d’un jour */
#planitywl [class*="page-module_dayWrapper"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  box-shadow: none !important;
}

/* Boutons créneaux */
#planitywl button[class*="page-module_item"],
#planitywl .planity_appointment_days_slider_hour_availability{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  color: var(--jds-text) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 700 !important;
  padding: 8px 10px !important;
}

/* Hover créneaux */
#planitywl button[class*="page-module_item"]:hover{
  border-color: var(--jds-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(214, 202, 189, .25) !important;
}

/* Créneau sélectionné (Planity utilise souvent aria-pressed ou classes internes)
   On couvre plusieurs casF: */
#planitywl button[aria-pressed="true"],
#planitywl button[class*="selected"],
#planitywl button[class*="active"]{
  background: rgba(214, 202, 189, .45) !important;
  border-color: var(--jds-primary) !important;
}

/* =========================================================
   MOBILE : picker des disponibilités
   ========================================================= */
#planitywl [class*="mobile_availabilities_picker-module_selection"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Toggle (date) */
#planitywl [class*="mobile_availabilities_picker-module_toggle"]{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 800 !important;
}

/* Items horaires mobile */
#planitywl [class*="mobile_availabilities_picker-module_item"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 12px !important;
  color: var(--jds-text) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 700 !important;
  padding: 10px !important;
}

/* Bouton "Afficher plus de disponibilités" */
#planitywl [class*="mobile_availabilities_picker-module_moreAvailabilities"] button{
  background: transparent !important;
  border: none !important;
  color: var(--jds-text) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(107, 63, 31, .35) !important;
}

/* =========================================================
   MODALES / GALERIES : fond blanc + close sans rose
   ========================================================= */
#planitywl [class*="modal-module_container"],
#planitywl [class*="gallery-module_slideshow"],
#planitywl [class*="profile_gallery-module_slideshow"]{
  background: var(--jds-bg) !important;
  color: var(--jds-text) !important;
}

#planitywl button[class*="modal-module_close"],
#planitywl button[class*="gallery-module_close"],
#planitywl button[class*="profile_gallery-module_close"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 999px !important;
  color: var(--jds-text) !important;
  box-shadow: none !important;
}

/* =========================================================
   "Plus de détails" (si présent ici aussi)
   - fond blanc pour masquer
   - compact
   - sans arrondis
   ========================================================= */
#planitywl button[class*="service-module_toggle"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 0 !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  position: relative;
  z-index: 2;
}

/* =========================================================
   ACCESSIBILITÉ : focus doux (pas rose)
   ========================================================= */
#planitywl button:focus,
#planitywl button:focus-visible,
#planitywl a:focus,
#planitywl a:focus-visible,
#planitywl input:focus,
#planitywl input:focus-visible{
  outline: 2px solid var(--jds-focus) !important;
  outline-offset: 2px !important;
}

/* Icônes */
#planitywl svg{
  color: var(--jds-text) !important;
}

/* =========================================================
   AJOUT : Adaptation charte sur "Date et heure sélectionnées"
   + "Identification" (auth / création compte)
   (en gardant la première partie strictement identique)
   ========================================================= */

/* --- Étape 2 (récap date/heure sélectionnées) --- */
#planitywl [class*="step-module_timetable"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#planitywl [class*="step-module_selection"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

#planitywl [class*="step-module_dateInfos"]{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 750 !important;
}

#planitywl [class*="step-module_dateInfos"] [class*="step-module_date"]{
  color: var(--jds-text) !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

#planitywl [class*="step-module_dateInfos"] [class*="step-module_time"]{
  color: var(--jds-text-soft) !important;
  font-weight: 800 !important;
}

/* Bouton "Modifier" (hérite underlined, on verrouille la charte) */
#planitywl button[class*="step-module_edit"]{
  background: transparent !important;
  border: none !important;
  color: var(--jds-text) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(107, 63, 31, .35) !important;
  box-shadow: none !important;
}

#planitywl button[class*="step-module_edit"]:hover{
  text-decoration-color: rgba(107, 63, 31, .75) !important;
}

/* --- Étape 3 (Identification / Auth) --- */

/* Neutralise les fonds/cadres internes potentiellement colorés */
#planitywl [class*="appointment_user-module_appointmentUser"],
#planitywl [class*="signed_out-module_booking"],
#planitywl [class*="authentication-module_authentication"],
#planitywl [class*="authentication-module_form"],
#planitywl [class*="authentication-module_member"],
#planitywl [class*="booking_auth-module_linksButton"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Carte auth (bloc principal) */
#planitywl [class*="booking_auth-module_auth"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 16px !important;
}

/* Titres (h1/h2) de l’auth */
#planitywl [class*="booking_auth-module_title"]{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  font-weight: 850 !important;
  letter-spacing: .2px !important;
}

/* "ou" entre les blocs */
#planitywl [class*="booking_auth-module_or"]{
  color: var(--jds-text-soft) !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

/* Boutons tertiaires (Créer mon compte) */
#planitywl button[class*="button-module_tertiary"]{
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  color: var(--jds-text) !important;
  border-radius: 999px !important;
  font-family: var(--jds-font-body) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

#planitywl button[class*="button-module_tertiary"]:hover{
  border-color: var(--jds-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(214, 202, 189, .20) !important;
}

/* Large + Full width : on sécurise */
#planitywl button[class*="button-module_isFullWidth"]{
  width: 100% !important;
}

/* Champs de formulaire (au cas où ils apparaissent dans cette étape) */
#planitywl input[type="text"],
#planitywl input[type="email"],
#planitywl input[type="password"],
#planitywl input[type="tel"],
#planitywl input[type="number"],
#planitywl select,
#planitywl textarea{
  font-family: var(--jds-font-body) !important;
  color: var(--jds-text) !important;
  background: var(--jds-bg) !important;
  border: 1px solid var(--jds-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

#planitywl input::placeholder,
#planitywl textarea::placeholder{
  color: rgba(107, 63, 31, .55) !important;
}

/* Liens éventuels dans l’auth */
#planitywl [class*="booking_auth-module_auth"] a{
  color: var(--jds-text) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(107, 63, 31, .35) !important;
}

#planitywl [class*="booking_auth-module_auth"] a:hover{
  text-decoration-color: rgba(107, 63, 31, .75) !important;
}/* End custom CSS */