/* ===== LOGIN PAGE PROTECTION FROM HEADER CSS INTERFERENCE ===== */
/* Override header CSS body padding that interferes with page layout */
body.login-page {
    padding-bottom: 0 !important;
}

/* Ensure proper viewport height calculation without header interference */
.auth-container,
.login-container {
    min-height: calc(100vh - 200px);
}

/* Ensure content has proper spacing on mobile without header interference */
@media (max-width: 1023px) {
    body.login-page {
        padding-bottom: 0 !important;
    }
    
    /* Adjust viewport calculations for mobile header */
    .auth-container,
    .login-container {
        min-height: calc(100vh - 160px);
    }
    
    /* Add proper spacing to the last section instead of body padding */
    body.login-page .auth-container:last-child,
    body.login-page .login-container:last-child {
        margin-bottom: 100px; /* Space for mobile bottom navigation */
    }
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    body.login-page {
        padding-bottom: 0 !important;
    }
    
    /* Smaller viewport calculation for mobile */
    .auth-container,
    .login-container {
        min-height: calc(100vh - 140px);
        margin-bottom: 120px; /* Extra space for mobile bottom nav */
    }
}

.card {
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.card-body {
    padding: 2.5rem;
}

.social-login-btn {
    width: 100%;
    padding: 0.75rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
} 