/* © 2026 DRAK Infinity (NEQ 2281240509), Montréal (Québec), Canada. Prise de rendez-vous (mission 19, lot C, partie site; restructurée
   mission 31, lot A, fait 185, 2 novembre 2026 : plus de fenêtre, plus d'étape « choix » à deux cartes — voir outils/rendez-vous-donnees.mjs
   et site/commun/rendez-vous.js. Les classes mortes de l'ancienne étape « choix » et de l'ancien clonage dans une fenêtre (.drkr-bloc,
   .drkr-carte*, .drkr-phrase, .drkr-avis, .drkr-absence en bandeau d'alerte, .drkr-fenetre, .drkf-fenetre .drkr) sont retirées : le texte
   qu'elles mettaient en forme vit maintenant dans la section « Les détails » de la page (classes .v4-carte, .v4-note, .v4-prose de
   site/commun/v4.css, posées par outils/rendez-vous-donnees.mjs). Écrit à la main.
   Règle de site (REGLES-SITE.md, règle 1) : aucune couleur en dur, seulement les jetons du thème courant (--r-* ci-dessous, repris des jetons
   de page --surface/--texte/--texte2/--trait/--or-texte, posés par v3-habillage.mjs). */

/* ── bouton de la barre du haut ── */
.drkr-bouton{display:inline-flex;align-items:center;white-space:nowrap;margin:0 6px;padding:6px 14px;border:1px solid var(--or);border-radius:999px;color:var(--or-texte);background:transparent;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.drkr-bouton:hover,.drkr-bouton:focus-visible{background:var(--puce);color:var(--or-texte)}
/* Le bouton de la barre du haut (.drkr-bouton-racine : icône d'agenda sous 1 280 px, retiré de la barre sous 1 120 px) est mis en forme par site/commun/barre.css (barre unique, mission 20, lot A). */
@media (max-width:640px){.drkr-bouton{margin:4px 0;padding:5px 12px;font-size:13.5px}}
#drakMenu a.drkr-bouton{display:block;margin:0;padding:14px 6px;border:0;border-radius:0;border-bottom:1px solid var(--trait);background:transparent;font-size:19px;letter-spacing:.02em;font-weight:inherit}

/* ── widget de réservation (page /rendez-vous, /en/book) : l'agenda Cal.com, visible dès le chargement, et son repli ── */
.drkr{--r-fond:var(--surface);--r-texte:var(--texte);--r-texte2:var(--texte2);--r-trait:var(--trait);--r-or:var(--or-texte);text-align:left;min-width:0}
.drkr [hidden]{display:none!important}
.drkr-statut{margin:0 0 10px;min-height:1.4em;font-size:14px;color:var(--r-texte2)}
/* Avis obligatoire du juriste, au-dessus du cadre (verdict de juridique-qc, 2 novembre 2026, REGLES-SITE.md règle 7) : 13 px, couleur de
   texte principale --r-texte (jamais --r-texte2, réservée au texte secondaire), jamais .v4-note (11 px italique, trop petit ici). */
.drkr-avis-panneau{margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--r-texte);background:var(--r-fond);border:1px solid var(--r-trait);border-radius:10px}
.drkr-avis-panneau a{color:inherit;text-decoration:underline}
.drkr-cadre{margin:0 0 14px}
.drkr-iframe{display:block;width:100%;height:min(72vh,680px);min-height:520px;border:1px solid var(--r-trait);border-radius:12px;background:var(--r-fond)}
.drkr-absent{margin:0 0 10px;font-size:14px}
.drkr-lien{padding:0;border:0;background:none;color:var(--r-or);font:inherit;text-decoration:underline;cursor:pointer}
.drkr-retour{margin:6px 0 0;padding:8px 16px;border:1px solid var(--r-trait);border-radius:999px;background:transparent;color:var(--r-texte);font:inherit;font-size:14px;cursor:pointer}
.drkr-retour:hover,.drkr-retour:focus-visible{border-color:var(--r-or)}
.drkr-phrase-repli{margin:0 0 14px;font-size:15.5px;color:var(--r-texte)}
.drkr .drkf-tel select{font-size:14px}
.drkr form.drkf{margin:0 0 12px}
.drkr a:focus-visible,.drkr button:focus-visible{outline:2px solid var(--r-or);outline-offset:2px}

/* ── les deux cartes à droite du calendrier (fait 185), même hauteur stable, pas de gonflage de l'agenda ── */
.rdv-cartes{display:grid;gap:12px;align-content:start}

/* ── section « Les détails » sous le calendrier (fait 185) : texte courant, une mention en petit (.v4-note, posée par rendez-vous-donnees.mjs) ── */
.rdv-details h2{margin:0 0 6px}
.rdv-details p{margin:0 0 14px}
.rdv-details p:last-child{margin-bottom:0}

@media (max-width:640px){
  .drkr-iframe{min-height:480px;height:70vh}
}

/* ── en-tête réduit (fait 197 g) : l'agenda Cal.com, contenu principal de la page, doit commencer à 320 px au plus
   du haut de la page à 1 366 px. Fil d'Ariane + titre + une phrase restent, mais nettement plus courts que le
   grand en-tête générique (.v4-tete de v4.css, partagé par les autres pages) : le gros du contenu de /rendez-vous
   est l'agenda, pas le texte d'en-tête. Scopé à #rendez-vous (section d'en-tête) et à la section suivante
   (sélecteur adjacent), jamais à .v4-tete lui-même, qui reste partagé par tout le site. */
#rendez-vous{padding:14px 0 2px}
#rendez-vous .v4-tete{padding-block:0;gap:4px}
#rendez-vous .v4-tete h1{font-size:clamp(24px,2.6vw,30px)}
#rendez-vous .v4-tete p{font-size:15px;margin:0;max-width:60ch}
#rendez-vous + section{padding-top:2px}
#rendez-vous + section [data-drkr="statut"]{margin-bottom:4px}
#rendez-vous + section [data-drkr="avis-panneau"]{margin-bottom:6px}