/* css/contact.css */
.bg-dark {
  background-color: #0f172a !important; /* Bleu nuit très profond */
}

/* Style des champs du formulaire */
.form-control,
.form-select {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.95rem;
  color: #334155 !important;
  transition: all 0.3s ease-in-out !important;
}

/* Effet au clic sur les champs */
.form-control:focus,
.form-select:focus {
  background-color: #ffffff !important;
  border-color: var(--primary) !important; /* Couleur primaire */
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.15) !important;
}

/* Ajustement spécifique pour les placeholders */
.form-control::placeholder {
  color: #94a3b8 !important;
  font-size: 0.9rem;
}

/* Bouton personnalisé */
.btn-primary {
  background-color: var(--primary) !important;
  border: none !important;
  border-radius: 8px !important;
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background-color: var(--secondary) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(13, 110, 253, 0.25) !important;
}

/* Alignement des icônes de contact */
.fs-5.text-danger {
  color: var(--danger) !important; /* Ton rouge identitaire */
}