.elementor-1193 .elementor-element.elementor-element-9ae2dbe{--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;}#elementor-popup-modal-1193 .dialog-widget-content{animation-duration:0.6s;border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1193{background-color:#00000036;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1193 .dialog-message{width:600px;height:auto;padding:40px 40px 40px 40px;}#elementor-popup-modal-1193 .dialog-close-button{display:flex;font-size:16px;}#elementor-popup-modal-1193 .dialog-close-button i{color:#000000;}#elementor-popup-modal-1193 .dialog-close-button svg{fill:#000000;}#elementor-popup-modal-1193 .dialog-close-button:hover i{color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-1193 .elementor-element.elementor-element-9ae2dbe{--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;}#elementor-popup-modal-1193 .dialog-message{width:90vw;padding:20px 20px 20px 20px;}#elementor-popup-modal-1193 .dialog-close-button{top:2%;}body:not(.rtl) #elementor-popup-modal-1193 .dialog-close-button{right:4%;}body.rtl #elementor-popup-modal-1193 .dialog-close-button{left:4%;}}/* Start custom CSS for html, class: .elementor-element-7f7171c *//* =========================================
   FORMULAIRE MAUTIC – SECCOB (Couleurs à jour)
   ========================================= */

/* Wrapper général */
.cd-mautic-form .mauticform_wrapper{
  max-width: 100% !important; /* On occupe tout l'espace du bloc gris */
  width: 100%;
}

/* ===== LABELS (Masqués pour look Placeholder) ===== */
.cd-mautic-form .mauticform_wrapper label{
  display: none !important;
}

/* ===== INPUTS & TEXTAREA (Version SECCOB) ===== */
.cd-mautic-form .mauticform_wrapper input[type="text"],
.cd-mautic-form .mauticform_wrapper input[type="email"],
.cd-mautic-form .mauticform_wrapper input[type="tel"],
.cd-mautic-form .mauticform_wrapper select,
.cd-mautic-form .mauticform_wrapper textarea{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 12px 15px !important;
  font-family: inherit;
  font-size: 16px !important;
  line-height: 1.4;
  border: 1px solid #D1D1D1 !important; /* Gris clair */
  border-radius: 12px !important; /* Arrondi SECCOB */
  background: #FFFFFF !important; /* Fond Blanc */
  color: #333333 !important; /* Texte Sombre */
  outline: none;
  box-sizing: border-box;
}

/* Focus */
.cd-mautic-form .mauticform_wrapper input:focus,
.cd-mautic-form .mauticform_wrapper textarea:focus{
  border-color: #000000 !important;
}

/* Placeholder */
.cd-mautic-form .mauticform_wrapper ::placeholder{
  font-size: 0.9em;
  color: #9A9AA0;
  opacity: 1;
}

/* ===== BOUTON (ROUGE SECCOB) ===== */
.cd-mautic-form .mauticform_wrapper .btn,
.cd-mautic-form .mauticform_wrapper .mauticform-button,
.cd-mautic-form .mauticform_wrapper input[type="submit"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100% !important; /* Pleine largeur */
  padding: 18px !important;
  font-family: inherit;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1;
  border-radius: 12px;
  border: none !important;
  background: #E2001A !important; /* ROUGE SECCOB */
  color: #FFFFFF !important; /* TEXTE BLANC */
  cursor: pointer;
  margin-top: 6px;
  text-transform: uppercase;
}

.cd-mautic-form .mauticform_wrapper .mauticform-button:hover{
  background: #B00014 !important;
}

/* ===== ERREURS / VALIDATION ===== */
.cd-mautic-form .mauticform_wrapper .mauticform-errormsg,
.cd-mautic-form .mauticform_wrapper .mauticform-row .error,
.cd-mautic-form .mauticform_wrapper .mauticform-row .help-block{
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #E2001A !important;
}

/* =========================================
   ✅ STRUCTURE + GRID (Ton code d'origine)
   ========================================= */

.cd-mautic-form .mauticform_wrapper form,
.cd-mautic-form .mauticform_wrapper .mauticform-innerform,
.cd-mautic-form .mauticform_wrapper .mauticform-page-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
}

.cd-mautic-form .mauticform_wrapper .mauticform-page-wrapper,
.cd-mautic-form .mauticform_wrapper .mauticform-innerform{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  column-gap: 22px;
  row-gap: 14px;
  align-items: start;
}

.cd-mautic-form .mauticform-row{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  grid-column: 1 / -1;
}

.cd-mautic-form .mauticform-row.half{
  grid-column: auto;
}

/* Responsive Tablette/Mobile */
@media (max-width: 1024px){
  .cd-mautic-form .mauticform_wrapper .mauticform-page-wrapper,
  .cd-mautic-form .mauticform_wrapper .mauticform-innerform{
    grid-template-columns: 1fr !important;
  }
}

.cd-mautic-form .mauticform_wrapper *,
.cd-mautic-form .mauticform_wrapper *::before,
.cd-mautic-form .mauticform_wrapper *::after{
  box-sizing: border-box;
}

/* Style spécifique pour la case RGPD */
.cd-mautic-form .mauticform-checkboxgrp-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 10px 0 !important;
}

/* On réduit la taille du texte RGPD pour que ce soit discret */
.cd-mautic-form .mauticform-checkboxgrp-label {
  display: inline !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #666 !important;
  font-weight: 400 !important;
}

/* La petite case à cocher */
.cd-mautic-form .mauticform-checkboxgrp-checkbox {
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
  cursor: pointer !important;
}

/* Force l'affichage du texte à côté de la case à cocher */
.cd-mautic-form .mauticform-checkboxgrp-row label {
    display: inline !important; /* On annule le "none" */
    color: #666 !important; /* Gris discret */
    font-size: 13px !important;
    font-weight: 400 !important;
    padding-left: 5px;
    cursor: pointer;
}

/* Alignement vertical propre */
.cd-mautic-form .mauticform-checkboxgrp-row {
    display: flex !important;
    align-items: flex-start !important;
}

/* ===== MESSAGE DE SUCCÈS (Correctif) ===== */

/* On cache le message s'il est vide pour éviter la barre verte inutile */
.cd-mautic-form .mauticform-message:empty {
    display: none !important;
}

/* Style du message quand il contient du texte */
.cd-mautic-form .mauticform-message {
    grid-column: 1 / -1 !important; /* Prend toute la largeur */
    background-color: #f0fdf4 !important; /* Vert très doux */
    color: #166534 !important; /* Vert foncé pro */
    border: 1px solid #bbf7d0 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
}

/* Optionnel : Masquer le formulaire une fois envoyé pour que ce soit plus propre */
/* Mautic ajoute souvent une classe au wrapper après l'envoi */
.mauticform-post-success .mauticform-innerform {
    display: none !important;
}/* End custom CSS */