/* ════════════════════════════════════════════════════════════════════════
   LA PAGE « RÉSERVER » — /reserver-pilates-sartrouville/
   ════════════════════════════════════════════════════════════════════════
   Le haut de page est celui de Tarifs (thero.css). Ici, seulement ce qu'il
   a en plus — la ligne « studio + ville » et le bouton Instagram — et la
   carte du planning qui le chevauche, comme la barre de choix sur Tarifs. */

.rhero__soustitre{margin:14px 0 0;font-family:var(--font-body);font-size:clamp(15px,1.5vw,18px);font-weight:500;
  line-height:1.4;letter-spacing:.02em;color:var(--vin-100)}
.rhero__instagram{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;padding:0 22px;
  border:1.5px solid var(--davos);border-radius:var(--radius-pill);
  font-size:14px;font-weight:600;color:var(--davos);text-decoration:none;transition:background .2s,color .2s}
.rhero__instagram:hover,.rhero__instagram:focus-visible{background:var(--davos);color:var(--vin-900)}

/* ── LA CARTE DU PLANNING ────────────────────────────────────────────────
   Même ombre chaude que `.barre` sur Tarifs, sur le crème plein (--bg) :
   les séances, que Bookday force en blanc, s'y détachent comme des tickets.
   La page n'a qu'une boîte, la nôtre. */
.rplanning{position:relative;z-index:2;padding:0 0 64px}
.rplanning__widget{width:min(100% - 32px,1120px);min-height:320px;margin:calc(-1 * var(--chevauchement)) auto 0;
  padding:28px 28px 8px;border-radius:20px;box-sizing:border-box;background:var(--bg);
  box-shadow:0 1px 2px rgb(94 32 40 / .06),0 16px 40px rgb(94 32 40 / .12)}

/* ── LE WIDGET BOOKDAY, RAMENÉ DANS LA CHARTE ────────────────────────────
   Relevé au navigateur le 30 septembre 2026 (widget v1.1.0). Trois leviers,
   du plus propre au plus fragile :
   1. SES VARIABLES. Bookday se thème par des custom properties posées sur
      `.bdw-wrapper` : les redéfinir est l'usage prévu.
   2. SES CLASSES, préfixées par `#planning` : un id l'emporte sur ses
      `.bdw-wrapper .x { … !important }`. Si Bookday renomme une classe, la
      règle tombe en silence et l'élément reprend son style — rien ne casse.
   3. Ce qu'on NE PEUT PAS changer : le fond BLANC des cartes de séance et
      les pastilles Reformer/Mat, que son script écrit en style inline
      `!important` (bookday-widget.js, `forceSessionCardStyles`). Aucune
      feuille ne bat ça ; on compose avec, d'où le crème plein autour. */
#planning .bdw-wrapper{color:var(--ink);
  --bookday-primary:var(--vin-800);--bookday-border:var(--gray-200);--bookday-border-light:var(--gray-100);
  --bookday-bg-card:transparent;--bookday-bg-hover:var(--bg);--bookday-light-gray:var(--bg);
  --bookday-secondary:var(--bg);--bookday-soft-black:var(--ink);--bookday-gray:var(--ink-2)}

/* Les rectangles qu'on retire : sa carte, sa barre d'outils, son tableau. */
/* ⚠ max-width 100 %, JAMAIS `none` : le widget choisit sa mise en page
   d'après la largeur de son tableau (≤ 800 px → liste mobile). Sans borne,
   le tableau s'étale à sa largeur naturelle et le téléphone reçoit la
   grille de sept colonnes. Mesuré le 30 septembre 2026. */
#planning .bdw-container,#planning .bdw-wrapper,#planning .bdw-content{max-width:100% !important;box-sizing:border-box}
#planning .bdw-wrapper .shadow{max-width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;
  background:transparent !important;box-shadow:none !important}
#planning .bdw-wrapper .mobile-week-header,
#planning .bdw-wrapper .schedule_table{background:transparent !important;border:0 !important;box-shadow:none !important}
#planning .bdw-wrapper .schedule_table{padding:0 !important}
/* En mobile, sa barre des jours colle en haut de l'écran (sticky, top 0) :
   elle passerait sous notre en-tête, collant lui aussi. On la décale d'autant,
   sur un fond plein pour que les séances ne se lisent pas au travers. */
#planning .bdw-wrapper.bdw-mobile .mobile-week-header{top:var(--sq-header-h,83px) !important;background:var(--bg) !important}
#planning .bdw-wrapper .title2{margin-top:0 !important;color:var(--vin-800) !important}

/* Les jours : un intitulé, pas une case. */
#planning .bdw-wrapper .day-label,
#planning .bdw-wrapper .day-label:not(.today-day-label),
#planning .bdw-wrapper .today-day-label{background:transparent !important;border:0 !important;border-radius:0 !important;
  color:var(--vin-800) !important;letter-spacing:.08em !important;text-transform:uppercase !important}
#planning .bdw-wrapper .today-day-label{box-shadow:inset 0 -2px 0 var(--vin-800) !important}
#planning .bdw-wrapper .classbox_empty{background:transparent !important;border:0 !important;opacity:.35}

/* Les séances : des tickets, sans filet, une ombre chaude. */
#planning .bdw-wrapper .classbox-inside:not(.classbox_empty){border:0 !important;border-radius:12px !important;
  box-shadow:0 1px 2px rgb(94 32 40 / .08),0 6px 16px rgb(94 32 40 / .07) !important;transition:box-shadow .2s,transform .2s}
#planning .bdw-wrapper .classbox-inside:not(.classbox_empty):hover{transform:translateY(-1px);
  box-shadow:0 2px 4px rgb(94 32 40 / .10),0 10px 24px rgb(94 32 40 / .12) !important}
#planning .bdw-wrapper .session-price-section{border-color:var(--gray-100) !important}

/* La mention « Réalisé avec Bookday », masquée à la demande de Corentin
   (30 septembre 2026). Les CGU de Bookday (juillet 2026) n'imposent pas son
   affichage. L'élément n'a pas de classe : on le repère par son lien et son
   logo, et le :not() garantit qu'on ne masque jamais un bloc qui contiendrait
   le planning. Si Bookday change ce markup, la mention réapparaît, sans
   rien casser. */
#planning .bdw-content > div:has(a[href="https://bookday.io"] > img[alt="Bookday"]):not(:has(.shadow, .schedule_table, .classbox-inside)){display:none !important}

/* Les gris froids du texte → l'encre et le taupe de la charte. */
#planning .bdw-wrapper .session-card-title-text,
#planning .bdw-wrapper .schedule-week-label{color:var(--ink) !important}
#planning .bdw-wrapper .datecol-title{color:var(--ink-2) !important}

@media (max-width:767px){
  .rhero__soustitre{margin-top:8px}
  .rhero__instagram{margin-top:16px}
  .rplanning{padding-bottom:40px}
  .rplanning__widget{width:calc(100% - 24px);padding:20px 12px 8px;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
  .rhero__instagram,#planning .bdw-wrapper .classbox-inside{transition:none !important}
  #planning .bdw-wrapper .classbox-inside:hover{transform:none !important}
}