/*
 * Personnalisation de la page de connexion HITA.
 * Version : hita_custom 0.0.3
 */

/* Fond général de la page login */
body[data-path="login"] {
    background: #f4f4f5 !important;
}

/* Conteneur principal */
.login-content {
    padding-top: 30px !important;
}

/* Carte de connexion */
.login-content .page-card {
    border-radius: 16px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08) !important;
}

/* En-tête de la carte */
.for-login .page-card-head,
.for-forgot .page-card-head,
.for-signup .page-card-head {
    text-align: center !important;
}

/* Logo Hita: format horizontal 496x154 */
.for-login .page-card-head img,
.for-forgot .page-card-head img,
.for-signup .page-card-head img {
    max-width: 260px !important;	
    max-height: 90px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-bottom: 14px !important;
}

/* Titre login : masquage du texte natif */
.for-login .page-card-head h4 {
    font-size: 0 !important;
    margin-top: 8px !important;
}

/* Titre login personnalisé */
.for-login .page-card-head h4::after {
    content: "Se connecter à HITA";
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #111827;
}

/* Champs */
.for-login .form-control {
    border-radius: 8px !important;
}

/* Bouton principal */
.for-login .btn-login,
.for-login button[type="submit"] {
    background-color: #111827 !important;
    border-color: #111827 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* Effet au survol */
.for-login .btn-login:hover,
.for-login button[type="submit"]:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Bouton connexion par lien email */
.for-login .btn-login-with-email-link {
    border-radius: 8px !important;
}

/* Liens */
.for-login a {
    color: #111827 !important;
}

/* Footer éventuel */
.web-footer {
    font-size: 13px !important;
}