/* Domgate : la bande de contact qui porte le formulaire de /contact (08/10/2026, App\Formulaires\FormulaireDePage).
   Chargee seulement par une bande qui le montre (_contact_sur_page.blade.php). La variante « Standard » garde la bande du
   theme (titre, image a droite) ; la « Compact » montre le formulaire seul, dans la colonne de lecture des blocs. */

/* Standard : la colonne du texte et du formulaire a gauche, l'image sur la moitie droite, de toute la hauteur. */
.section--contact-formulaire{align-items:flex-start;padding-top:56px;padding-bottom:56px}
.section--contact-formulaire .section__content{max-width:50%;padding-top:8px;padding-bottom:8px}
.section--contact-formulaire .section__content .section__title{margin-bottom:8px}
.section--contact-formulaire .section__delai{margin:0 0 24px;font-size:16px;line-height:1.5;color:#505459}

/* Le formulaire dans les deux variantes : sans le rembourrage d'un bloc, sans colonne de texte. */
.section--contact-formulaire .bloc--formulaire,.bloc--contact-compact .bloc--formulaire{padding:0}
.bloc--formulaire-compact .bloc--formulaire__int{display:block;max-width:none;padding:0}
/* Sous l'en-tete collant, au saut d'un lien « Contact us » et au retour d'un envoi (#f-…). */
.bloc--formulaire-compact{scroll-margin-top:96px;text-align:start}

/* Compact : la colonne de lecture des blocs. */
.bloc--contact-compact .bloc__int{max-width:var(--bl-lecture)}
.bloc--contact-compact .bloc__intro{margin:-6px 0 24px;font-size:16px}

/* Une liste de droite a gauche (arabe) : la fleche passe a gauche, comme dans la carte de /contact. */
[dir="rtl"] .bloc--formulaire-compact .bloc--formulaire__champ select{padding-right:12px;padding-left:36px;background-position:left 14px center}

/* Une colonne etroite (la moitie de la bande) : les champs revendeur a cases sur une colonne. */
@media (min-width:1012px) and (max-width:1199px){
  .section--contact-formulaire .bloc--formulaire__cases{grid-template-columns:1fr}
}

/* Sous 1 012 px, le theme pose l'image au-dessus du texte : elle est retiree, le formulaire prend toute la largeur. */
@media (max-width:1011px){
  .section--contact-formulaire .section__graphic{display:none}
  .section.section--graphic-half.section--graphic-right.section--contact-formulaire .section__content{margin-top:0;max-width:100%;padding-right:0;text-align:start}
  .section--contact-formulaire .section__content .section__title{text-align:start}
  .section--contact-formulaire{min-height:0;padding-top:40px;padding-bottom:40px}
}
@media (max-width:559px){
  .section--contact-formulaire .bloc--formulaire__grille{grid-template-columns:1fr}
  .section--contact-formulaire .section__delai{margin-bottom:20px}
}