.elementor-477 .elementor-element.elementor-element-6900a5c0{--display:flex;}/* Start custom CSS for container, class: .elementor-element-6900a5c0 *//* ============================================================
 * URENTX LOGIN & REGISZTRÁCIÓ DESIGN
 * ============================================================ */

:root {
    --ht-green: #B3DE00;
    --ht-dark: #071837;
    --ht-steel: #747C87;
    --ht-bg: #ffffff;
    --ht-border: #E6E8EC;
    --ht-soft: #F5F7FA;
    --ht-font-title: 'Outfit', system-ui, sans-serif;
    --ht-font-text: 'Poppins', system-ui, sans-serif;

    /* === WPUF override === */
    --wpuf-login-form-width: 100% !important;
    --wpuf-login-form-bg: transparent !important;
    --wpuf-login-form-border: none !important;
}

/* ============================================================
 * 0. WPUF FORM MAX-WIDTH OVERRIDE — A 400px-es szűkítés megszüntetése
 * ============================================================ */
#wpuf-login-form,
#wpuf-login-form.login,
#wpuf-login-form.wpuf-layout-1,
#wpuf-registration-form,
#wpuf-registration-form.registration,
.wpuf-layout-1,
.wpuf-layout-2,
.wpuf-layout-3 {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* ============================================================
 * 1. PARENT CONTAINER FULL-WIDTH + LOGIN KÁRTYA STÍLUS
 * ============================================================ */
.elementor-element-6900a5c0,
.elementor-element-3b25ed1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 40px 20px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

.elementor-element-6900a5c0 > .e-con-inner,
.elementor-element-3b25ed1 > .e-con-inner {
    width: 100% !important;
    max-width: 550px !important;
    margin: 0 auto !important;
    padding: 40px !important;
    background: #ffffff !important;
    border: 1px solid var(--ht-border) !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 40px rgba(7, 24, 55, 0.05) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.elementor-element-6900a5c0 .elementor-widget-shortcode,
.elementor-element-3b25ed1 .elementor-widget-shortcode {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-element-6900a5c0 .elementor-shortcode,
.elementor-element-3b25ed1 .elementor-shortcode {
    width: 100% !important;
}

/* ============================================================
 * 2. ŰRLAP WRAPPER
 * ============================================================ */
#wpuf-login-form *,
#wpuf-registration-form * {
    box-sizing: border-box !important;
}

#wpuf-login-form .wpuf-login-form,
#wpuf-registration-form form {
    width: 100% !important;
}

/* ============================================================
 * 3. FEJLÉC
 * ============================================================ */
.wpuf-login-header {
    text-align: center;
    margin-bottom: 30px;
}

.wpuf-login-title {
    font-family: var(--ht-font-title) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--ht-dark) !important;
    margin: 0 0 10px 0 !important;
}

.wpuf-login-subtitle {
    color: var(--ht-steel) !important;
    font-size: 14px !important;
    font-family: var(--ht-font-text) !important;
    margin: 0 !important;
}

/* ============================================================
 * 4. INPUT MEZŐK
 * ============================================================ */
.wpuf-login-form input[type="text"],
.wpuf-login-form input[type="password"],
.wpuf-registration-form input[type="text"],
.wpuf-registration-form input[type="password"],
.wpuf-registration-form input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--ht-soft) !important;
    border: 1px solid var(--ht-border) !important;
    border-radius: 12px !important;
    height: 52px !important;
    padding: 0 18px !important;
    font-family: var(--ht-font-text) !important;
    font-size: 14px !important;
    color: var(--ht-dark) !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.wpuf-login-form input:focus,
.wpuf-registration-form input:focus {
    border-color: var(--ht-dark) !important;
    background: #ffffff !important;
}

.wpuf-login-form input::placeholder,
.wpuf-registration-form input::placeholder {
    color: var(--ht-steel) !important;
}

.wpuf-login-form label {
    font-family: var(--ht-font-text) !important;
    color: var(--ht-dark) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

.wpuf-login-form p {
    margin: 0 0 18px 0 !important;
    width: 100% !important;
}

/* ============================================================
 * 5. REMEMBER ME + LOST PASSWORD
 * ============================================================ */
.wpuf-login-form .forgetmenot,
.wpuf-login-form .wpuf-remember-forgot-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.wpuf-login-form .wpuf-remember-me {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.wpuf-login-form .wpuf-remember-me label {
    margin-bottom: 0 !important;
    color: var(--ht-dark) !important;
    cursor: pointer;
}

.wpuf-login-form input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--ht-green) !important;
    cursor: pointer;
    margin: 0 !important;
}

.wpuf-login-form .wpuf-lost-password a {
    color: var(--ht-dark) !important;
    font-family: var(--ht-font-text) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.wpuf-login-form .wpuf-lost-password a:hover {
    color: var(--ht-green) !important;
    text-decoration: underline !important;
}

/* ============================================================
 * 6. SUBMIT GOMB
 * ============================================================ */
.wpuf-login-form input[type="submit"],
.wpuf-registration-form .wpuf-submit input[type="submit"],
#wp-submit {
    width: 100% !important;
    max-width: 100% !important;
    height: 55px !important;
    background-color: var(--ht-green) !important;
    background: var(--ht-green) !important;
    color: var(--ht-dark) !important;
    font-family: var(--ht-font-title) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 1 !important;
}

.wpuf-login-form input[type="submit"]:hover,
.wpuf-registration-form .wpuf-submit input[type="submit"]:hover,
#wp-submit:hover {
    background-color: var(--ht-dark) !important;
    background: var(--ht-dark) !important;
    color: #ffffff !important;
}

/* ============================================================
 * 7. REGISZTRÁCIÓS FORM EXTRA
 * ============================================================ */
.wpuf-registration-form ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.wpuf-registration-form li {
    margin-bottom: 18px !important;
    width: 100% !important;
}

.wpuf-registration-form .wpuf-label {
    display: block !important;
    margin-bottom: 6px !important;
    font-family: var(--ht-font-text) !important;
    color: var(--ht-dark) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.wpuf-registration-form .wpuf-fields {
    position: relative !important;
    width: 100% !important;
}

.wpuf-registration-form .wpuf-eye,
.wpuf-login-form .wpuf-eye {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.5 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

/* ============================================================
 * 8. ÜZENETEK
 * ============================================================ */
.wpuf-message,
.wpuf-error,
.wpuf-success,
.wpuf-login-form .wpuf-message {
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    font-size: 13px !important;
    font-family: var(--ht-font-text) !important;
}

.wpuf-error {
    background: #FEE2E2 !important;
    color: #991B1B !important;
    border: 1px solid #FCA5A5 !important;
}

.wpuf-success {
    background: rgba(179, 222, 0, 0.15) !important;
    color: var(--ht-dark) !important;
    border: 1px solid var(--ht-green) !important;
}

/* ============================================================
 * 9. MOBIL
 * ============================================================ */
@media (max-width: 600px) {
    .elementor-element-6900a5c0,
    .elementor-element-3b25ed1 {
        padding: 20px 15px !important;
    }

    .elementor-element-6900a5c0 > .e-con-inner,
    .elementor-element-3b25ed1 > .e-con-inner {
        padding: 25px !important;
        border-radius: 16px !important;
    }

    .wpuf-login-title {
        font-size: 24px !important;
    }

    .wpuf-login-form .forgetmenot,
    .wpuf-login-form .wpuf-remember-forgot-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
 * URENTX BEJELENTKEZÉS OLDAL DESIGN (WPUF FELÜLÍRÁS)
 * ============================================================ */

.elementor-element-6900a5c0 {
    /* Színváltozók az URENTX stílushoz */
    --ht-green: #B3DE00;
    --ht-dark: #071837;
    --ht-steel: #747C87;
    --ht-bg: #ffffff;
    --ht-border: #E6E8EC;
    --ht-soft: #F5F7FA;
    --ht-font-title: 'Outfit', system-ui, sans-serif;
    --ht-font-text: 'Poppins', system-ui, sans-serif;
}

/* Középre zárás és a fő konténer stílusa */
#wpuf-login-form {
    max-width: 450px;
    margin: 60px auto;
    padding: 40px;
    background: var(--ht-bg);
    border: 1px solid var(--ht-border);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(7, 24, 55, 0.06);
    font-family: var(--ht-font-text);
    color: var(--ht-dark);
    box-sizing: border-box;
}

/* Címsor (Ha esetleg van, bár a HTML-ben nem volt, de jó, ha fel van készítve) */
#wpuf-login-form h2, 
#wpuf-login-form h3 {
    font-family: var(--ht-font-title);
    font-size: 24px;
    font-weight: 700;
    color: var(--ht-dark);
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
}

/* Űrlap elemek margói */
.wpuf-login-form p {
    margin-bottom: 20px;
    margin-top: 0;
}

/* Címkék (Username, Password) */
.wpuf-login-form label {
    display: block;
    font-family: var(--ht-font-title);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ht-dark);
    margin-bottom: 8px;
}

/* Bemeneti mezők (Inputok) */
.wpuf-login-form input[type="text"],
.wpuf-login-form input[type="password"] {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--ht-border);
    border-radius: 10px;
    background: var(--ht-soft);
    font-size: 15px;
    font-family: var(--ht-font-text);
    color: var(--ht-dark);
    box-sizing: border-box;
    transition: all 0.2s ease;
    outline: none;
}

.wpuf-login-form input[type="text"]:focus,
.wpuf-login-form input[type="password"]:focus {
    border-color: var(--ht-dark);
    background: var(--ht-bg);
    box-shadow: 0 0 0 3px rgba(7, 24, 55, 0.05);
}

/* Emlékezz rám & Elfelejtett jelszó sor */
.wpuf-login-form .forgetmenot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 30px;
}

/* Checkbox formázás */
.wpuf-remember-me {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wpuf-remember-me input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: var(--ht-green); /* Zöld checkbox */
}

.wpuf-remember-me label {
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--ht-font-text);
    font-weight: 500;
    color: var(--ht-steel);
    cursor: pointer;
}

/* Elfelejtett jelszó link */
.wpuf-lost-password a {
    color: var(--ht-steel);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.wpuf-lost-password a:hover {
    color: var(--ht-dark);
    text-decoration: underline;
}

/* Bejelentkezés Gomb */
.wpuf-login-form p.submit {
    margin-bottom: 0;
}

.wpuf-login-form input[type="submit"] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: var(--ht-green) !important;
    color: var(--ht-dark) !important;
    font-family: var(--ht-font-title) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer;
    transition: all 0.2s ease !important;
    text-transform: none;
}

.wpuf-login-form input[type="submit"]:hover {
    background-color: var(--ht-dark) !important;
    color: #ffffff !important;
}

/* Mobil reszponzivitás */
@media (max-width: 480px) {
    #wpuf-login-form {
        margin: 30px 15px;
        padding: 30px 20px;
    }
}/* End custom CSS */