/* ===== Page Pré-inscription — formulaire Transparent Classroom intégré (maquette V4) ===== */

/* HERO (natif Elementor : dégradé orange clair -> crème, titre orange, contenu centré) */
.pi-hero-native .pi-hero-text { max-width: 640px; margin-left: auto; margin-right: auto; font-size: 18px; }

/* WRAP du formulaire */
.pi-wrap { max-width: 1400px; margin: 0 auto; padding: var(--space-3xl) var(--space-xl) var(--space-4xl); }
.pi-info {
    background: var(--bleu-light); border-radius: var(--radius-lg);
    padding: var(--space-lg) var(--space-xl); margin-bottom: var(--space-xl);
    color: var(--gris-fonce); font-size: 15px; line-height: 1.7;
}
.pi-info strong { color: var(--bleu); }
.pi-frame {
    background: var(--blanc); border-radius: var(--radius-xl);
    padding: var(--space-md); box-shadow: var(--shadow-medium); overflow: hidden;
}
/* Hauteur fixe (le formulaire TC ne se redimensionne pas tout seul) calibree pour ne jamais
   couper le bouton d'envoi : ~3734px jusqu'a 700px de large, ~4310px en mobile etroit. */
.pi-frame iframe {
    width: 100%; height: 3500px; border: 0;
    border-radius: var(--radius-md); display: block; overflow: hidden;
}
.pi-fallback { margin-top: var(--space-md); text-align: center; font-size: 14px; color: var(--gris-moyen); }
.pi-fallback a { color: var(--bleu); font-weight: 700; }

/* Hauteur calée sur la position réelle du bouton Soumettre selon la largeur (le formulaire
   TC s'allonge quand les champs passent sur une colonne). Marge basse minimale, jamais coupé. */
@media (max-width: 767px) { .pi-frame iframe { height: 3700px; } }
@media (max-width: 616px) { .pi-frame iframe { height: 4020px; } }
@media (max-width: 480px) { .pi-frame iframe { height: 4200px; } }