.elementor-158 .elementor-element.elementor-element-d5faa1c{--display:flex;}.elementor-158 .elementor-element.elementor-element-26cc4c9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-d5faa1c *//* ====== Tizena – Contact Form 7 (DA) ====== */
/* Place ce style dans CSS additionnel. Si tu as un conteneur, ajoute-lui la classe .tea-contact pour scoper. */

.tea-contact .wpcf7,
.wpcf7 { --ink:#2f2a24; --muted:#6a645d; --gold:#c98f36; --bg:#fbf9f6;
         --card:#fff; --border:#efe8dc; --line:#eee3d3; --shadow:0 14px 34px rgba(0,0,0,.10); }

/* Carte globale */
.tea-contact .wpcf7 form,
.wpcf7 form {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 18px;
}

/* Groupes de champs */
.tea-contact .wpcf7 .form-row,
.wpcf7 .form-row { margin-bottom: 14px; }

.tea-contact .wpcf7 label,
.wpcf7 label {
  display:block; margin: 0 0 6px;
  color: var(--ink); font-weight: 700;
}

/* Text inputs, email, tel, textarea, select */
.tea-contact .wpcf7 input[type="text"],
.tea-contact .wpcf7 input[type="email"],
.tea-contact .wpcf7 input[type="tel"],
.tea-contact .wpcf7 input[type="url"],
.tea-contact .wpcf7 input[type="number"],
.tea-contact .wpcf7 textarea,
.tea-contact .wpcf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  box-shadow: none;
  transition: border .2s, box-shadow .2s, background .2s;
}

/* Placeholder & focus */
.tea-contact .wpcf7 ::placeholder,
.wpcf7 ::placeholder { color: #9a948c; opacity: 1; }
.tea-contact .wpcf7 input:focus,
.tea-contact .wpcf7 textarea:focus,
.tea-contact .wpcf7 select:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: 0;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(201,143,54,.15);
}

/* Cases à cocher / radio */
.tea-contact .wpcf7 .wpcf7-list-item,
.wpcf7 .wpcf7-list-item { margin: 0 14px 6px 0; display:inline-flex; gap:8px; align-items:center; }

/* Fichier / date (alignement) */
.tea-contact .wpcf7 input[type="file"],
.wpcf7 input[type="file"] { background:#fff; padding:10px; border-radius:12px; border:1px solid var(--border); }

/* Bouton envoyer */
.tea-contact .wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]{
  background: var(--gold) !important;
  color:#fff !important; border:0 !important;
  border-radius: 999px; padding: 12px 22px !important;
  font-weight: 800; cursor:pointer;
  box-shadow: 0 14px 34px rgba(201,143,54,.35);
  transition: transform .15s, box-shadow .15s, filter .15s;
}
.tea-contact .wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(201,143,54,.45);
  filter: saturate(1.05);
}

/* Messages CF7 (succès/erreurs) */
.tea-contact .wpcf7 form .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
  margin: 14px 0 0;
  border:1px solid var(--border);
  border-left-width: 4px;
  border-radius: 12px;
  padding: 12px 14px;
  background:#fff; color: var(--ink);
}
.wpcf7 form.sent .wpcf7-response-output{ border-left-color:#43b17a; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{ border-left-color:#d95858; }

/* Messages sous-champs invalides */
.tea-contact .wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-not-valid-tip{
  color:#d95858; font-size:.9rem; margin-top:6px;
}

/* Grille responsive 2 colonnes (nom + email) – si tu ajoutes .form-grid sur le formulaire */
.tea-contact .wpcf7.form-grid p,
.wpcf7.form-grid p { margin:0; }
.tea-contact .wpcf7.form-grid .grid,
.wpcf7.form-grid .grid{
  display:grid; gap:12px; grid-template-columns:1fr 1fr;
}
@media (max-width:768px){
  .tea-contact .wpcf7.form-grid .grid,
  .wpcf7.form-grid .grid{ grid-template-columns:1fr; }
}

/* Petits détails */
.tea-contact .wpcf7 em,
.wpcf7 em{ color:var(--muted); }/* End custom CSS */