/* ============================================================
   MADEMOISELLE TRÉSORS — HABILLAGE DES PLUGINS
   ------------------------------------------------------------
   ⚠️ IMPORTANT — VÉRIFIER LES SÉLECTEURS
   Chaque plugin génère ses propres classes CSS. Les blocs
   ci-dessous visent les classes des plugins les plus courants.
   Si le rendu ne change pas pour l'un d'eux :
     1) clic droit sur l'élément ▸ « Inspecter »
     2) repérez la vraie classe (ex. .age-gate, .cky-…)
     3) remplacez le sélecteur en tête de bloc.
   Tout le reste (couleurs, polices) se met à jour
   automatiquement via les variables --mt- de style.css.
   ============================================================ */


/* ============================================================
   1) CONTRÔLE D'ÂGE (Age Gate)
   Cible le plugin « Age Gate » (.age-gate…). Adaptez si besoin.
   ============================================================ */
.age-gate,
#age-gate,
.age-restriction-overlay {
  background: var(--mt-bg-deep) !important;
}
.age-gate__wrapper,
.age-gate .age-gate__inner,
.age-restriction-modal {
  background: var(--mt-grad) !important;
  color: #ece8e1;
  border: 1px solid var(--mt-line);
  border-radius: 8px;
  box-shadow: inset 0 0 220px 40px rgba(0,0,0,.7);
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.age-gate__heading,
.age-gate h1,
.age-gate h2,
.age-restriction-modal h2 {
  font-family: 'Abril Fatface', Georgia, serif !important;
  color: #fff !important;
}
.age-gate__heading em,
.age-gate h2 em { color: var(--mt-gold) !important; font-style: normal; }
.age-gate p,
.age-restriction-modal p { color: #bdb8ae; }

/* boutons du contrôle d'âge */
.age-gate__buttons .age-gate__button,
.age-gate button.age-gate__submit,
.age-restriction-modal .btn-confirm {
  background: var(--mt-blue) !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  border: none;
  border-radius: 2px;
  padding: 1em 2.2em;
  transition: transform .35s, box-shadow .35s;
  box-shadow: 0 10px 30px -12px rgba(31,43,143,.9);
}
.age-gate__buttons .age-gate__button:hover,
.age-restriction-modal .btn-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 44px -10px rgba(58,73,201,.95), 0 0 0 1px var(--mt-gold);
}
/* lien « quitter » discret */
.age-gate__buttons .age-gate__button--no,
.age-restriction-modal .btn-deny {
  background: transparent !important;
  color: #7c776e !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  box-shadow: none;
}


/* ============================================================
   2) BANDEAU COOKIES (CookieAdmin)
   Cible CookieAdmin (.cookieadmin-* / .ca-*) + repli générique.
   ⚠️ RGPD : « Tout refuser » et « Tout accepter » au même niveau
   visuel ; non-nécessaires désactivés par défaut.
   ============================================================ */
.cookieadmin-bar,
.cookie-banner,
.cookie-notice,
#cookie-notice {
  background: rgba(16,16,20,.96) !important;
  backdrop-filter: blur(14px);
  border: 1px solid var(--mt-line) !important;
  border-radius: 12px !important;
  color: #ece8e1 !important;
  font-family: 'Montserrat', sans-serif !important;
  box-shadow: 0 34px 80px -22px rgba(0,0,0,.85) !important;
}
.cookieadmin-bar h3,
.cookie-banner h3 { font-family: 'Abril Fatface', Georgia, serif !important; color: #fff !important; }
.cookieadmin-bar p,
.cookie-banner p { color: #a39e94 !important; font-size: 13px; }
.cookieadmin-bar a { color: var(--mt-gold) !important; }

/* boutons */
.ca-accept,
.cookie-accept {
  background: var(--mt-gold) !important;
  color: #161616 !important;
  border: 0 !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 600;
  padding: 12px 22px !important;
}
.ca-reject,
.ca-settings,
.cookie-reject {
  background: transparent !important;
  color: #ece8e1 !important;
  border: 1px solid rgba(229,192,104,.4) !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 600;
  padding: 12px 22px !important;
}
.ca-reject:hover,
.ca-settings:hover { border-color: var(--mt-gold) !important; color: var(--mt-gold) !important; }

/* interrupteurs des catégories en or */
.cookieadmin-toggle input:checked + span,
.ca-switch.on { background: var(--mt-gold) !important; }


/* ============================================================
   3) RÉSERVATION (BookingPress Lite)
   Cible les classes .bookingpress_… Adaptez si autre extension.
   ============================================================ */
.bookingpress_form_wrapper,
#bookingpress_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  color: #ece8e1;
}
.bookingpress_step_title,
.bookingpress_service_title { font-family: 'Abril Fatface', Georgia, serif !important; color: #fff !important; }

/* cartes de service / créneaux */
.bookingpress_category_box,
.bookingpress_service_box,
.bookingpress_time_slot_box,
.bpa-time-slot {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--mt-line-soft) !important;
  border-radius: 3px !important;
  color: #d8d3ca !important;
  transition: border-color .28s, background .28s;
}
.bookingpress_service_box:hover,
.bookingpress_time_slot_box:hover { border-color: var(--mt-line) !important; }
.bookingpress_service_box.bookingpress_selected,
.bookingpress_time_slot_box.selected,
.bpa-time-slot.selected {
  border-color: var(--mt-gold) !important;
  background: rgba(229,192,104,.08) !important;
  color: var(--mt-gold) !important;
}

/* bouton principal de réservation = bleu marque */
.bookingpress_form_wrapper .bookingpress_btn,
.bookingpress_form_wrapper button.bookingpress_continue_book {
  background: var(--mt-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.bookingpress_form_wrapper .bookingpress_btn:hover { background: var(--mt-blue-glow) !important; }

/* calendrier */
.bookingpress_calendar_wrapper .ui-datepicker-calendar td a.ui-state-active,
.bookingpress_calendar_wrapper td.bookingpress_available a {
  background: var(--mt-gold) !important;
  color: #161616 !important;
}


/* ============================================================
   4) PRIX LIBRE — WPClever « Get Your Price » / Name Your Price
   Cible .wpcnyp / .wpcpr et variantes. Adaptez le sélecteur racine
   si la classe diffère (inspecteur). On reprend le style « offrande ».
   ============================================================ */
.wpcnyp,
.wpc-name-your-price,
.wpcpr_field {
  border: 1px solid var(--mt-line);
  border-radius: 8px;
  padding: 22px 24px;
  background: linear-gradient(180deg, rgba(31,43,143,.06), rgba(229,192,104,.03));
  margin: 18px 0;
}
.wpcnyp label,
.wpc-name-your-price label {
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #cdd2ff;
}
.wpcnyp input[type="text"],
.wpcnyp input[type="number"],
.wpc-name-your-price input,
.wpcpr_price_input {
  background: rgba(0,0,0,.25) !important;
  border: 1px solid var(--mt-line) !important;
  border-radius: 3px !important;
  color: #fff !important;
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-size: 1.6rem !important;
  padding: 12px 16px !important;
}
.wpcnyp input:focus,
.wpc-name-your-price input:focus { border-color: var(--mt-gold) !important; outline: none; }

/* suggestions de montants (puces) */
.wpcnyp .wpcnyp-suggestion,
.wpc-name-your-price .suggestion {
  border: 1px solid var(--mt-line-soft);
  background: rgba(255,255,255,.02);
  color: #e8e3d9;
  font-family: 'Abril Fatface', Georgia, serif;
  border-radius: 3px;
  padding: 10px 18px;
  cursor: pointer;
  transition: .28s;
}
.wpcnyp .wpcnyp-suggestion:hover { border-color: var(--mt-line); transform: translateY(-2px); }
.wpcnyp .wpcnyp-suggestion.active { border-color: var(--mt-gold); background: rgba(229,192,104,.1); color: var(--mt-gold); }


/* ============================================================
   5) BOOKINGPRESS PRO — CHAMPS PERSONNALISÉS
   Habillage des champs personnalisés (moyen de contact, identifiant,
   +18…) qui s'affichent nativement dans le formulaire en version Pro.
   Accent or sur les cases/boutons radio, champs à la charte.
   ============================================================ */
.bookingpress_form_wrapper .bookingpress_custom_field_main_div,
.bookingpress_form_wrapper .bpa-cs-frm-field-main-div {
  margin-bottom: 16px;
}
.bookingpress_form_wrapper label,
.bookingpress_form_wrapper .bookingpress_custom_field_label {
  color: #cdd2ff !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: .04em;
}
/* champs texte / e-mail / téléphone / select / textarea */
.bookingpress_form_wrapper input[type="text"],
.bookingpress_form_wrapper input[type="email"],
.bookingpress_form_wrapper input[type="tel"],
.bookingpress_form_wrapper input[type="number"],
.bookingpress_form_wrapper select,
.bookingpress_form_wrapper textarea {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--mt-line-soft) !important;
  color: #f1ece3 !important;
  border-radius: 3px !important;
}
.bookingpress_form_wrapper input:focus,
.bookingpress_form_wrapper select:focus,
.bookingpress_form_wrapper textarea:focus { border-color: var(--mt-gold) !important; outline: none; }
.bookingpress_form_wrapper input::placeholder,
.bookingpress_form_wrapper textarea::placeholder { color: #7c776e !important; }

/* cases à cocher (+18) et boutons radio (moyen de contact) en or */
.bookingpress_form_wrapper input[type="checkbox"],
.bookingpress_form_wrapper input[type="radio"] {
  accent-color: var(--mt-gold);
  width: 16px; height: 16px;
}
/* moyen de contact présenté en « puces » radio si activé en bouton */
.bookingpress_form_wrapper .bpa-radio-as-button label,
.bookingpress_form_wrapper .bookingpress_radio_button_label {
  border: 1px solid var(--mt-line-soft) !important;
  border-radius: 4px !important;
  color: #d8d3ca !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  transition: .25s;
}
.bookingpress_form_wrapper .bpa-radio-as-button input:checked + label,
.bookingpress_form_wrapper .bookingpress_radio_button_label.selected {
  border-color: var(--mt-gold) !important;
  background: rgba(229,192,104,.12) !important;
  color: var(--mt-gold) !important;
}