/**
 * SPORAK giriş sayfaları — mobil/tablet iyileştirmeleri
 * Yalnızca ilgili body sınıfı verilen sayfalarda etkilidir (tasarımı masaüstünde değiştirmez).
 */

/* İki sütunlu giriş: üst bar + sol görsel + sağ form */
@media (max-width: 968px) {
    body.login-split {
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.login-split .login-wrapper {
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        overflow: visible;
    }

    body.login-split .login-left {
        flex: 0 0 auto;
        max-height: min(200px, 28vh);
        min-height: 0;
    }

    body.login-split .left-content {
        padding: 14px 16px;
    }

    /* Üst barda logo varken solda tekrar etmeyi kaldır */
    body.login-split .left-content img {
        display: none;
    }

    body.login-split .left-content h1 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    body.login-split .left-content p {
        font-size: 13px;
        line-height: 1.4;
    }

    body.login-split .login-right {
        flex: 1 1 auto;
        align-items: flex-start;
        padding: 20px 18px 32px;
        overflow: visible;
    }

    body.login-split .login-header {
        padding: 12px 16px;
        flex-shrink: 0;
    }

    body.login-split .login-header img {
        height: 32px;
    }

    body.login-split .login-header .header-title {
        font-size: 12px;
        line-height: 1.25;
        font-weight: 600;
    }

    body.login-split .login-header .header-right {
        display: none;
    }

    body.login-split .login-form-container h2 {
        font-size: 22px;
    }

    body.login-split .login-form-container .subtitle {
        margin-bottom: 20px;
    }

    body.login-split .info-box {
        margin-top: 18px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    body.login-split .login-left {
        max-height: min(160px, 26vh);
    }

    body.login-split .left-content h1 {
        font-size: 20px;
    }
}

/* Ortalanmış kart (takım, öğrenci, review vb. .login-container) */
@media (max-width: 968px) {
    body.login-container-page {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 12px;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    body.login-container-page .login-container {
        width: 100%;
        max-width: 100%;
        margin: 16px auto;
        padding: 22px 16px;
        box-sizing: border-box;
    }
}

/* Küçük kutu şablonu (SBD, tutarlılık, sbd-komisyon — .login-box) */
@media (max-width: 968px) {
    body.login-box-page {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 12px;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    body.login-box-page .login-box {
        width: 100%;
        max-width: 100%;
        margin: 16px auto;
        padding: 22px 18px;
        box-sizing: border-box;
    }
}