/*
 * Legacy snapshot of Astra Customizer “Additional CSS”.
 * Source retained unchanged on 2026-08-10 to prevent regressions when the
 * child theme is active. Refactor rule-by-rule only after visual validation.
 */

/* Couleur du texte dans les champs WPForms */
.wpforms-form input,
.wpforms-form textarea {
  color: #ffffff !important; /* Texte en blanc */
  background-color: #1a1a1a !important; /* Fond gris foncé cohérent avec ton thème */
  border: 1px solid #555 !important; /* Bordure légère pour bien délimiter */
}

/* Couleur du placeholder (le texte grisé avant la saisie) */
.wpforms-form ::placeholder {
  color: #cccccc !important;
}

/* Bouton "Envoyer" stylé */
.wpforms-submit {
  background-color: #00bfff !important; /* Bleu turquoise */
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-weight: bold;
}

.wpforms-submit:hover {
  background-color: #0099cc !important; /* un peu plus foncé au survol */
}

.bouton-cadre {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 18px;
  background: #111;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
}

.bouton-cadre:hover {
  background: #f04;
  color: #fff !important;
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  position: absolute !important;
  left: 12px;
  bottom: 12px;
  margin: 0 !important;
  background: rgba(47, 228, 255, 0.70) !important; /* BLEU LOGO */
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  z-index: 5 !important;
}

/* Champ select (fermé) */
.woocommerce-checkout select {
  background-color: #1e1e1e; /* fond dark */
  color: #bfbfbf; /* texte gris lisible */
  border: 1px solid #444;
}

/* Menu déroulant ouvert */
.woocommerce-checkout select option {
  background-color: #1e1e1e;
  color: #e0e0e0;
}

/* Option survolée / sélectionnée */
.woocommerce-checkout select option:checked,
.woocommerce-checkout select option:hover {
  background-color: #333;
  color: #ffffff;
}

/* Focus (quand on clique dedans) */
.woocommerce-checkout select:focus {
  outline: none;
  border-color: #777;
  box-shadow: none;
}