/* ==========================================================================
   JEWLY — ANNÉE 0 — page /pro (Presse & Booking) — VERSION DE TRAVAIL
   Charte appliquée le 19/08/2026, à la suite de la page principale.

   Réutilise tel quel ce qui est déjà dans tokens.css + style-charte.css :
   .lang-switch (FR/EN), .block--rose, .block--lime, .cta-btn / .cta-btn--*,
   .realtime-block, .video-block, .t-surtitre, .hero-social-btn, .hero__*
   (photo-stage / photo-overlay / logo-row / tagline / subtitle / flat)...
   Ce fichier ne contient QUE les ajustements propres à /pro. Charger les
   trois fichiers dans l'ordre : tokens.css, style-charte.css, pro-charte.css.

   Mapping demandé par Emmanuel le 19/08 :
     bouton retour vers la page générale -> conservé
     FR/EN -> même commutateur que la page principale (défaut EN ici, comme
       avant -- seule différence avec la home, qui défaut en FR)
     hero -> vidéo conservée (pas de photo), mais mise en page reprise de la
       nouvelle home (overlay texte + aplat lime en dessous, medaillon photo
       séparé retiré -- à confirmer, voir note dans le HTML)
     "pressé·e ?" -> fond lime, texte navy (.block--lime)
     "ouverte au booking" -> fond rose, texte navy (.block--rose)
     bio courte -> traité comme le bloc temps réel (.realtime-block)
     bloc YouTube -> même traitement que le bloc vidéo de la home (.video-block)
     Focus Informations -> (MAJ 20/08) plus de section pleine couleur : titre
       seul en lime, hors cadre (même principe que "Premières parties").
       4 cartes en dessous (grille 2x2, 2 par ligne comme la page en ligne),
       fond navy clair (--navy-2), texte lime.
     Presse -> (MAJ 20/08) même principe : titre seul en rose, hors cadre.
       Chaque citation devient une carte fond navy clair en dessous, avec la
       référence + la citation -- sans la traduction anglaise (non affichée,
       même si présente dans le config).
     Premières parties -> paliers de lecture : palier 1 fond navy/texte lime,
       palier 2 fond lime/texte navy, palier 3 fond lime/texte navy plus
       transparent. Un 4e palier existe dans les données (openerTierBreaks a
       4 tranches) -- extrapolé encore plus transparent que le palier 3,
       à valider (pas explicitement décrit dans la demande).
     Questionnaire -> traité comme le bloc temps réel (.realtime-block)
     Hero (MAJ 20/08, 2e passe -- annule la 1ère) -> même système que le
       hero de la home (dimensions identiques, hauteur = ratio naturel du
       média), PAS le recadrage object-fit:cover de la page en ligne actuelle
       -- voir bloc HERO ci-dessous.
     Fond de page (MAJ 20/08) -> fond "mesh" animé repris de la page en
       ligne (body.pro-page::before, assets/css/style.css) à la place de
       l'aplat --sol plein, recoloré avec les seuls tokens chapitre 13
       (--lime/--rose/--navy-2/--sol) au lieu de l'ancienne palette
       (--teal/--emerald/--blue, qui n'existe plus dans la nouvelle charte)
       -- voir bloc FOND MESH tout en bas du fichier, à valider.
   ========================================================================== */

/* .back-button -- promu dans style-charte.css le 20/08 (partagé à l'identique avec /epk). */

/* ---------- HERO ----------
   Système "mêmes dimensions que la home" (.hero__photo-stage/.hero__bg/
   .hero__photo-overlay/.pro-hero__label + filet de jointure) promu dans
   style-charte.css le 20/08 (partagé à l'identique avec .epk-hero). Ne
   reste ici que ce qui est propre à LA VIDÉO de /pro (le fix des bandes
   noires -- non pertinent pour /epk, qui utilise une photo fixe). */
.pro-hero .hero__bg video,
.pro-hero .hero__bg img {
  transform: scale(1.07);
  transform-origin: center;
}

/* ---------- "PRESSÉ·E ?" — fond lime, texte navy (.block--lime) ----------
   Restructuré le 19/08 : le texte principal devient un vrai titre (capitales,
   Anton, même échelle --titre-bloc que les autres titres) ; le lien "Ouvrir
   le dossier complet" reste en dessous, en sous-titre, toujours cliquable. */
.pro-fastlane__title {
  font-family: var(--f-titre); font-weight: 400; text-transform: uppercase;
  font-size: var(--titre-bloc); line-height: 1.05; color: var(--sol);
  margin: 0 0 var(--e-3);
}
.pro-fastlane__subtitle {
  font-family: var(--f-texte); font-weight: 700; font-size: 13px;
  letter-spacing: .04em; text-transform: uppercase;
  margin: 0;
}
.pro-fastlane__subtitle a { color: var(--sol); text-decoration: underline; }

/* ---------- "OUVERTE AU BOOKING" — fond rose, texte navy (.block--rose) ---------- */
.booking-signal-block__text {
  font-family: var(--f-titre); font-weight: 400; text-transform: uppercase;
  font-size: var(--titre-bloc); line-height: 1.05; color: var(--sol);
  margin: 0 0 var(--e-3);
}
.booking-signal-block__cta {
  display: inline-block;
  font-family: var(--f-texte); font-weight: 700; font-size: 13px;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--sol);
  text-decoration: underline;
}

/* ---------- BIO COURTE / FOCUS INFORMATIONS / PRESSE / PREMIÈRES PARTIES ----------
   .pro-identity, .pro-quickproof (+ .section-heading), .pro-press
   (+ .section-heading), .pro-openers (+ .section-heading) -- promus dans
   style-charte.css le 20/08 (composants partagés à l'identique avec /epk,
   qui réutilise les mêmes noms de classe hérités de l'ancien style.css). */

/* ---------- QUESTIONNAIRE — comme le bloc temps réel (.realtime-block) ----------
   .pro-filter__* / .pro-contact -- promus dans style-charte.css le 20/08
   (composants partagés avec /epk, dont le formulaire préprods reprend
   exactement les mêmes classes de champ). */

/* .mesh (fond anime) -- promu dans style-charte.css le 20/08, partage avec /epk (meme selecteur body.pro-page/body.epk-page). */