.elementor-9448 .elementor-element.elementor-element-25d50d8{--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-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7-wrapper{text-align:default;}.elementor-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap{margin-bottom:0px;}.elementor-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7 .wpcf7-form input[type="submit"]{width:312px;background-color:#A84C57;color:#FFFFFF;padding:10px 10px 10px 10px;margin-top:17px;}.elementor-9448 .elementor-element.elementor-element-5eff9e2 .eael-contact-form-7 .wpcf7-form input[type="submit"]:hover{background-color:#D6737F;}:root{--page-title-display:none;}/* Start custom CSS for eael-contact-form-7, class: .elementor-element-5eff9e2 *//* ================================
   FICHE DE DIAGNOSTIC - SQUARE INFO
   ================================ */

.fiche-diagnostic {
  font-family: 'Poppins', sans-serif;
  background: #FCFCFC;
  border-radius: 16px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
  padding: 35px 45px;
  max-width: 900px;
  margin: 40px auto;
  color: #0F0D10;
}

/* --- TITRES --- */
.fiche-diagnostic .fiche-titre {
  color: #8A2E39;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 25px;
}

.fiche-diagnostic .titre-section {
  color: #281A1D;
  font-size: 1.7rem;
  font-weight: 600;
  margin-top: 25px;
  border-left: 4px solid #8A2E39;
  padding-left: 10px;
}

/* --- SECTIONS --- */
.section {
  margin-bottom: 30px;
}

.section hr {
  border: 0;
  border-top: 2px solid #D0D1CF;
  margin: 20px 0;
}

/* --- LIGNES --- */
.ligne {
  margin-bottom: 15px;
}

.label {
  font-weight: 600;
  color: #281A1D;
  margin-bottom: 4px;
  display: inline-block;
  margin-top: 5px;
}

/* --- CHAMPS DE SAISIE --- */
.input-square,
.fiche-diagnostic input[type="text"],
.fiche-diagnostic input[type="email"],
.fiche-diagnostic input[type="tel"],
.fiche-diagnostic input[type="date"],
.fiche-diagnostic textarea,
.fiche-diagnostic select {
  width: 100%;
  border: 1.5px solid #A4848F;
  border-radius: 8px;
  background: #FFFFFF;
  padding: 8px 12px;
  font-size: 1rem;
  transition: 0.25s;
  margin-top: 10px;
}

.input-square:focus {
  outline: none;
  border-color: #8A2E39;
  box-shadow: 0 0 4px rgba(138, 46, 57, 0.3);
}

/* --- RADIO / CHECKBOX --- */
/* agrandir les cases elles-mêmes */
.fiche-diagnostic input[type="checkbox"],
.fiche-diagnostic input[type="radio"] {
  accent-color: #8A2E39;
  transform: scale(1.3); /* taille légèrement augmentée */
  margin-right: 8px;
  cursor: pointer;
}

/* espacement entre les éléments */
.fiche-diagnostic .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin-right: 25px; /* espace horizontal */
  margin-bottom: 10px; /* espace vertical */
}

/* texte plus lisible à côté */
.fiche-diagnostic .wpcf7-list-item-label {
  font-size: 0.95rem;
  line-height: 1.3;
  cursor: pointer;
}



/* --- SUBMIT --- */
.btn-submit {
  background: #8A2E39;
  color: #FFFFFF;
  padding: 12px 25px;
  font-size: 1rem;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 15px;
}

.btn-submit:hover {
  background: #A84C57;
}

/* --- RESPONSIVE --- */
@media (max-width: 700px) {
  .fiche-diagnostic {
    padding: 25px 20px;
  }

  .fiche-diagnostic .fiche-titre {
    font-size: 1.4rem;
  }

  .fiche-diagnostic .titre-section {
    font-size: 1.4rem;
    border-left-width: 3px;
  }

  .input-square,
  .fiche-diagnostic input,
  .fiche-diagnostic textarea {
    font-size: 1rem;
  }
}


/* === Correction forte des blocs conditionnels === */


.ligne-precision,
.ligne-dongle,
.ligne-fichiers {
  background: #F9F9F9;
  border: 1px solid #D0D1CF;
  border-radius: 10px;
  padding: 14px 16px;
  margin-top: 12px;
  display: block;
}

.ligne-precision label,
.ligne-dongle label,
.ligne-fichiers label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #281A1D;
}


.ligne-precision input,
.ligne-dongle select,
.ligne-fichiers input,
.ligne-fichiers .wpcf7-form-control {
  width: 100%;
  display: block;
  margin-top: 4px;
  box-sizing: border-box;
}


/* Signature */
.signature-wrapper {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  
}

.signature-wrapper label {
  align-self: flex-start;
  margin-bottom: 10px;
  font-weight: 600;
  color: #444;
}

/* Version bureau (large et longue) */
.signature-field {
  width: 220% !important;
  max-width: 900px;
  height: 200px !important;
  border: 2px dashed #8c7ae6;
  border-radius: 12px;
  background-color: #faf9ff;
  box-shadow: inset 0 0 8px rgba(140, 122, 230, 0.15);
  transition: all 0.3s ease;
}

@media (max-width: 1024px) {
  .signature-field {
    width: 100% !important;
    max-width: 100%;
    height: 180px !important;
  }
}

@media (max-width: 768px) {

  .signature-field {
    width: 95% !important;
    height: 160px !important;
  }
}

@media (max-width: 480px) {
  .signature-field {
    height: 140px !important;
  }
}


/* === Ajustement de la zone de signature === */
.wpcf7-form .signature-client .signature-field,
canvas.wpcf7-signature {
  width: 100% !important;         /* prend toute la largeur du bloc */
  height: 200px !important;       /* tu peux monter à 250 si tu veux plus grand */
  border: 1.5px solid #A4848F;
  border-radius: 10px;
  background: #fff;
  display: block;
  margin: 10px 0;
}

/* le bouton "Clear" */
.wpcf7-form .signature-client button,
.wpcf7-form .signature-clear {
  background: #8A2E39;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 0.9rem;
  margin-top: 5px;
}

.wpcf7-form .signature-clear:hover {
  background: #A84C57;
}/* End custom CSS */