/* ==================================================
   BLOC — PRISE DE RENDEZ-VOUS

   Ce qu'on va se dire à gauche, l'agenda à droite.
================================================== */

.prise_rendez_vous__colonnes {
    display: grid;
    /* L'agenda Calendly bascule en vue compacte (avec police et cases
       minuscules) dès que sa largeur interne passe sous ~700 px. On lui
       réserve donc la part majoritaire de la grille, et on serre le
       texte de gauche, qui reste lisible à 380 px. */
    grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.prise_rendez_vous__texte > .v-titre { margin-bottom: 22px; }

.prise_rendez_vous__points {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.prise_rendez_vous__points li {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 14px;
}

/* La puce est un repère, pas une décoration : elle aligne les quatre
   points sur une même colonne, ce qu'une liste à puces natives ne fait
   pas quand les intitulés sont en gras. */
.prise_rendez_vous__puce {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--v-turquoise-500);
}

.prise_rendez_vous__points h3 {
    margin: 0 0 3px;
    font-family: var(--v-font-corps);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--v-texte-titre);
}

.prise_rendez_vous__points p {
    margin: 0;
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--v-texte-meta);
}

.prise_rendez_vous__bandeau {
    padding: 16px 18px;
    border-left: 3px solid var(--v-turquoise-500);
    border-radius: var(--v-radius-md);
    background: var(--v-turquoise-100);
    font-family: var(--v-font-corps);
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--v-texte-corps);
}

.prise_rendez_vous__bandeau p { margin: 0; }

.prise_rendez_vous__bandeau-titre {
    margin-bottom: 4px !important;
    font-weight: 600;
    color: var(--v-texte-titre);
}

/* Le module Calendly s'insère dans une carte, pour ne pas flotter au
   milieu de la page comme un corps étranger. Le padding est réduit au
   minimum : chaque pixel gagné évite que Calendly bascule dans son
   affichage compact. */
.prise_rendez_vous__agenda {
    padding: 4px;
    background: var(--v-fond-carte);
    border: 1px solid var(--v-bordure);
    border-radius: var(--v-radius-lg);
    /* Pas d'overflow:hidden : Calendly fixe la hauteur de son iframe via
       le style inline du conteneur (720 px par défaut). Si la carte
       masque le débordement, on ne voit que le haut et il faut scroller
       à l'intérieur. On laisse donc la carte grandir avec le widget. */
}

.prise_rendez_vous__agenda .calendly-inline-widget {
    border-radius: var(--v-radius-md);
    width: 100%;
    min-width: 320px;
    /* La hauteur inline (attribut style) prime : on la laisse dicter
       la taille finale de l'iframe. */
    display: block;
}

/* L'invitation à se connecter prend la place du calendrier. Elle est
   habillée comme lui — même carte, même hauteur d'entrée — pour qu'on
   comprenne que c'est la réservation qui attend, pas la page qui est
   cassée. */
.prise_rendez_vous__connexion {
    padding: 40px 32px;
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--v-texte-corps);
}

.prise_rendez_vous__connexion-titre {
    margin: 0 0 10px;
    font-family: var(--v-font-titre);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--v-texte-titre);
}

.prise_rendez_vous__connexion p { margin: 0 0 18px; }

.prise_rendez_vous__connexion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
}

.prise_rendez_vous__absent {
    margin: 0;
    padding: 24px;
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--v-texte-meta);
}

@media (max-width: 991px) {
    /* L'agenda passe au-dessus : sur un écran étroit, faire défiler
       quatre paragraphes avant d'atteindre le calendrier décourage. */
    .prise_rendez_vous__colonnes {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .prise_rendez_vous__agenda { order: -1; }
}

@media (max-width: 575px) {
    /* Le cadre de Calendly est déjà étroit : 32 px de marge de chaque
       côté lui prennent un cinquième de la largeur, et son calendrier
       de sept colonnes n'a plus la place d'écrire ses jours. */
    .prise_rendez_vous__connexion,
    .prise_rendez_vous__absent {
        padding: 22px 18px;
    }

    .prise_rendez_vous__agenda {
        padding: 2px;
    }
}