
/* Extracted ghv_my_account_premium_scripts */
/* =========================================================
           GLOBAL ACCOUNT STYLES
           ========================================================= */
        body.woocommerce-account { background-color: #fafafa !important; }
        .woocommerce-account .woocommerce { max-width: 1000px; margin: 0 auto; padding: 20px 15px 80px 15px; }
        
        /* HAPUS JUDUL HALAMAN "Akun Saya" SECARA PAKSA */
        header.entry-header, .entry-header, .entry-title, h1.page-title, .page-title, h1.title, .post-title, .woocommerce h2 { display: none !important; }

        /* =========================================================
           FORM LOGIN & REGISTER (SISTEM TAB / TOGGLE UI)
           ========================================================= */
        .u-columns.col2-set { display: block; } 
        .u-column1.col-1, .u-column2.col-2 { 
            width: 100% !important; background: #fff; border-radius: 16px; padding: 30px 20px; 
            box-shadow: 0 4px 20px rgba(0,0,0,0.03); border: 1px solid #eaeaea; float: none !important;
            max-width: 500px; margin: 0 auto;
        }
        .u-column2.col-2 { display: none; } 

        .ghv-custom-form-title { font-size: 1.5rem; font-weight: 800; color: #111; margin: 0 0 5px 0; text-align: left; }
        .ghv-custom-form-desc { font-size: 0.85rem; color: #666; margin-bottom: 25px; line-height: 1.5; text-align: left; }

        /* PERBAIKAN INPUT FIELDS & ICON GEMBOK */
        .woocommerce form .form-row { width: 100% !important; margin-bottom: 20px; padding: 0; box-sizing: border-box; }
        .woocommerce form .form-row label { display: block; font-size: 0.85rem; font-weight: 600; color: #333; margin-bottom: 8px; }
        
        /* Mengunci posisi pembungkus agar icon dan lebar input sejajar */
        .ghv-input-wrapper, span.password-input { position: relative !important; width: 100% !important; display: block !important; }
        
        .ghv-left-icon { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: #888 !important; font-size: 1rem !important; z-index: 10 !important; margin: 0 !important;}
        
        .woocommerce form .form-row input.input-text { 
            width: 100% !important; height: 50px !important; 
            padding: 0 45px 0 45px !important; 
            border: 1px solid #eaeaea !important; border-radius: 10px !important; 
            font-size: 0.9rem !important; color: #333 !important; background: #fff !important; 
            transition: 0.3s; box-sizing: border-box !important;
        }
        .woocommerce form .form-row input.input-text:focus { border-color: var(--color-primary, #C95B65) !important; outline: none; }
        
        /* Modifikasi Posisi Icon Mata Bawaan Woo */
        span.show-password-input { right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: #888 !important; z-index: 10 !important;}

        /* Remember Me & Lost Password */
        .ghv-login-actions { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; font-size: 0.85rem; }
        .ghv-login-actions label { display: flex; align-items: center; gap: 8px; font-weight: 500; color: #555; margin: 0; cursor: pointer;}
        .ghv-login-actions input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--color-primary, #111); }
        .ghv-login-actions a { color: #888; text-decoration: none; font-weight: 500; }

        /* Buttons */
        .woocommerce form button.button { 
            width: 100% !important; height: 52px !important; background: #111 !important; color: #fff !important; 
            border-radius: 12px !important; font-size: 1rem !important; font-weight: 700 !important; 
            border: none !important; cursor: pointer; transition: 0.3s; padding: 0 !important; float: none !important;
        }
        .woocommerce form button.button:hover { opacity: 0.9; }

        /* Social Login */
        .ghv-login-divider { display: flex; align-items: center; text-align: center; margin: 25px 0; color: #aaa; font-size: 0.8rem; }
        .ghv-login-divider::before, .ghv-login-divider::after { content: ''; flex: 1; border-bottom: 1px solid #eaeaea; }
        .ghv-login-divider span { padding: 0 10px; }
        
        .ghv-social-login { display: flex; gap: 15px; }
        .ghv-btn-social { 
            flex: 1; height: 48px; border: 1px solid #eaeaea; background: #fff; border-radius: 10px; 
            display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 0.9rem; 
            font-weight: 600; color: #333; cursor: pointer; transition: 0.3s;
        }
        .ghv-btn-social img { width: 18px; }
        .ghv-btn-social i.fa-whatsapp { color: #25D366; font-size: 1.2rem; }
        .ghv-btn-social:hover { background: #f9f9f9; }

        /* Privacy Text & Toggle Link */
        .ghv-privacy-text { text-align: center; font-size: 0.75rem; color: #888; margin-top: 20px; line-height: 1.6; }
        .ghv-privacy-text a { color: var(--color-primary); font-weight: 600; text-decoration: none; }
        .ghv-form-toggle { text-align: center; margin-top: 25px; font-size: 0.85rem; color: #666; }
        .ghv-form-toggle a { color: var(--color-primary); font-weight: 700; text-decoration: none; margin-left: 5px; }

        /* =========================================================
           DASHBOARD AKUN SAYA (LOGGED IN)
           ========================================================= */
        .woocommerce-MyAccount-navigation { width: 100% !important; float: none !important; margin-bottom: 30px; }
        .woocommerce-MyAccount-content { width: 100% !important; float: none !important; background: #fff; padding: 25px; border-radius: 16px; border: 1px solid #eaeaea;}
        
        /* Profile Card */
        .ghv-profile-card { background: #fff; border-radius: 16px; padding: 20px; margin-bottom: 30px; border: 1px solid #eaeaea; }
        .ghv-profile-info { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; position: relative;}
        .ghv-profile-avatar { width: 50px; height: 50px; background: var(--color-primary); color: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; color: #fff; }
        .ghv-profile-text h4 { margin: 0 0 3px 0; font-size: 1.1rem; font-weight: 800; color: #111; }
        .ghv-profile-text p { margin: 0; font-size: 0.8rem; color: #666; }
        .ghv-btn-edit { position: absolute; right: 0; top: 5px; border: 1px solid #ddd; background: #fff; color: #333; padding: 6px 12px; border-radius: 50px; font-size: 0.75rem; font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 5px; }
        .ghv-profile-welcome { border-top: 1px solid #eaeaea; padding-top: 15px; }
        .ghv-profile-welcome strong { display: block; font-size: 0.9rem; color: #111; margin-bottom: 5px; }
        .ghv-profile-welcome p { margin: 0; font-size: 0.8rem; color: #666; line-height: 1.5; }

        .ghv-menu-section-title { font-size: 1.1rem; font-weight: 800; color: #111; margin: 0 0 15px 0; }

        /* Navigation List */
        .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; background: #fff; border-radius: 16px; border: 1px solid #eaeaea; overflow: hidden; }
        .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #f2f2f2; }
        .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }
        
        .woocommerce-MyAccount-navigation ul li a {
            display: flex; align-items: center; padding: 16px 20px; text-decoration: none; color: #333; font-size: 0.95rem; font-weight: 600; transition: 0.2s;
        }
        .woocommerce-MyAccount-navigation ul li a i.icon { width: 24px; color: #666; font-size: 1.1rem; text-align: left; }
        .woocommerce-MyAccount-navigation ul li a i.arrow { margin-left: auto; color: #ccc; font-size: 0.8rem; }
        
        /* Active State & Logout */
        .woocommerce-MyAccount-navigation ul li.is-active a { background: rgba(128, 128, 128, 0.10); color: var(--color-primary); }
        .woocommerce-MyAccount-navigation ul li.is-active a i { color: var(--color-primary); }
        
        .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #E53935; }
        .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a i { color: #E53935; }

        @media (min-width: 992px) {
            .woocommerce-account .woocommerce { display: flex; gap: 40px; align-items: flex-start; }
            .woocommerce-MyAccount-navigation { width: 320px !important; flex-shrink: 0; }
            .woocommerce-MyAccount-content { width: calc(100% - 360px) !important; }
        }

