.elementor-kit-7{--e-global-color-primary:#3C3490;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F2F268;--e-global-color-a4d9722:#120F2A;--e-global-color-03db788:#DEDEDE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 1. SETTING HALAMAN LOGIN/REGISTER --- */

/* Container Utama - Ramping di Desktop */
.woocommerce-AccountView-customer-login {
    max-width: 500px !important;
    margin: 40px auto !important;
    padding: 20px;
}

/* Navigasi Tabs */
.sf-login-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.sf-tab-item {
    padding: 15px 30px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #888;
    transition: 0.3s;
    border-bottom: 3px solid transparent;
    text-align: center;
}

.sf-tab-item.active {
    color: #000; 
    border-bottom: 3px solid #000;
}

/* Memaksa Form menjadi Satu Kolom */
.u-column2.col-2 {
    display: none; /* Sembunyikan register saat awal */
}

.woocommerce .col2-set .col-1, 
.woocommerce .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
}

/* Hilangkan h2 bawaan di dalam form agar tidak double judul */
.woocommerce-AccountView-customer-login h2 {
    display: none !important;
}


/* --- 2. KONTROL JUDUL "MY ACCOUNT" (USER SUDAH LOGIN) --- */

/* Sembunyikan judul saat BELUM login */
.woocommerce-account:not(.logged-in) .entry-title, 
.woocommerce-account:not(.logged-in) h1.page-title,
.not-logged-in .elementor-widget-heading {
    display: none !important;
}

/* Tampilkan & Rata Kiri saat SUDAH login */
.logged-in.woocommerce-account .entry-title, 
.logged-in.woocommerce-account h1.page-title {
    display: block !important;
    text-align: left !important; /* Koreksi: Rata Kiri */
    margin-bottom: 30px;
    padding-left: 10px; /* Opsional: sedikit space dari pinggir */
}


/* --- 3. HALAMAN LUPA PASSWORD (LOST PASSWORD) --- */

.woocommerce-lost-password .woocommerce {
    margin-top: 120px !important; /* Sesuaikan dengan tinggi navbar gabocor.id */
    margin-bottom: 50px;
}

.woocommerce-lost-password .woocommerce-ResetPassword {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}


/* --- 4. RESPONSIVE OPTIMIZATION --- */

@media (max-width: 768px) {
    .woocommerce-AccountView-customer-login {
        max-width: 90% !important;
        margin: 20px auto !important;
    }

    .woocommerce-lost-password .woocommerce {
        margin-top: 80px !important;
    }

    .sf-tab-item {
        padding: 12px 20px;
        font-size: 15px;
    }

    .logged-in.woocommerce-account .entry-title {
        text-align: left !important;
        padding-left: 5%;
    }
}

@media (max-width: 480px) {
    .sf-tab-item {
        padding: 10px 5px;
        font-size: 14px;
        flex: 1;
    }
}/* End custom CSS */