/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* Style général du formulaire */
body {
  background-color: #ffffff;
  font-family: 'Lato', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.wpcf7 {
  width: 100%;
  max-width: 600px;
}

/* Label collé au champ */
.wpcf7 label {
  font-weight: 600;
  display: block;
  margin-bottom: 0.2rem;
  color: #444;
}

/* Style des champs */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
  width: 100%;
  padding: 0.7rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  font-size: 1rem;
  border-radius: 0;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  background: transparent;
  color: #000; /* Assure que le texte est visible */
}

.wpcf7-textarea {
  resize: vertical;
  min-height: 100px;
}

/* Style du bouton */
.wpcf7-submit {
  width: 50%;
  background: transparent !important;
  color: black;
  border: 1px solid black;
  padding: 0.8rem;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  cursor: pointer;
  display: block;
  margin-left: 0px;
  transition: transform 0.2s ease-in-out, width 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* Animation hover sur le bouton */
.wpcf7-submit:hover {
  width: 55%;
  background-color: rgba(0, 0, 0, 0.05);
}

@media (max-width: 600px) {
  .wpcf7 {
    padding: 1.2rem;
  }

  .wpcf7-submit {
    width: 100%;
  }
}


@media (max-width: 991px) {
  .inverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* Masquer le texte "Sélectionner une page" en mobile */
span.select_page {
  display: none !important;
}