/* ==========================================================================
   Daytona ANIMA - Page CONTACT (#contact)
   daytona-contact-v1.0.3.css
   Style le formulaire de contact facon Daytona : titre Khand souligne orange,
   formulaire centre, champs encadres, focus + bouton orange #eb6100.
   Pas de sidebar sur cette page (formulaire centre pleine zone).
   CSS pur, aucun template modifie. body id="contact".
   ========================================================================== */

/* === Largeur de contenu + pas de colonne gauche === */
#contact .columns-container,
#contact .columns-container.container {
  max-width: 1100px;
  padding: 0 30px;
  margin: 0 auto;
}
/* Neutraliser la sidebar gauche heritee du layout-left-column */
#contact #left-column,
#contact .left-column {
  display: none !important;
}
#contact #center-column,
#contact #content-wrapper,
#contact .content-wrapper {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* === Carte formulaire centree === */
#contact .contact-form {
  max-width: 680px;
  margin: 40px auto 60px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  padding: 40px 44px 44px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
}

/* === Titre "Contactez-nous" facon Daytona === */
#contact .contact-form .page-title-section,
#contact h1.page-title-section {
  font-family: 'Khand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #000;
  margin: 0 0 28px;
  padding-bottom: 14px;
  position: relative;
}
#contact .contact-form .page-title-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 4px;
  background: #eb6100;
}

/* === Champs === */
#contact .form-fields .mb-3 {
  margin-bottom: 22px;
}
#contact .form-label {
  display: block;
  font-family: 'Khand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #000;
  margin-bottom: 8px;
}
#contact .form-label.required::after {
  content: " *";
  color: #eb6100;
}

#contact .form-control,
#contact .form-select,
#contact input[type="email"],
#contact input[type="text"],
#contact input[type="file"],
#contact textarea {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #222;
  background: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  padding: 12px 14px;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
#contact textarea,
#contact #contact-us-message-textarea {
  min-height: 150px;
  resize: vertical;
}
#contact .form-control:focus,
#contact .form-select:focus,
#contact input:focus,
#contact textarea:focus {
  outline: none;
  border-color: #eb6100;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(235, 97, 0, 0.12);
}

/* Champ fichier (optionnel) un peu plus discret */
#contact input[type="file"] {
  background: #fff;
  padding: 9px 12px;
  font-size: 14px;
}

/* === Zone bouton : c'est une balise <footer class="buttons-wrapper"> donc la
   regle globale footer{background:#000} la colore en noir. On la neutralise. === */
#contact .contact-form footer,
#contact footer.buttons-wrapper,
#contact .buttons-wrapper {
  background: transparent !important;
  padding: 0 !important;
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
#contact .buttons-wrapper button,
#contact button[type="submit"],
#contact .btn-primary {
  font-family: 'Khand', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 16px;
  color: #fff;
  background: #eb6100;
  border: none;
  border-radius: 3px;
  padding: 13px 34px;
  cursor: pointer;
  transition: background 0.2s;
}
#contact .buttons-wrapper button:hover,
#contact button[type="submit"]:hover,
#contact .btn-primary:hover {
  background: #c85200;
}

/* === Masquer le breadcrumb (coherence avec les autres pages Daytona) === */
#contact nav.breadcrumb__wrapper,
#contact .breadcrumb__wrapper,
#contact .breadcrumb {
  display: none !important;
}

/* === Neutraliser le <footer class="page-footer"> VIDE (hook displayFooter vide) ===
   Il porte .page-footer (background:#000; padding:75px...) mais PAS .daytona-footer,
   d'ou un gros pave noir parasite. On masque tout page-footer sans daytona-footer,
   sans contrainte de parent (la v1.0.2 ciblait trop precisement et ratait la cible). */
footer.page-footer:not(.daytona-footer):not(#footer) {
  display: none !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* === Responsive === */
@media (max-width: 768px) {
  #contact .contact-form {
    margin: 24px 12px 40px;
    padding: 28px 22px 30px;
  }
  #contact .buttons-wrapper {
    justify-content: stretch;
  }
  #contact .buttons-wrapper button {
    width: 100%;
  }
}