/*
Theme Name: Maison Cloteaux
Author: Maison cloteaux
Description: Custom theme for Maison Cloteaux - Not reusable
Version: 1.0
*/

/* Styles pour tous les formulaires Contact Form 7 - Spécificité élevée */
.wpcf7,
[class*='wpcf7-'] {
  margin-top: 50px !important;
  height: auto !important;
}

.wpcf7 form,
[class*='wpcf7-'] form,
form.wpcf7-form {
  display: flex !important;
  flex-direction: column !important;
  text-transform: uppercase !important;
  justify-content: space-between !important;
  height: unset !important;
}

.wpcf7 form .requis,
[class*='wpcf7-'] form .requis,
.wpcf7 form .wpcf7-required,
[class*='wpcf7-'] form .wpcf7-required {
  color: var(--color-secondary-color) !important;
  font-weight: 300 !important;
}

.wpcf7 form .wpcf7-spinner,
[class*='wpcf7-'] form .wpcf7-spinner {
  display: none !important;
}

.wpcf7 form input:not(.wpcf7-submit),
.wpcf7 form textarea,
[class*='wpcf7-'] form input:not(.wpcf7-submit),
[class*='wpcf7-'] form textarea,
form.wpcf7-form input:not(.wpcf7-submit),
form.wpcf7-form textarea {
  border-bottom: 1px solid white !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 100% !important;
  margin-top: 10px !important;
  outline: none !important;
  color: white !important;
  max-height: 175px !important;
  background-color: transparent !important;
}

.wpcf7 form .wpcf7-submit,
[class*='wpcf7-'] form .wpcf7-submit,
form.wpcf7-form .wpcf7-submit {
  width: 150px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  padding: 10px 20px !important;
  color: white !important;
  background-color: var(--color-secondary-color) !important;
  border: none !important;
  border-bottom: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Centrer le conteneur du bouton submit (sauf dans le footer) */
.wpcf7 form p:has(.wpcf7-submit),
[class*='wpcf7-'] form p:has(.wpcf7-submit),
form.wpcf7-form p:has(.wpcf7-submit),
.wpcf7 form p.submit,
[class*='wpcf7-'] form p.submit,
form.wpcf7-form p.submit {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Exclure le footer du centrage */
footer .wpcf7 form p:has(.wpcf7-submit),
footer [class*='wpcf7-'] form p:has(.wpcf7-submit),
footer form.wpcf7-form p:has(.wpcf7-submit),
footer .wpcf7 form p.submit,
footer [class*='wpcf7-'] form p.submit,
footer form.wpcf7-form p.submit {
  justify-content: flex-start !important;
}

.wpcf7 form .wpcf7-submit:hover,
[class*='wpcf7-'] form .wpcf7-submit:hover,
form.wpcf7-form .wpcf7-submit:hover {
  background-color: white !important;
  color: var(--color-secondary-color) !important;
}

.wpcf7 form textarea,
[class*='wpcf7-'] form textarea,
form.wpcf7-form textarea {
  height: 100px !important;
  resize: vertical !important;
}

.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder,
[class*='wpcf7-'] form input::placeholder,
[class*='wpcf7-'] form textarea::placeholder,
form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

.wpcf7 form label,
[class*='wpcf7-'] form label,
form.wpcf7-form label {
  color: white !important;
  font-weight: 400 !important;
}

/* Styles pour formulaires dans le footer - Largeur complète et moins de padding */
footer .wpcf7,
footer [class*='wpcf7-'] {
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin: auto !important;
  padding: 0 !important;
  height: unset !important;
}

footer .wpcf7 form,
footer [class*='wpcf7-'] form,
footer form.wpcf7-form {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  height: unset !important;
}

footer .wpcf7 form p,
footer [class*='wpcf7-'] form p,
footer form.wpcf7-form p {
  padding: 0 !important;
  margin-bottom: 15px !important;
  width: 100% !important;
}

footer .wpcf7 form input,
footer .wpcf7 form textarea,
footer [class*='wpcf7-'] form input,
footer [class*='wpcf7-'] form textarea,
footer form.wpcf7-form input,
footer form.wpcf7-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 0 !important;
  margin-top: 5px !important;
}

footer .wpcf7 form .wpcf7-submit,
footer [class*='wpcf7-'] form .wpcf7-submit,
footer form.wpcf7-form .wpcf7-submit {
  width: auto !important;
  min-width: 150px !important;
  margin-top: 10px !important;
}

/* Styles pour formulaires sur fond clair (comme dans le footer) */
.bg-body-color .wpcf7 form input,
.bg-body-color .wpcf7 form textarea,
.bg-body-color [class*='wpcf7-'] form input,
.bg-body-color [class*='wpcf7-'] form textarea,
.bg-body-color form.wpcf7-form input,
.bg-body-color form.wpcf7-form textarea {
  border-bottom: 1px solid var(--color-primary-color) !important;
  color: var(--color-primary-color) !important;
}

.bg-body-color .wpcf7 form input::placeholder,
.bg-body-color .wpcf7 form textarea::placeholder,
.bg-body-color [class*='wpcf7-'] form input::placeholder,
.bg-body-color [class*='wpcf7-'] form textarea::placeholder,
.bg-body-color form.wpcf7-form input::placeholder,
.bg-body-color form.wpcf7-form textarea::placeholder {
  color: rgba(33, 64, 154, 0.6) !important;
}

.bg-body-color .wpcf7 form label,
.bg-body-color [class*='wpcf7-'] form label,
.bg-body-color form.wpcf7-form label {
  color: var(--color-primary-color) !important;
}

/* Le texte du bouton submit doit toujours être blanc sur tous les formulaires */
.bg-body-color .wpcf7 form .wpcf7-submit,
.bg-body-color [class*='wpcf7-'] form .wpcf7-submit,
.bg-body-color form.wpcf7-form .wpcf7-submit,
footer .wpcf7 form .wpcf7-submit,
footer [class*='wpcf7-'] form .wpcf7-submit,
footer form.wpcf7-form .wpcf7-submit {
  color: white !important;
}

/* Styles spécifiques pour le formulaire dans le hero de la page contact - Labels et bordures blancs */
.bg-primary-color .wpcf7 form label,
.bg-primary-color [class*='wpcf7-'] form label,
.bg-primary-color form.wpcf7-form label {
  color: white !important;
}

.bg-primary-color .wpcf7 form input:not(.wpcf7-submit),
.bg-primary-color .wpcf7 form textarea,
.bg-primary-color [class*='wpcf7-'] form input:not(.wpcf7-submit),
.bg-primary-color [class*='wpcf7-'] form textarea,
.bg-primary-color form.wpcf7-form input:not(.wpcf7-submit),
.bg-primary-color form.wpcf7-form textarea {
  border-bottom: 1px solid white !important;
  color: white !important;
}

/* Padding-Y pour chaque paragraphe du formulaire dans la page contact */
.bg-primary-color .wpcf7 form p,
.bg-primary-color [class*='wpcf7-'] form p,
.bg-primary-color form.wpcf7-form p {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* Masquer complètement le formulaire dans le footer sur la page contact */
body.page-contact footer > div:first-child,
body.page-id-contact footer > div:first-child {
  display: none !important;
}

/* Double sécurité pour masquer le formulaire même si la structure change */
body.page-contact footer .wpcf7,
body.page-contact footer [class*='wpcf7-'],
body.page-id-contact footer .wpcf7,
body.page-id-contact footer [class*='wpcf7-'] {
  display: none !important;
}

@media (max-width: 1024px) {
  .wpcf7 form p,
  [class*='wpcf7-'] form p,
  form.wpcf7-form p {
    display: flex !important;
    justify-content: center !important;
  }
  .wpcf7 form p label,
  [class*='wpcf7-'] form p label,
  form.wpcf7-form p label {
    width: 100% !important;
  }
}