/* Háttérkép */
        body.login {
            background: url('https://exoticthailove.com/wp-content/uploads/2026/05/hatter-pc4-scaled-e1779504089599.webp') no-repeat center center fixed !important;
            background-size: cover !important;
        }

        /* Logó bal felső sarokban */
        .login h1 {
            position: absolute !important;
            top: 20px !important;
            left: 20px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .login h1 a {
            background-image: url('https://exoticthailove.com/wp-content/uploads/2026/03/Copilot_20260307_165038-1.png') !important;
            background-size: contain !important;
            width: 200px !important;
            height: 180px !important;
            display: block !important;
        }

        /* Login form dizájn */
        #loginform,
        #registerform,
        #lostpasswordform {
           background: rgba(255, 255, 255, 0.60) !important;
           border-radius: 14px !important;
           padding: 20px !important;
           box-shadow: 0 8px 25px rgba(0,0,0,0.25) !important;
           backdrop-filter: blur(6px);
          margin-top: 150px !important;
        }


        /* Linkek mögé átlátszó fehér háttér */
        #nav, #backtoblog {
            background: rgba(255, 255, 255, 0.55) !important;
            padding: 12px 18px !important;
            border-radius: 10px !important;
            display: inline-block !important;
            margin-top: 10px !important;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        }

        /* Linkek színe */
        .login #nav a,
        .login #backtoblog a {
            color: #6a2cd8 !important;
            font-weight: 600;
        }

        .login #nav a:hover,
        .login #backtoblog a:hover {
            color: #9a5cff !important;
        }

        /* Gomb */
        .wp-core-ui .button-primary {
            background: linear-gradient(135deg, #6a2cd8, #9a5cff) !important;
            border: none !important;
            box-shadow: 0 3px 10px rgba(106,44,216,0.4) !important;
            text-shadow: none !important;
        }

        .wp-core-ui .button-primary:hover {
            background: linear-gradient(135deg, #7f3df0, #b07aff) !important;
        }
        /* Mobil finomhangolás */
@media (max-width: 600px) {

    /* Logó mobilon teljesen bal felső sarokban */
    .login h1 {
        top: 10px !important;
        left:-20px !important;
    }

    .login h1 a {
        width: 160px !important;
        height: 70px !important;
    }

    /* Login form lejjebb, hogy ne ütközzön a logóval */
    #loginform {
        margin-top: 140px !important;
        padding: 24px !important;
    }

    /* Linkdobozok mobilon szépen igazítva */
    #nav, #backtoblog {
        display: block !important;
        text-align: center !important;
        margin: 12px auto !important;
        width: 90% !important;
        padding: 14px !important;
    }
}
/* Mobilon az eredeti háttérkép kisebbítése és újrapozicionálása */
@media (max-width: 600px) {
    body.login {
        background: url('https://exoticthailove.com/wp-content/uploads/2026/05/hatter-pc4-scaled-e1779504089599.webp')
        no-repeat center top !important;
        background-size: 130% auto !important; /* kicsinyítés / nagyítás finomhangolható */
        background-position-y: -10px !important; /* feljebb tolás */
    }
}
/* A logó elrejtése csak mobilon a regisztrációs és elfelejtett jelszó oldalon */
@media (max-width: 600px) {
    body.login-action-register h1,
    body.login-action-lostpassword h1,
    body.login-action-rp h1,
    body.login-action-resetpass h1,
    body.login-action-checkemail h1 {
        display: none !important;
    }
}

#rememberme,
label[for="rememberme"] {
    display: none !important;
}

/* A két sor között fix távolság */
.etl-extra-field {
    margin-bottom: 10px !important;
}

/* A checkbox és a szöveg egy sorban marad */
.etl-label {
    display: flex;
    align-items: center;
}

/* Mobilon a checkbox túl nagy → kicsinyítjük */
@media (max-width: 480px) {
    .etl-checkbox input[type="checkbox"] {
        transform: scale(0.85) !important; /* a lényeg */
        margin-right: 10px !important;
    }
}