/* ============================================
   Ixila — page Prendre rendez-vous
   ============================================
   Le formulaire vient d'un script externe et se met a jour tout seul.
   On ne cible JAMAIS ses classes .rdv-* : tout l'habillage passe par les
   douze variables posees sur .booking-embed, branchees sur les jetons du site.
   Police, taille, couleur de texte et interligne sont herites : rien a declarer. */

/* Hero sans media : .page-hero de base n'est pas positionne, or la vague de
   transition est en absolute. Les vagues restent blanches (defaut), ce qui
   matche le fond de la section qui suit. */
.page-hero--rdv {
    position: relative;
    overflow: hidden;
    padding-bottom: clamp(5rem, 10vw, 8rem);
}

.section--booking {
    background: var(--c-white);
    padding-block: var(--sp-3xl) var(--sp-4xl);
}

.booking-intro {
    max-width: var(--container-narrow);
    margin: 0 auto var(--sp-2xl);
    text-align: center;
    color: var(--c-text-soft);
    line-height: var(--lh-normal);
}

/* Conteneur du bloc : largeur de lecture confortable, pas de transform ni
   d'opacite animee ici (cela casserait les calques du formulaire). */
.booking-embed {
    max-width: 980px;
    margin: 0 auto;

    --rdv-fond:          var(--c-light);
    --rdv-surface:       var(--c-white);
    --rdv-surface-choix: var(--c-surface);
    --rdv-texte:         var(--c-text);
    --rdv-texte-doux:    var(--c-text-soft);
    --rdv-trait:         var(--c-border);
    --rdv-accent:        var(--c-primary);
    --rdv-accent-texte:  var(--c-white);
    --rdv-rayon:         var(--radius-sm);
    --rdv-rayon-carte:   var(--radius-lg);
    --rdv-ombre:         var(--shadow-md);
    --rdv-densite:       1.15;
}

.booking-note,
.booking-alt {
    max-width: 980px;
    margin-inline: auto;
    text-align: center;
    line-height: var(--lh-normal);
}
.booking-note {
    margin-block: var(--sp-lg) 0;
    font-size: var(--fs-small);
    color: var(--c-text-muted);
}
.booking-alt {
    margin-block: var(--sp-md) 0;
    color: var(--c-text-soft);
}
.booking-note a,
.booking-alt a {
    color: var(--c-primary);
}

@media (max-width: 600px) {
    /* Ecran etroit : on resserre le formulaire */
    .booking-embed {
        --rdv-densite: 1;
    }
}