/* L'APPEL GRATUIT — feuille isolée (Léon, 9 novembre 2026).

   Comme chat-widget.css : une feuille à part plutôt que des lignes de plus dans
   global.css / brand-alignment.css, qui sont retouchés en continu par d'autres chantiers.
   Elle ne redéfinit AUCUN bouton : les boutons de la bande et des groupes sont les `.button`
   de la charte (resources/css/buttons.css), et la règle « premier cerclé, dernier en dégradé »
   s'applique d'elle-même. Seuls trois objets sont propres à cette feuille : la bande, la ligne
   sous un bouton d'inscription, et le bouton court du menu.

   TOUTES les couleurs viennent des jetons du site (--white, --line, --ink…), qui basculent seuls
   en mode nuit. La seule valeur écrite ici est le couple du bouton du menu, parce que son fond
   (le terracotta fort) doit porter du BLANC en jour et du SOMBRE en nuit — la règle de la charte
   (« la claire avec du blanc donne 2,68:1 »). */

/* ───────── La bande ───────── */
.rdv-bande{padding-block:clamp(2.25rem,5vw,4rem)}
.rdv-bande__in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(1.25rem,3vw,2.25rem) clamp(1.25rem,3.5vw,3rem);border:1px solid var(--line);background:var(--white);color:var(--ink)}
.rdv-bande__texte h2{margin:.35rem 0 .6rem;color:var(--ink-titre,var(--ink));font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.2;text-wrap:balance}
.rdv-bande__intro{margin:0 0 1.25rem;max-width:56ch;color:var(--ink-doux,var(--ink))}
.rdv-bande__raisons{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}
.rdv-bande__raisons li{display:flex;flex-direction:column;gap:.15rem}
.rdv-bande__raisons strong{color:var(--ink-titre,var(--ink));line-height:1.35}
.rdv-bande__raisons span{color:var(--ink-doux,var(--ink));font-size:.95rem;line-height:1.55}
.rdv-bande__action{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}
.rdv-bande__note{margin:0;color:var(--ink-doux,var(--ink));font-size:.9rem}
.rdv-bande__ecrire,.rdv-ligne a{color:var(--terra-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.rdv-bande__ecrire{font-size:.92rem}
.rdv-bande__ecrire:hover,.rdv-ligne a:hover{text-decoration-thickness:2px}
@media (max-width:860px){
  .rdv-bande__in{grid-template-columns:1fr}
  .rdv-bande__action{align-items:stretch}
  .rdv-bande__action .button{width:100%;justify-content:center;text-align:center}
}

/* ───────── La ligne, sous un bouton d'inscription ───────── */
.rdv-ligne{margin:.9rem 0 0;font-size:.95rem;line-height:1.5;color:inherit}
.rdv-ligne span{margin-right:.25rem}

/* ───────── Le bouton court du menu ─────────
   Un aplat, pas le dégradé : l'en-tête est pêche, et le dégradé du site finit en pêche — son
   extrémité disparaîtrait dans le fond. Terracotta fort + blanc le jour (5,23:1), terracotta
   clair + sombre la nuit (la même paire que la charte). */
.rdv-entete,.rdv-bandeau{--rdv-fond:#a35839;--rdv-fond-survol:#8c4a30;--rdv-texte:#fff}
.rdv-entete{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:40px;padding:.4rem 1.05rem;
  border:0;border-radius:999px;background:var(--rdv-fond);color:var(--rdv-texte);
  font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1;text-decoration:none;
  transition:transform .2s ease,background-color .2s ease}
.rdv-entete:hover,.rdv-entete:focus-visible{background:var(--rdv-fond-survol);color:var(--rdv-texte);transform:translateY(-2px)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) :is(.rdv-entete,.rdv-bandeau){--rdv-fond:#e8ac90;--rdv-fond-survol:#f0c1aa;--rdv-texte:#2b2d2f}
}
:root[data-theme="dark"] :is(.rdv-entete,.rdv-bandeau){--rdv-fond:#e8ac90;--rdv-fond-survol:#f0c1aa;--rdv-texte:#2b2d2f}
@media (prefers-reduced-motion:reduce){.rdv-entete{transition:none}.rdv-entete:hover,.rdv-entete:focus-visible{transform:none}}

/* L'EN-TÊTE NE REÇOIT PAS DE BOUTON SUR GRAND ÉCRAN. Mesuré le 9 novembre 2026 : la barre du
   menu tient au pixel près de 1 151 à 1 366 px (marge de 26 px à 1 200 px, de 57 px à 1 366 px) ;
   un bouton de plus la fait déborder de 80 à 111 px. Plutôt que de retoucher un menu réglé, le
   grand écran reçoit un BANDEAU FIN au-dessus de l'en-tête, qui défile avec la page (l'en-tête,
   lui, reste collé en haut). Sur petit écran, où le menu est replié, c'est le bouton court
   .rdv-entete--mobile, à côté du bouton du menu, qui reste visible en permanence.
   Le seuil est celui du menu lui-même : 1 150 px. */
.rdv-bandeau{background:var(--rdv-fond,#a35839);color:var(--rdv-texte,#fff);font-size:.9rem;line-height:1.3}
.rdv-bandeau__in{display:flex;flex-wrap:wrap;gap:.2rem .75rem;align-items:center;justify-content:center;padding:.5rem 1rem;text-align:center}
.rdv-bandeau__lien{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.rdv-bandeau__lien:hover,.rdv-bandeau__lien:focus-visible{text-decoration-thickness:2px}
.rdv-entete--mobile{display:none}
@media (max-width:1150px){
  .rdv-bandeau{display:none}
  .rdv-entete--mobile{display:inline-flex;margin-left:auto;margin-right:.75rem;min-height:36px;padding:.35rem .9rem;font-size:.85rem}
}

/* ───────── Après l'envoi du formulaire de contact ───────── */
.rdv-envoi{margin:.9rem 0 0;font-size:.95rem;line-height:1.5}
.rdv-envoi a{color:var(--terra-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ───────── Une paire de boutons posée par ce chantier : même règle que la charte ─────────
   resources/css/buttons.css liste les groupes qui reçoivent « premier cerclé, dernier en
   dégradé ». Le groupe .rdv-actions (accueil, bloc des prochaines sessions) n'y figure pas ;
   plutôt que de modifier la liste partagée, on applique ici EXACTEMENT les mêmes valeurs. */
.rdv-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.rdv-actions>:is(.button,.button-secondary):first-child:not(:only-child){background:transparent;background-image:none;border:1px solid var(--ink-fort);color:var(--ink-fort);box-shadow:none}
.rdv-actions>:is(.button,.button-secondary):first-child:not(:only-child):hover{background:color-mix(in srgb,var(--terra) 12%,transparent)}
.rdv-actions>:is(.button,.button-secondary):last-child:not(:only-child){background-image:linear-gradient(90deg,var(--terra),var(--button-peach));border:0;color:var(--ink-fort)}