/* Réserver fidèle (reserver-fidele.html) : les textes de la page en ligne, au style de la direction 1, version sobre choisie
   par Lilian le 29/09/2026 : pas de jeu, le calendrier remonte dans le premier écran. S'ajoute à onglets.css,
   accueil-fidele.css et organisation-fidele.css (bande inclinée du titre, autocollants, icône, fenêtre sur la scène). */
.page-reserver{display:flex;flex-direction:column;min-height:100vh} /* page courte : la scène va jusqu'au pied, sans bande crème dessous */
.page-reserver main{flex:1;display:flex;flex-direction:column}
.reserver{flex:1;padding:var(--e-5) 0 var(--e-8)}
.reserver-grille{display:grid;gap:var(--e-6);align-items:start}
.reserver-texte{display:grid;gap:var(--e-4);min-width:0}
.reserver h1{font-size:var(--t-2xl)}
.reserver .hero-sous{margin-top:0;max-width:40ch}

/* Le calendrier : une fenêtre penchée qui se redresse quand on l'ouvre, pour qu'on choisisse son créneau d'aplomb */
.calendrier{overflow:visible;transform:rotate(-1deg);transition:transform var(--duree-secondaire) var(--courbe)}
.calendrier.charge{transform:none}
.calendrier .fenetre-barre{border-radius:var(--rayon-fenetre) var(--rayon-fenetre) 0 0}
.calendrier-corps{padding:var(--e-5)}
.calendrier.charge .calendrier-corps{padding:0}
.portail{display:grid;gap:var(--e-4);justify-items:start}
.portail[hidden]{display:none}
html:not(.js) .portail[hidden]{display:grid} /* sans JavaScript : l'explication et le lien direct, sans le bouton qui ne ferait rien */
html:not(.js) #rv-load{display:none}
.portail p{max-width:52ch;font-size:var(--t-base);line-height:1.6;color:var(--encre-douce)}
.portail strong{color:var(--encre)}
.portail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3) var(--e-5)}
.tidycal-embed iframe{display:block;width:100%;min-height:720px;border:0;border-radius:0 0 var(--rayon-fenetre) var(--rayon-fenetre);background:var(--blanc)}
.autocollant--gratuit{right:var(--e-3);top:-28px;background:var(--vert-moyen);color:var(--nuit);font-size:var(--t-sm);transform:rotate(4deg)}
.secours{margin-top:var(--e-4);font-size:var(--t-sm);color:var(--sur-scene-doux)}
/* Les constats cochés sur Système de revenus (?constats=), à copier dans la question TidyCal sur le site du visiteur */
.constats-recus{max-width:460px;transform:rotate(.8deg)}
.constats-recus[hidden]{display:none}
.constats-recus .fenetre-corps{gap:var(--e-3)}
.constats-titre{font-size:var(--t-md);letter-spacing:-.015em}
.scene-surface .constats-titre{color:var(--encre)} /* titre sombre : la fenêtre est claire, même sur la scène */
.constats-liste{display:grid;gap:var(--e-2)}
.constats-liste li{position:relative;padding-left:22px;font-size:var(--t-sm);font-weight:600;line-height:1.4}
.constats-liste li::before{content:"✓";position:absolute;left:0;top:0;font-family:var(--police-fichier);font-weight:700;color:var(--rouge)}
.btn-copier{justify-self:start;min-height:44px;padding:var(--e-2) var(--e-5);font-size:var(--t-sm)} /* en contour : le seul bouton plein de l'écran reste celui du calendrier */
.btn-copier:hover{background:var(--fond-2)}
.constats-aide{font-size:var(--t-sm);line-height:1.5;color:var(--encre-douce)}
.pied li a{min-width:44px;justify-content:center} /* "Blog", seul lien court du pied, reste une cible de 44 px */
@media(min-width:560px){.autocollant--gratuit{right:var(--e-5);top:-18px}}
@media(min-width:1024px){
  .reserver{padding:var(--e-8) 0 var(--e-9)}
  .reserver-grille{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e-8)}
  .reserver-texte{position:sticky;top:calc(var(--hauteur-nav) + var(--e-7));padding-top:var(--e-5)} /* le titre reste en vue quand le calendrier s'allonge */
}