/* ===== HERO (pleine largeur, image + overlay navy) ===== */
.mcb-hero{position:relative;width:100%;min-height:clamp(360px,60vh,600px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;
  background-image:linear-gradient(180deg,rgba(14,28,51,.56) 0%,rgba(14,28,51,.72) 100%),url('/wp-content/uploads/2024/04/coach-sportif-dans-paris-10.jpg');
  background-size:cover;background-position:center 30%;background-repeat:no-repeat;
  font-family:'Poppins','Segoe UI',system-ui,-apple-system,Roboto,sans-serif;}
.mcb-hero *{box-sizing:border-box;}
.mcb-hero .hwrap{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:72px 24px;}
.mcb-hero .heyebrow{margin:0 0 20px;font-size:clamp(12px,1.4vw,14.5px);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#9dc0ec;}
.mcb-hero .htitle{margin:0;color:#ffffff;font-weight:800;font-size:clamp(38px,7vw,78px);line-height:1.03;letter-spacing:-.02em;}
.mcb-hero .htitle .dot{color:#9dc0ec;}
@media (max-width:768px){.mcb-hero .hwrap{padding:56px 20px;}}

/* ===== CARTE D'INTRO (bandeau bleu #153F74) — largeur = planning (1140) ===== */
.mcb-intro{font-family:'Poppins','Segoe UI',system-ui,-apple-system,Roboto,sans-serif;box-sizing:border-box;width:100%;padding:8px 0 28px;}
.mcb-intro *,.mcb-intro *::before,.mcb-intro *::after{box-sizing:border-box;}
.mcb-intro .panel{position:relative;max-width:none;margin:0;padding:clamp(34px,5vw,60px) clamp(24px,5vw,72px);border-radius:24px;overflow:hidden;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(21,63,116,.22) 0%, rgba(21,63,116,0) 45%),
    radial-gradient(140% 140% at 100% 100%, rgba(122,165,223,.16) 0%, rgba(122,165,223,0) 42%),
    linear-gradient(135deg, #0e1c33 0%, #153F74 55%, #0f2c54 100%);
  box-shadow:0 40px 90px -30px rgba(4,16,33,.85), 0 12px 30px -12px rgba(4,16,33,.6);
  border:1px solid rgba(122,165,223,.14);}
.mcb-intro .halo{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px);}
.mcb-intro .halo-a{top:-90px;right:-60px;width:280px;height:280px;background:radial-gradient(circle, rgba(21,63,116,.30) 0%, rgba(21,63,116,0) 70%);}
.mcb-intro .halo-b{bottom:-120px;left:-70px;width:340px;height:340px;background:radial-gradient(circle, rgba(122,165,223,.18) 0%, rgba(122,165,223,0) 70%);}
.mcb-intro .inner{position:relative;z-index:1;}
.mcb-intro .title{margin:0 0 30px;color:#ffffff;font-weight:700;font-size:clamp(28px,4.4vw,46px);line-height:1.12;letter-spacing:-.01em;max-width:820px;}
.mcb-intro .title .accent{color:#9dc0ec;}
.mcb-intro .pills{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);margin:0 0 26px;}
.mcb-intro .pill{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.mcb-intro .pill-ico{flex:0 0 auto;width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(21,63,116,.22);border:1px solid rgba(122,165,223,.30);}
.mcb-intro .pill-ico svg{width:28px;height:28px;display:block;}
.mcb-intro .pill-txt{display:flex;flex-direction:column;gap:6px;min-width:0;}
.mcb-intro .pill-who{font-size:15px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#9dc0ec;line-height:1.05;}
.mcb-intro .pill-who .age{color:#90a8c3;font-weight:600;letter-spacing:.03em;}
.mcb-intro .pill-price{color:#ffffff;font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.05;}
.mcb-intro .pill-price .unit{font-size:15px;font-weight:400;color:#90a8c3;letter-spacing:0;text-transform:none;}
.mcb-intro .pill-price .free{color:#9dc0ec;}
.mcb-intro .conditions{display:flex;align-items:flex-start;gap:10px;color:#90a8c3;opacity:.82;font-size:13px;line-height:1.55;max-width:640px;margin:0;}
.mcb-intro .conditions svg{flex:0 0 auto;width:16px;height:16px;margin-top:2px;}
@media (max-width:768px){.mcb-intro .pills{grid-template-columns:1fr;}.mcb-intro .panel{border-radius:20px;padding:32px 24px;}}

/* ===== VARIANTE V2 (clone : hero sans sur-titre + carte qui chevauche) ===== */
/* Hero v2 : le titre remonte dans la partie haute visible (car la carte couvre le bas) */
.mcb-hero--v2{padding-bottom:200px;}
/* Carte v2 : remonte pour chevaucher le hero (moitie-moitie) ; au-dessus du hero */
.mcb-intro--v2{position:relative;z-index:5;margin-top:-300px;}
/* le conteneur bleu ne doit pas rogner le debordement vers le haut */
.mcb-v2-blue,.mcb-v2-blue .fusion-builder-row,.mcb-v2-blue .fusion-column-wrapper,.mcb-v2-blue .fusion-layout-column{overflow:visible;}
/* Titres d'etapes du widget en taille "titre" sur le v2 (couleur inchangee) */
.mcb-resa--v2 .mcb-step__titre{font-size:clamp(24px,3vw,32px);}
/* Plus d'espace horizontal entre les 2 selects (Reservation pour qui ? / Votre niveau ?) */
.mcb-resa--v2 .mcb-controls{column-gap:44px;}
/* Carte v2 : libelles "Adulte" / "Enfant · 4 a 12 ans" a 19px */
.mcb-intro--v2 .pill-who{font-size:19px;}
/* Section "Vos coordonnees" (v2) : recap + libelles a 19px */
.mcb-resa--v2 .mcb-recap,
.mcb-resa--v2 .mcb-recap__profil{font-size:19px;}
.mcb-resa--v2 .mcb-booking-form label{font-size:19px;}
.mcb-resa--v2 .mcb-booking-form label.mcb-form__case{font-size:19px;}
/* Section "Vos coordonnees" (v2) : inputs homogenes avec les selecteurs profil/niveau (15px, 12px 16px, radius 10px) */
.mcb-resa--v2 .mcb-booking-form input[type="text"],
.mcb-resa--v2 .mcb-booking-form input[type="email"],
.mcb-resa--v2 .mcb-booking-form input[type="tel"],
.mcb-resa--v2 .mcb-booking-form input[type="date"],
.mcb-resa--v2 .mcb-booking-form input[type="number"]{font-size:19px;padding:12px 16px;border-radius:10px;height:auto !important;}
/* v2 : TOUT le texte du widget planning a 19px (les grands titres d'etapes et les fleches de nav restent inchanges) */
.mcb-resa--v2 .mcb-opt,
.mcb-resa--v2 .mcb-dd-toggle,
.mcb-resa--v2 .mcb-dd-list li,
.mcb-resa--v2 .mcb-periode,
.mcb-resa--v2 .mcb-jour__nom,
.mcb-resa--v2 .mcb-jour__date,
.mcb-resa--v2 .mcb-jour__vide,
.mcb-resa--v2 .mcb-creneau__heure,
.mcb-resa--v2 .mcb-creneau__meta,
.mcb-resa--v2 .mcb-creneau__etat,
.mcb-resa--v2 .mcb-chargement,
.mcb-resa--v2 .mcb-erreur,
.mcb-resa--v2 .mcb-vide,
.mcb-resa--v2 .mcb-mention,
.mcb-resa--v2 .mcb-form__erreur,
.mcb-resa--v2 .mcb-form__envoi,
.mcb-resa--v2 .mcb-succes__titre,
.mcb-resa--v2 .mcb-succes__detail,
.mcb-resa--v2 .mcb-succes__note{font-size:19px;}
/* l'heure du creneau reste sur une ligne malgre les 19px (evite "12h30 -/13h30") */
.mcb-resa--v2 .mcb-creneau__heure{white-space:nowrap;}
/* v2 : salle + niveau chacun sur sa ligne dans la carte de seance (heure / salle / niveau / places) */
.mcb-resa--v2 .mcb-creneau__salle,
.mcb-resa--v2 .mcb-creneau__niveau{font-size:19px;color:var(--mcb-muted);}
/* Reduire legerement les pilules d'activite */
.mcb-resa--v2 .mcb-opt{font-size:17px;padding:10px 16px;}
/* Reduire un peu plus les blocs de cours (cartes de creneau) */
.mcb-resa--v2 .mcb-creneau{padding:10px 12px;gap:2px;}
.mcb-resa--v2 .mcb-creneau__heure{font-size:16px;}
.mcb-resa--v2 .mcb-creneau__salle,
.mcb-resa--v2 .mcb-creneau__niveau,
.mcb-resa--v2 .mcb-creneau__etat{font-size:13.5px;}
@media (max-width:768px){
  .mcb-hero--v2{padding-bottom:150px;}
  /* chevauchement moitie-moitie aussi en mobile (comme desktop) */
  .mcb-intro--v2{margin-top:-340px;}
}