/* ============================================================================
   login.css - Page de connexion : fenetre centree, charte Orange
   ============================================================================ */

.page-login-body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* --- Ajout du fond de page --- */
    background-color: #FAFAFA; /* Couleur de secours */
    background-image: url('../img/fond_page.webp');
    background-size: cover; /* Remplit tout l'écran de connexion */
    background-position: center;
    background-repeat: no-repeat;
    /* ----------------------------- */
    
    font-family: var(--police-base);
    padding: var(--espace-md);
}

.login-conteneur {
    width: 100%;
    max-width: 380px;
}

.login-carte {
    background: rgba(28, 28, 32, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--rayon-lg);
    
    /* --- Ombrage renforcé pour détacher l'encart --- */
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);
    /* ----------------------------------------------- */
    
    padding: var(--espace-2xl) var(--espace-xl) var(--espace-xl);
}

.login-entete {
    text-align: center;
    margin-bottom: var(--espace-xl);
}

/* Nouveau cadre pour contenir le logo proprement */
.login-logo-cadre {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--espace-md);
}

.login-logo-cadre img {
    max-width: 180px; 
    height: auto;
    object-fit: contain;
    
    /* --- Ajout des bords arrondis --- */
    border-radius: 16px; 
    /* -------------------------------- */
}

.login-soustitre {
    /* Texte éclairci pour contraster avec le fond sombre */
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--taille-sm);
    margin-top: 8px;
}

/* Forçage des labels en Orange officiel */
.login-formulaire .champ-label {
    color: var(--accent-1) !important; 
}

.login-formulaire .champ-groupe:last-of-type {
    margin-bottom: var(--espace-lg);
}

.login-btn-submit {
    width: 100%;
    justify-content: center;
    padding: 0.75rem;
    font-size: var(--taille-base);
}

.login-pied {
    text-align: center;
    margin-top: var(--espace-lg);
    font-size: var(--taille-xs);
    color: var(--couleur-texte-tres-clair);
}