/* ============================================
   BRASSERIE DU TNP — Style formulaires CF7
   ============================================ */

/* --- Variables de couleurs --- */
:root {
  --tnp-bg:        #003415;
  --tnp-surface:   #004a1e;
  --tnp-border:    #005c25;
  --tnp-gold:      #ffffff;
  --tnp-gold-hover:#e8e8e8;
  --tnp-text:      #ffffff;
  --tnp-muted:     #7ab88a;
  --tnp-error:     #c0392b;
  --tnp-success:   #7a9e6e;
}

/* --- Conteneur global du formulaire CF7 --- */
.wpcf7 {
  background-color: #004a1e !important;
  border: 1px solid #005c25 !important;
  border-radius: 4px !important;
  padding: 40px 48px !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  font-family: inherit !important;
}

/* --- Labels --- */
.wpcf7 .wpcf7-form label {
  display: block !important;
  color: #7ab88a !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  margin-top: 20px !important;
}

/* --- Champs texte, email, tel, date --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100% !important;
  background-color: #003415 !important;
  color: #ffffff !important;
  border: 1px solid #005c25 !important;
  border-radius: 3px !important;
  padding: 12px 16px !important;
  font-size: 0.95rem !important;
  font-family: inherit !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* --- Focus des champs --- */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
}

/* --- Placeholder --- */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #7ab88a !important;
  opacity: 0.7 !important;
}

/* --- Textarea --- */
.wpcf7 textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

/* --- Select (menu déroulant) --- */
.wpcf7 select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}

/* --- Bouton d'envoi --- */
.wpcf7 input[type="submit"] {
  display: block !important;
  width: 100% !important;
  margin-top: 32px !important;
  padding: 14px 32px !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #ffffff !important;
  color: #003415 !important;
}

/* --- Messages de validation --- */
.wpcf7 .wpcf7-not-valid-tip {
  color: #c0392b !important;
  font-size: 0.78rem !important;
  margin-top: 4px !important;
  display: block !important;
}

.wpcf7 .wpcf7-response-output {
  margin-top: 20px !important;
  padding: 12px 16px !important;
  border-radius: 3px !important;
  font-size: 0.85rem !important;
  border: none !important;
}

.wpcf7 .wpcf7-mail-sent-ok {
  background-color: rgba(122, 158, 110, 0.15) !important;
  color: #7a9e6e !important;
  border-left: 3px solid #7a9e6e !important;
}

.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-validation-errors {
  background-color: rgba(192, 57, 43, 0.1) !important;
  color: #c0392b !important;
  border-left: 3px solid #c0392b !important;
}

/* --- Spinner de chargement --- */
.wpcf7 .wpcf7-spinner {
  border-color: #ffffff transparent transparent transparent !important;
}

/* ============================================
   SUPPRESSION DES MARGES HELLO ELEMENTOR
   ============================================ */

/* Supprime la largeur max et les marges du conteneur principal */
.site-main,
.page-content,
.entry-content,
.elementor-section-boxed > .elementor-container,
.elementor-section-full_width > .elementor-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Supprime les marges du body et du wrapper */
body,
.site,
#page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Force les sections Elementor à pleine largeur */
.elementor-section {
  width: 100% !important;
  max-width: 100% !important;
}

/* == masquer le titre == */
/* Masque le titre de la page visuellement */
.entry-title,
.page-title {
  display: none !important;
}

/* masquer les infos SEO */
.site-title,
.site-description {
    display: none;
}