/**
 * Login Page Styles
 * Page-specific styles for the user login page
 *
 * NOTE: Form elements are in base/forms.css and components/
 * This file contains ONLY login-specific styles
 */

/* ============================================
   PAGE WRAPPER
   ============================================ */
.site-main.login-page,
#main.login-page {
    background: var(--bg-gray-light);
    min-height: 100vh;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 !important;
}

.login-page .elementor-container,
.login-page .elementor-row,
.login-page .elementor-column,
.login-page .elementor-section {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

/* ============================================
   OVERRIDE GLOBAL STYLES
   ============================================ */
/* Reset body padding-top on login page */
body.page-template-page-login {
    padding-top: 0 !important;
}