/* Cohérence des placeholders avec les autres modales */
#forgotPasswordForm input::placeholder {
    color: var(--tertiary-color) !important;
    opacity: 0.5;
}

#forgotPasswordForm input:focus {
    border-color: var(--primary-color) !important;
    background-color: var(--fourth-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(45, 149, 213, 0.25) !important;
}

    /* Styles pour les modales de connexion */
    .login-modal-content {
        background-color: var(--fifth-color);
        border-radius: 16px;
        border: none;
    }

    .modal-input {
        background-color: var(--fourth-color) !important;
        border: none !important;
        border-radius: 10px !important;
        color: #ffffff !important;
    }

    .custom-label-style label {
        color: #ffffff !important;
        font-weight: 500 !important;
        opacity: 0.9 !important;
    }

    .modal-footer-text {
        color: #888888 !important;
        font-size: 0.75rem;
    }

         /* Style forcé pour les labels afin qu'ils soient lisibles sur fond sombre */
     .custom-label-style label {
         color: #ffffff !important;
         font-weight: 500;
         opacity: 0.9;
     }

         /* Style sémantique des champs (Inputs) */
     .hub-input {
         background-color: var(--fourth-color) !important;
         border: 1px solid var(--tertiary-color) !important;
         color: var(--sixth-color) !important;
         padding: 0.6rem 0.75rem;
     }

    /* AMÉLIORATION : Visibilité accrue du placeholder (image_e02d3f.png) */
    .hub-input::placeholder {
        /* Utilisation de la couleur claire du site avec opacité maîtrisée */
        color: var(--sixth-color) !important;
        opacity: 0.45 !important;
        font-size: 0.9rem;
    }

    /* Effet au focus */
    .hub-input:focus {
        border-color: var(--primary-color) !important;
        background-color: var(--fourth-color) !important;
        box-shadow: 0 0 0 0.2rem rgba(45, 149, 213, 0.25) !important;
    }

    /* Style pour l'icône de l'œil (Input Group) harmonisé au placeholder */
    .hub-input-icon {
        background-color: var(--fourth-color) !important;
        border: 1px solid var(--tertiary-color) !important;
        color: rgba(248, 247, 238, 0.5) !important;
        cursor: pointer;
        transition: color 0.2s;
    }

    .hub-input-icon:hover {
        color: var(--primary-color) !important;
    }

    /* Correction Bootstrap pour les groupes d'input */
    .input-group:focus-within .hub-input-icon {
        border-color: var(--primary-color) !important;
    }