/**
 * birthday.css — birthday_required module
 * Styles pour la validation du champ date de naissance
 */

/* Message d'erreur inline (majorité) */
#customer-form .birthday-age-error {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545; /* rouge Bootstrap 4 */
}

/* Bordure rouge sur le champ invalide (complète la classe .is-invalid de Bootstrap) */
#customer-form input[name="birthday"].is-invalid {
    border-color: #dc3545;
    background-image: none; /* supprime l'icône Bootstrap si présente */
}

/* Feedback visuel positif quand la date est valide */
#customer-form input[name="birthday"].birthday-valid {
    border-color: #28a745;
}

#customer-form input[type="date"] ~ .form-control-comment{
    position: inherit !important;
    right: 0 !important;
}