/* ============================================
   PERSONNALISATION DE L'UI IDENTITY PAR DÉFAUT
   ============================================ */

/* 1️⃣ Supprimer le titre "Log in" */
#account h1 {
    display: none !important;
}

/* 2️⃣ Supprimer le sous-titre "Use a local account to log in." */
#account .login-title {
    display: none !important;
}

/* 3️⃣ Supprimer toute la section "Use another service to log in." */
#account .external-login {
    display: none !important;
}

/* 4️⃣ Supprimer le lien "Resend email confirmation" */
#account a[href*="ResendEmailConfirmation"] {
    display: none !important;
}

/* 5️⃣ Supprimer le séparateur "|" entre les liens */
#account .separator {
    display: none !important;
}

/* 6️⃣ Supprimer la ligne de séparation */
#account hr {
    display: none !important;
}

/* 7️⃣ Modifier le texte "Email" */
#account label[for="Input_Email"] {
    font-size: 0 !important;
}
#account label[for="Input_Email"]::after {
    content: "📧 Adresse email" !important;
    font-size: 0.9rem !important;
    font-weight: 600;
    color: #495057;
}

/* 8️⃣ Modifier le texte "Password" */
#account label[for="Input_Password"] {
    font-size: 0 !important;
}
#account label[for="Input_Password"]::after {
    content: "🔑 Mot de passe" !important;
    font-size: 0.9rem !important;
    font-weight: 600;
    color: #495057;
}

/* 9️⃣ Modifier le texte "Remember me?" */
#account label[for="Input_RememberMe"] {
    font-size: 0 !important;
}
#account label[for="Input_RememberMe"]::after {
    content: "Se souvenir de moi sur cet appareil" !important;
    font-size: 0.9rem !important;
    color: #495057;
}

/* 🔟 Modifier le texte "Forgot your password?" */
#account a[href*="ForgotPassword"] {
    font-size: 0 !important;
}
#account a[href*="ForgotPassword"]::after {
    content: "🔑 Mot de passe oublié ?" !important;
    font-size: 0.85rem !important;
    color: #E2B000 !important;
}

/* 1️⃣1️⃣ Modifier le texte "Register as a new user" */
#account a[href*="Register"] {
    font-size: 0 !important;
}
#account a[href*="Register"]::after {
    content: "📝 Créer un compte" !important;
    font-size: 0.85rem !important;
    color: #E2B000 !important;
}

/* 1️⃣2️⃣ Modifier le texte du bouton "Log in" */
#account .btn-primary {
    font-size: 0 !important;
    background: linear-gradient(135deg, #E2B000, #C49A00) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 0.8rem !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}
#account .btn-primary::after {
    content: "🔐 Se connecter" !important;
    font-size: 1rem !important;
}
#account .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(226, 176, 0, 0.35) !important;
}

/* 1️⃣3️⃣ Ajouter un message d'information sous les liens */
#account .text-center {
    position: relative;
}
#account .text-center::after {
    content: "⚠️ L'inscription est réservée à l'administration. Contactez votre responsable pour obtenir vos identifiants.";
    display: block;
    margin-top: 12px;
    padding-top: 10px;
    color: #adb5bd;
    font-size: 0.75rem;
    border-top: 1px dashed #e9ecef;
}

/* 1️⃣4️⃣ Personnaliser les champs de formulaire */
#account .form-control {
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s ease !important;
}

#account .form-control:focus {
    border-color: #E2B000 !important;
    box-shadow: 0 0 0 4px rgba(226, 176, 0, 0.12) !important;
}

/* 1️⃣5️⃣ Personnaliser la checkbox */
#account .form-check-input:checked {
    background-color: #E2B000 !important;
    border-color: #E2B000 !important;
}

/* 1️⃣6️⃣ Personnaliser les liens */
#account a {
    color: #E2B000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s !important;
}
#account a:hover {
    color: #C49A00 !important;
    text-decoration: underline !important;
}