.elementor-265 .elementor-element.elementor-element-6d97668{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-265 .elementor-element.elementor-element-1d0a5b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-265 .elementor-element.elementor-element-1d0a5b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-265 .elementor-element.elementor-element-bb9a518{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-265 .elementor-element.elementor-element-bb9a518.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-265 .elementor-element.elementor-element-1d0a5b8{--width:75.199%;}.elementor-265 .elementor-element.elementor-element-bb9a518{--width:75.199%;}}/* Start custom CSS for shortcode, class: .elementor-element-da264f3 *//**
 * Belépés / Csatlakozás oldal — 2-oszlopos elrendezés (v2)
 *
 * Hova illeszd be: WP admin → Megjelenés → Testreszabás → Egyedi CSS
 * VAGY: az oldal Elementor szerkesztője → speciális → custom CSS
 *
 * MIÉRT EZ A V2:
 * Az előző CSS nem működött, mert az Elementor és WooCommerce CSS-ei nagyobb
 * specificitással felülírták. Ez a verzió az #customer_login ID-t és többszintű
 * szülő szelektorokat használ a maximális specificitásért.
 *
 * Sorrend (kérted):
 *   - bal oldalt: Belépés
 *   - jobb oldalt: Regisztráció
 */

/* === KÉTOSZLOPOS GRID DESKTOP NÉZETBEN === */
@media (min-width: 769px) {

    /* A col2-set wrapper-t alakítjuk grid-re */
    body #customer_login.u-columns.col2-set,
    body .woocommerce #customer_login.u-columns,
    body.woocommerce-account #customer_login {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
        align-items: start !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /* Bal és jobb oszlop egyenlő szélesség, NINCS float */
    body #customer_login .u-column1,
    body #customer_login .u-column1.col-1,
    body .woocommerce #customer_login .u-column1 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body #customer_login .u-column2,
    body #customer_login .u-column2.col-2,
    body .woocommerce #customer_login .u-column2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

/* === MOBIL NÉZET — egymás alatt === */
@media (max-width: 768px) {
    body #customer_login.u-columns.col2-set {
        display: block !important;
    }

    body #customer_login .u-column1,
    body #customer_login .u-column2 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 30px !important;
    }
}

/* === BELÜL: a két űrlap blokk egyenlő magasságú legyen === */
body #customer_login .u-column1 > .woocommerce-form,
body #customer_login .u-column2 > .woocommerce-form {
    height: 100%;
    box-sizing: border-box;
}

/* === Címsorok (Belépés / Regisztráció) — egységes megjelenés === */
body #customer_login h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 28px !important;
    color: #b8872e !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(184, 135, 46, 0.22) !important;
}/* End custom CSS */