/* 
  -----------------------------------------------------
 | Police d'écriture en lien avec la charte graphique |
 | Titre : Bodoni MT Bold                             |
 | Sous-titre : Bodoni MT Regular                     |
 | Texte : Open Sans Regular                          |
 ------------------------------------------------------
*/ 
@font-face {
    font-family: BodoniBold;
    src: url(../fonts/LibreBodoni-Bold.ttf);
}

@font-face {
    font-family: BodoniRegular;
    src: url(../fonts/LibreBodoni-Regular.ttf);
}

@font-face {
    font-family: OpenSansRegular;
    src: url(../fonts/OpenSans-Regular.ttf);
}

/* Style général pour les champs texte et date */
label {
    display: block;
    font-family: OpenSansRegular;
    margin-bottom: 6px;
    font-size: normal;
    font-weight: 500;
}

input[type="text"],
input[type="datetime-local"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #f3c56c;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 18px;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
}

/* Focus pour tous les inputs */
input[type="text"]:focus,
input[type="datetime-local"]:focus {
    border-color: #f08262;
    outline: none;
    box-shadow: 0 0 0 2px rgba(240, 130, 98, 0.2);
}

/* Placeholder légèrement gris */
input::placeholder {
    color: #aaa;
    font-style: italic;
}

/* Optionnel : hover */
input[type="text"]:hover,
input[type="datetime-local"]:hover {
    border-color: #f3a25c;
}

#event_errors {
    display: none; /* invisible par défaut */
    color: #f08262; /* couleur principale de l'erreur */
    background-color: #fff4f0; /* fond clair pour bien contraster */
    border: 1px solid #f3c56c; /* bordure dans ta charte */
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.2s ease-in-out;
}

#event_errors.show {
    display: block; /* visible quand tu ajoutes la classe .show via JS */
}