/*
 * Background halaman login (siswa & admin) - CBT SMANSAGETA
 * Hanya dimuat oleh ujian/welcome_view.php dan manager/welcome_view.php
 */

/* Lapisan foto + overlay gelap, menempel di layar (tidak ikut scroll) */
.login-bg {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    background: url("../images/bg-login-smansageta.jpg") center center / cover no-repeat;
}
.login-bg::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(160deg, rgba(5, 20, 50, .75) 0%, rgba(0, 0, 0, .78) 100%);
}

/* Konten & footer tetap di atas background */
.login-page-content,
.main-footer {
    position: relative;
    z-index: 1;
}
.content-wrapper { background: transparent; }

/* Judul halaman agar terbaca di atas foto */
.login-page-content .content-header h1,
.login-page-content .content-header h1 small,
.login-page-content .login-logo,
.login-page-content .login-logo b {
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}
.login-page-content .breadcrumb { background: rgba(255, 255, 255, .85); border-radius: 4px; }

/* Kotak form semi transparan */
.login-page-content .login-box-body,
.login-page-content .box,
.login-page-content .callout {
    background: rgba(255, 255, 255, .92);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}
.login-page-content .callout { color: #1f2d3d !important; border-left-color: #3c8dbc; }
.login-page-content .callout h4 { color: #1f6fa8; }

.main-footer { background: rgba(255, 255, 255, .9); }

/* Mobile: foto difokuskan ke gerbang sekolah */
@media (max-width: 767px) {
    .login-bg { background-position: 65% center; }
    .login-page-content .login-box { margin-top: 10px; }
}