/*
 Theme Name:   ATTPS
 Theme URI:    https://example.com
 Description:  Thème enfant ATTPS pour Divi 5 – Personnalisations préservées lors des mises à jour.
 Author:       Votre Nom
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  attps
*/

/* ==========================================================================
   Vos styles personnalisés ci-dessous
   ========================================================================== */

/* --- GLOBAL FORMULAIRE --- */
.gform_wrapper {
  font-family: inherit; /* Utilise la police du site */
}

/* Masquer le texte d'indication des astérisques obsolète */
.gform_wrapper .gfield_required_text {
  font-size: 13px;
  color: #666;
  margin-bottom: 15px;
  display: inline-block;
}

/* --- DESIGN DES CHAMPS (Inputs, Textarea, Select) --- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea,
.gform_wrapper select {
  width: 100% !important;
  background-color: #ffffff !important;
  color: #120b09 !important; /* Couleur sombre du site */
  border: 1px solid #e1d3c7 !important; /* Bordure douce */
  border-radius: 8px !important; /* Coins légèrement arrondis modernes */
  padding: 16px 20px !important; /* Plus d'espace interne */
  font-size: 16px !important;
  font-weight: 500 !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

/* Style spécifique pour le select (menu déroulant) */
.gform_wrapper select {
  height: auto !important;
  appearance: none; /* Supprime le style natif du navigateur */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23120b09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
  padding-right: 45px !important;
}

/* --- EFFET AU CLIC (FOCUS) --- */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: #f3cea8 !important; /* Ta couleur fétiche Orange/Sable */
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(243, 206, 168, 0.2) !important; /* Halo lumineux subtil */
}

/* --- LES LABELS EN PLACEHOLDER (Si tu les as activés, sinon ça stylise les labels classiques) --- */
.gform_wrapper .gfield_label {
  font-weight: 600 !important;
  color: #120b09 !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
}

/* --- ZONE DE TEXTE (MESSAGE) --- */
.gform_wrapper textarea {
  min-height: 150px !important;
  resize: vertical !important; /* Permet d'agrandir uniquement en hauteur */
}

/* --- CASE À COCHER (RGPD) --- */
.gform_wrapper input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #f3cea8 !important;
  border-radius: 4px !important;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 10px !important;
}

.gform_wrapper .ginput_container_consent label {
  font-size: 14px !important;
  color: #4a4a4a !important;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.gform_wrapper .gsection_description,
.gform_wrapper .gfield_description {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #6a6a6a !important;
  border-left: 2px solid #f3cea8 !important;
  padding-left: 15px !important;
  margin-top: 10px !important;
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"] {
  background-color: #120b09 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 16px 40px !important;
  border: 2px solid #120b09 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
  background-color: #f75754 !important;
  border-color: #f75754 !important;
  color: #120b09 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(243, 206, 168, 0.3) !important;
}

.gform_wrapper .gform_footer input[type="submit"]:active,
.gform_wrapper .gform_page_footer input[type="submit"]:active {
  transform: translateY(0);
}