/**
 * Typographie SpBooking — source unique.
 *
 * Body  : var(--global-body-font-family)    → repli "Poppins", sans-serif
 * Titres : var(--global-heading-font-family) → repli "Poppins", sans-serif
 *
 * Miroir JS : src/shared/bookingTypography.ts
 */

/* —— Définition des tokens (une seule fois) —— */
.sp-booking-shortcode-root,
.sp-booking-form-container,
.sp-booking-form-home-container,
.sp-booking-process-container,
.sp-booking-form-container .sp-booking-form,
.sp-booking-process-container .sp-booking-process,
.sp-booking-form,
.sp-booking-process,
.sp-booking-portal,
.sp-date-picker-modal,
.sp-booking-form-promo-modal,
.sp-product-card {
  --sp-booking-font-body: var(--global-body-font-family, "Poppins", sans-serif);
  --sp-booking-font-heading: var(
    --global-heading-font-family,
    "Poppins",
    sans-serif
  );
}

/* —— Texte courant —— */
.sp-booking-shortcode-root,
.sp-booking-form-container,
.sp-booking-form-home-container,
.sp-booking-process-container,
.sp-booking-form,
.sp-booking-process,
.sp-booking-portal,
.sp-date-picker-modal,
.sp-booking-form-promo-modal,
.sp-product-card {
  font-family: var(--sp-booking-font-body);
}

.sp-booking-shortcode-root *,
.sp-booking-form-container *,
.sp-booking-form-home-container *,
.sp-booking-process-container *,
.sp-booking-form *,
.sp-booking-process *,
.sp-booking-portal *,
.sp-date-picker-modal *,
.sp-booking-form-promo-modal *,
.sp-product-card * {
  font-family: var(--sp-booking-font-body);
}

/* —— Titres d’application —— */
.sp-booking-shortcode-root :is(h1, h2, h3, h4, h5, h6),
.sp-booking-form-container :is(h1, h2, h3, h4, h5, h6),
.sp-booking-form-home-container :is(h1, h2, h3, h4, h5, h6),
.sp-booking-process-container :is(h1, h2, h3, h4, h5, h6),
.sp-booking-form :is(h1, h2, h3, h4, h5, h6),
.sp-booking-process :is(h1, h2, h3, h4, h5, h6),
.sp-booking-portal :is(h1, h2, h3, h4, h5, h6),
.sp-date-picker-modal :is(h1, h2, h3, h4, h5, h6),
.sp-booking-form-promo-modal :is(h1, h2, h3, h4, h5, h6),
.sp-product-card :is(h1, h2, h3, h4, h5, h6),
.sp-product-card .sp-product-card__title,
.sp-booking-app-title {
  font-family: var(--sp-booking-font-heading);
}

/* Titres récap — même couleur que les liens du menu principal Kadence */
.sp-booking-recap-section-title,
.sp-booking-recap-subsection-title,
.sp-booking-recap-prominent-label {
  font-family: var(--sp-booking-font-body);
  color: var(--sp-wp-nav-link, var(--global-palette3, #1a202c));
}