/*
Theme Name: LunaLuxe Digital
Theme URI: https://example.com/lunaluxe-digital
Author: OpenAI
Description: Modern girly storefront theme for digital products, memberships, and premium subscriptions. WooCommerce-ready.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: lunaluxe
*/
:root{--pink:#f36fa6;--pink2:#ffe5f0;--lilac:#a994ed;--ink:#292238;--muted:#827b90;--cream:#fffafd;--line:#f1e8f1;--shadow:0 16px 45px rgba(67,42,82,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,253,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--pink)}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.main-nav a:hover,.text-link:hover{color:var(--pink)}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 21px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,var(--pink),#ed8bc0);color:white;box-shadow:0 8px 20px #f36fa633}.btn-soft{background:var(--pink2);color:#bd4f83}.btn-outline{border:1px solid #eadce9;background:white}.hero{padding:78px 0 64px;overflow:hidden;background:radial-gradient(circle at 88% 22%,#f5d9ff 0,transparent 28%),radial-gradient(circle at 8% 70%,#ffe2ec 0,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:99px;background:white;color:#bb5d91;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.04;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{max-width:550px;color:var(--muted);font-size:17px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-art{min-height:360px;border-radius:38px;background:linear-gradient(145deg,#f8cfe3,#dcd0ff);position:relative;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;background:#ffffff55}.hero-art:before{width:260px;height:260px;top:-65px;right:-45px}.hero-art:after{width:180px;height:180px;bottom:-55px;left:-35px}.art-card{position:relative;z-index:1;background:#fff;padding:28px;border-radius:26px;width:70%;transform:rotate(-5deg);box-shadow:0 25px 50px #76558a30;text-align:center}.art-card .sparkle{font-size:38px}.art-card strong{display:block;font-size:24px;line-height:1.15;margin:12px 0}.art-card small{color:var(--muted)}.section{padding:66px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{font-size:32px;letter-spacing:-1px;margin:0}.section-head p{margin:5px 0 0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 7px 25px #56365c08;transition:.2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-thumb{aspect-ratio:1.2;background:linear-gradient(140deg,#ffe7f1,#eee7ff);display:grid;place-items:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-placeholder{font-size:48px}.product-info{padding:17px}.product-info h3{font-size:16px;margin:0 0 7px}.price{font-weight:900;color:#bd5488}.old-price{font-size:12px;color:#aaa;text-decoration:line-through;margin-left:6px}.product-meta{font-size:12px;color:var(--muted);margin-bottom:10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:24px;border:1px solid var(--line);background:white;border-radius:20px}.feature-icon{font-size:28px}.feature h3{margin:10px 0 4px}.feature p{margin:0;color:var(--muted);font-size:14px}.cta{padding:42px;border-radius:28px;background:linear-gradient(110deg,#ffe0ed,#e8e0ff);display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:0;font-size:30px}.cta p{margin:5px 0 0;color:#756b82}.site-footer{margin-top:60px;background:#2e2638;color:#fff;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer p,.site-footer a{color:#d3cbd9;font-size:14px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:32px;padding-top:18px;color:#b9afc2;font-size:12px}.page-wrap{padding:54px 0;min-height:50vh}.page-title{font-size:38px;letter-spacing:-1px;margin:0 0 22px}.account-shell,.content-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.login-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.login-panel{padding:22px;border:1px solid var(--line);border-radius:18px}.login-panel h3{margin-top:0}.login-panel p{color:var(--muted);font-size:14px}.login-panel input,.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{width:100%;padding:13px 15px;border:1px solid #e9dfea;border-radius:12px;background:#fff;margin:5px 0 12px}.login-panel .btn{width:100%}.login-note{font-size:12px;color:var(--muted);margin-top:14px}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:white;border:1px solid var(--line);border-radius:20px;padding:14px;overflow:hidden}.woocommerce ul.products li.product img{border-radius:14px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--pink);color:#fff;border-radius:99px;padding:12px 18px}.woocommerce div.product .product_title{font-size:32px}.woocommerce-message,.woocommerce-info{border-top-color:var(--pink)}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:280px}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.menu-toggle{display:block}.header-inner{height:70px}.header-actions .btn-soft{display:none}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.container{width:min(100% - 28px,1160px)}.hero{padding:50px 0}.hero h1{font-size:43px}.product-grid,.woocommerce ul.products{gap:10px}.product-info{padding:12px}.product-info h3{font-size:14px}.login-columns{grid-template-columns:1fr}.account-shell,.content-card{padding:18px}.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}.section-head h2{font-size:26px}}
/* ========================================== */
/* STYLING GLOBAL MY ACCOUNT (SEMUA HALAMAN)  */
/* ========================================== */

/* 1. Reset Bullet Points Bawaan */
.woocommerce-MyAccount-navigation ul {
    list-style: none; 
    padding: 0; 
    margin: 0;
}

/* 2. Desain Sidebar (Kiri) */
.woocommerce-MyAccount-navigation {
    background: #1e1e24;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.woocommerce-MyAccount-navigation ul li a {
    display: block; 
    padding: 15px 20px; 
    color: #ffffff !important;
    text-decoration: none; 
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: all 0.3s ease;
}

/* Hover & Menu Aktif */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #f36fa6; /* Menggunakan warna pink dari tema (var(--pink)) */
    color: #fff !important; 
    padding-left: 25px; 
}

/* 3. Desain Konten (Kanan) */
/* PERHATIKAN: Saya hapus background dan box-shadow di sini agar tidak menimpa .account-shell dari tema */
.woocommerce-MyAccount-content {
    padding: 10px 0; /* Padding atas bawah saja */
    color: #333;
}

/* 4. Tata Letak 2 Kolom (Desktop) */
@media (min-width: 769px) {
    /* Gunakan flexbox tanpa !important agar tema tetap bisa mengatur pembungkus luarnya */
    .woocommerce-account .woocommerce {
        display: flex; 
        gap: 30px; 
        align-items: flex-start; 
        margin-top: 20px;
    }
    .woocommerce-MyAccount-navigation {
        width: 250px; 
        flex-shrink: 0; 
        position: sticky; 
        top: 20px;
    }
    .woocommerce-MyAccount-content {
        flex-grow: 1; 
        width: calc(100% - 280px);
    }
}
/* ========================================== */
/* CART KOSONG - MINIMALIS (LUNA LUXE)        */
/* ========================================== */

/* 1. Sembunyikan SEMUA elemen bawaan Cart Block */
.wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block > p,
.wp-block-woocommerce-empty-cart-block > hr,
.wp-block-woocommerce-empty-cart-block > h2:not(.with-empty-cart-icon),
.wp-block-woocommerce-empty-cart-block .wc-block-grid {
    display: none !important;
}

/* 2. Hilangkan Ikon Sedih Bawaan */
.wc-block-cart__empty-cart__title::before,
.wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before {
    display: none !important;
}

/* 3. Buat Wadah Baru di Tengah */
.wp-block-woocommerce-empty-cart-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 80px 20px !important;
    background: transparent !important;
    min-height: 50vh !important;
}

/* 4. Tambahkan Ikon Keranjang & Teks Baru */
.wp-block-woocommerce-empty-cart-block::before {
    content: "🛒" !important;
    font-size: 60px !important;
    display: block !important;
    margin-bottom: 20px !important;
    filter: drop-shadow(0 8px 15px rgba(243,111,166,0.3));
}

.wp-block-woocommerce-empty-cart-block::after {
    content: "Keranjangmu masih kosong nih!" !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #1e1e24 !important;
    display: block !important;
    margin-bottom: 30px !important;
    line-height: 1.4 !important;
}

/* 5. Tombol "Shop Now" Custom (Menggunakan Link bawaan) */
/* Kita sembunyikan tombol lama, lalu munculkan tombol baru via CSS */
.wp-block-woocommerce-empty-cart-block p:has(a) {
    display: block !important; /* Paksa muncul */
    margin-top: 10px !important;
    font-size: 0 !important; /* Sembunyikan teks asli */
}

.wp-block-woocommerce-empty-cart-block p:has(a)::after {
    content: "Shop Now" !important;
    display: inline-block !important;
    background: #f36fa6 !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(243,111,166,0.3) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.wp-block-woocommerce-empty-cart-block p:has(a):hover::after {
    background: #e05a9f !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(243,111,166,0.45) !important;
}

/* 6. Trik Agar Tombol Tetap Bisa Diklik (Karena ::after tidak bisa diklik) */
.wp-block-woocommerce-empty-cart-block p:has(a) a {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
}

/* Wadah untuk tombol agar position: absolute bekerja */
.wp-block-woocommerce-empty-cart-block p:has(a) {
    position: relative !important;
    display: inline-block !important;
}