/*
 * Feuille de style personnalisée pour Enjoliveur.com
 * Cette feuille complète Tailwind CSS avec quelques composants
 * réutilisables. Toutes les couleurs principales sont définies dans
 * la configuration Tailwind (accent) et utilisées via des classes.
 */

/* Bannière publicitaire générique. Utilisez cette classe pour
 * réserver de l'espace aux futurs emplacements publicitaires ou
 * promotions d'affiliation. L'arrière‑plan utilise une légère
 * teinte de la couleur d'accent pour attirer l'œil tout en
 * restant discret. */
.advert-banner {
  background-color: rgba(245, 192, 0, 0.1);
  border-left: 4px solid #F5C000;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 2rem 0;
  text-align: center;
  font-weight: 500;
}

/* Styles pour le formulaire de contact. Ces règles améliorent
 * l'apparence par défaut des champs de formulaire lorsque
 * combinés avec les classes Tailwind. */
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid rgba(107, 114, 128, 0.4);
  border-radius: 0.375rem;
  background-color: rgba(255, 255, 255, 0.05);
  color: inherit;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #F5C000;
  box-shadow: 0 0 0 3px rgba(245, 192, 0, 0.4);
}