.elementor-772 .elementor-element.elementor-element-34c24d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-772 .elementor-element.elementor-element-e0ce1c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 24px;--row-gap:0px;--column-gap:24px;}.elementor-772 .elementor-element.elementor-element-2b4e70a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-772 .elementor-element.elementor-element-e028efe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-772 .elementor-element.elementor-element-b74ba0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-772 .elementor-element.elementor-element-2b4e70a{--width:66.6666%;}.elementor-772 .elementor-element.elementor-element-e028efe{--width:33.3333%;}}/* Start custom CSS for shortcode, class: .elementor-element-8968060 *//* ============================================================
   FORMULAIRE CONTACT / DEVIS — WEIL Brechertechnik
   À coller dans Simple Custom CSS and JS.
   ⚠ REMPLACE __ID__ par l'ID réel de ton formulaire (ex. 1, 3, 5…)
     -> fais un "Rechercher/Remplacer" de __ID__ avant de coller.
   Compatible thème Orbital (récent) ET legacy.
   ============================================================ */

/* --- Variables locales --- */
#gform_wrapper___ID__{
  --weil-red:#E30613;
  --weil-red-dark:#b30410;
  --weil-ink:#131517;
  --weil-line:#e5e6e8;
  --weil-gray-50:#f6f6f7;
  --weil-gray-200:#e1e2e4;
  --weil-gray-500:#8a8e94;
}

/* ============ CARTE GLOBALE : liseré rouge en haut ============ */
#gform_wrapper___ID__{
  border:1px solid var(--weil-line);
  border-top:3px solid var(--weil-red);
  padding:36px 36px 40px;
  background:#fff;
}
@media (max-width:600px){
  #gform_wrapper___ID__{ padding:28px 22px 32px; }
}

/* ============ CHAMPS TEXTE / EMAIL / TEL / TEXTAREA / SELECT ============ */
#gform_wrapper___ID__ input[type=text],
#gform_wrapper___ID__ input[type=email],
#gform_wrapper___ID__ input[type=tel],
#gform_wrapper___ID__ select,
#gform_wrapper___ID__ textarea{
  width:100%;
  font-size:15px;
  color:var(--weil-ink);
  border:1px solid var(--weil-gray-200);
  background:var(--weil-gray-50);
  padding:12px 14px;
  border-radius:0;            /* angles droits, charte WEIL */
  box-shadow:none;
  transition:border-color .2s, background .2s;
}
#gform_wrapper___ID__ input[type=text]:focus,
#gform_wrapper___ID__ input[type=email]:focus,
#gform_wrapper___ID__ input[type=tel]:focus,
#gform_wrapper___ID__ select:focus,
#gform_wrapper___ID__ textarea:focus{
  border-color:var(--weil-red);
  background:#fff;
  outline:none;
}
#gform_wrapper___ID__ textarea{ min-height:130px; }

/* Labels */
#gform_wrapper___ID__ .gfield_label{
  font-size:13px; font-weight:600; letter-spacing:.02em;
  color:var(--weil-ink); margin-bottom:7px;
}
#gform_wrapper___ID__ .gfield_required{ color:var(--weil-red); }

/* ============ OBJET DE LA DEMANDE : radios en "cartes" ============ */
/* On stylise les 2 boutons radio (Question générale / Demande de devis)
   en blocs côte à côte. Cible le champ radio : ajoute la classe CSS
   "weil-reqtype" à ce champ dans GF (onglet Apparence > Classe CSS). */
#gform_wrapper___ID__ .weil-reqtype .gfield_radio{
  display:flex; gap:12px; flex-wrap:wrap;
}
#gform_wrapper___ID__ .weil-reqtype .gchoice{
  flex:1; min-width:200px; margin:0;
  border:1px solid var(--weil-gray-200);
  padding:16px 18px;
  transition:border-color .2s, background .2s;
}
#gform_wrapper___ID__ .weil-reqtype .gchoice:hover{ border-color:var(--weil-red); }
/* état sélectionné : encadré rouge + fond léger */
#gform_wrapper___ID__ .weil-reqtype .gchoice:has(input:checked){
  border-color:var(--weil-red);
  background:rgba(227,6,19,.04);
}
#gform_wrapper___ID__ .weil-reqtype input[type=radio]{
  accent-color:var(--weil-red);
  width:18px; height:18px; margin-right:10px;
}
#gform_wrapper___ID__ .weil-reqtype label{
  font-weight:600; font-size:14.5px; color:var(--weil-ink); cursor:pointer;
}

/* ============ BLOC DEVIS : fond grisé + filet rouge ============ */
/* Ajoute la classe CSS "weil-devis" à CHAQUE champ technique conditionnel
   (type machine, matériau, granulométrie, localisation) dans GF.
   Astuce : pour un encadré visuel unique, place ces champs entre deux
   champs "Section" GF, ou applique weil-devis à un conteneur de section. */
#gform_wrapper___ID__ .weil-devis{
  border-left:3px solid var(--weil-red);
  background:var(--weil-gray-50);
  padding:18px 22px 4px;
  margin-bottom:14px;
}

/* ============ CONSENTEMENT RGPD ============ */
#gform_wrapper___ID__ .gfield_consent_label,
#gform_wrapper___ID__ .ginput_container_consent label{
  font-size:13px; color:#4b4f54; line-height:1.5;
}
#gform_wrapper___ID__ input[type=checkbox]{ accent-color:var(--weil-red); }

/* ============ BOUTON ENVOYER ============ */
#gform_wrapper___ID__ .gform_footer input[type=submit],
#gform_wrapper___ID__ .gform_footer button{
  background:var(--weil-red);
  color:#fff;
  border:none;
  font-weight:600; font-size:15px;
  letter-spacing:.04em; text-transform:uppercase;
  padding:16px 30px;
  border-radius:0;
  cursor:pointer;
  transition:background .2s, transform .2s;
}
#gform_wrapper___ID__ .gform_footer input[type=submit]:hover,
#gform_wrapper___ID__ .gform_footer button:hover{
  background:var(--weil-red-dark);
  transform:translateY(-1px);
}

/* ============ TITRE / DESCRIPTION du formulaire (optionnel) ============ */
#gform_wrapper___ID__ .gform_title{
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-weight:700; font-size:28px; letter-spacing:.01em;
  text-transform:uppercase; color:var(--weil-ink); margin-bottom:6px;
}/* End custom CSS */