/* =========================
   LOGIN PAGE FULL FIX
   ServerBD Technology
========================= */

/* Remove default background */
.page-login .main-body {
    background: none !important;
}

/* LEFT SIDEBAR BACKGROUND (DESKTOP) */
.page-login .main-body-sidebar {
    background: url('/templates/lagom2/assets/img/login_bg.webp') no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Overlay for smooth look */
.page-login .main-body-sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,10,40,0.75), rgba(0,60,180,0.4));
    z-index: 1;
}

/* Keep content above overlay */
.page-login .main-body-sidebar .sidebar-logo,
.page-login .main-body-sidebar .sidebar-content {
    position: relative;
    z-index: 2;
}

/* =========================
   MOBILE FIX (IMPORTANT)
========================= */

@media (max-width: 768px) {

    /* Full dark background */
    .page-login,
    .page-login .main-body {
        background: #0b1c3d !important;
    }

    /* Center login box */
    .login-container {
        background: rgba(255,255,255,0.05) !important;
        backdrop-filter: blur(12px);
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.1);
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }

    /* White text */
    .login-container h1,
    .login-container label,
    .login-container p {
        color: #ffffff !important;
    }

    /* Inputs dark style */
    .login-container input {
        background: rgba(255,255,255,0.1);
        color: #ffffff;
        border: 1px solid rgba(255,255,255,0.2);
    }

    .login-container input::placeholder {
        color: rgba(255,255,255,0.6);
    }

    /* Button stays nice */
    .login-container .btn-primary {
        background: linear-gradient(135deg, #2b6cff, #0040ff);
        border: none;
    }

    /* =========================
       LOGO FIX (100% WORKING)
    ========================= */

    .login-header img {
        display: none;
    }

    .login-header::after {
        content: "";
        display: block;
        width: 150px;
        height: 45px;
        margin: 20px auto;
        background: url('https://serverbd.net/11.svg') no-repeat center;
        background-size: contain;
    }
}