.elementor-5176 .elementor-element.elementor-element-b063b69{--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;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-b063b69 *//* ================================================
   ACA GARAIX ATELIER CONSTRUCTION AUTO GARAIX — Message de confirmation Contact Form 7
   ================================================ */

.dam-contact-form-box .wpcf7-response-output {
  position: relative !important;
  margin: 22px 0 0 !important;
  padding: 18px 20px 18px 58px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  box-shadow: 0 16px 38px rgba(35, 74, 138, 0.09) !important;
}

/* Message succès */
.dam-contact-form-box form.sent .wpcf7-response-output {
  background: #F0FDF4 !important;
  border: 1.5px solid #16A34A !important;
  color: #166534 !important;
}

/* Icône succès */
.dam-contact-form-box form.sent .wpcf7-response-output::before {
  content: "✓" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #16A34A !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Message erreur */
.dam-contact-form-box form.invalid .wpcf7-response-output,
.dam-contact-form-box form.failed .wpcf7-response-output,
.dam-contact-form-box form.aborted .wpcf7-response-output,
.dam-contact-form-box form.spam .wpcf7-response-output {
  background: #FEF2F2 !important;
  border: 1.5px solid #B42318 !important;
  color: #991B1B !important;
}

/* Icône erreur */
.dam-contact-form-box form.invalid .wpcf7-response-output::before,
.dam-contact-form-box form.failed .wpcf7-response-output::before,
.dam-contact-form-box form.aborted .wpcf7-response-output::before,
.dam-contact-form-box form.spam .wpcf7-response-output::before {
  content: "!" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #B42318 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .dam-contact-form-box .wpcf7-response-output {
    padding: 16px 16px 16px 52px !important;
    font-size: 14px !important;
  }

  .dam-contact-form-box form.sent .wpcf7-response-output::before,
  .dam-contact-form-box form.invalid .wpcf7-response-output::before,
  .dam-contact-form-box form.failed .wpcf7-response-output::before,
  .dam-contact-form-box form.aborted .wpcf7-response-output::before,
  .dam-contact-form-box form.spam .wpcf7-response-output::before {
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 15px !important;
  }
}/* End custom CSS */