/* ========================================================================== */
/* 1. THE SHIMMER ENGINE (Background & Colors)                                */
/* ========================================================================== */
:root { 
    --aurora-bg: #1a0f2e; 
    --aurora-primary: #00ff96; 
    --aurora-accent: #ff00b4; 
    --button-dark-green: #0b4d2c;
}

body {
    background-color: var(--aurora-bg) !important;
    background-image: 
        radial-gradient(1px 1px at 25px 35px, #fff, rgba(0,0,0,0)), 
        radial-gradient(1.5px 1.5px at 50px 80px, #eee, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 110px 140px, #fff, rgba(0,0,0,0)), 
        radial-gradient(1px 1px at 150px 60px, #ddd, rgba(0,0,0,0)),
        radial-gradient(circle at 30% 20%, var(--aurora-primary), transparent 45%), 
        radial-gradient(circle at 70% 80%, var(--aurora-accent), transparent 45%) !important;
    background-size: 250px 250px, 200px 200px, 300px 300px, 220px 220px, 100% 100%, 100% 100% !important;
    background-attachment: fixed !important;
}

/* ========================================================================== */
/* 2. THE STOREFRONT ASSASSIN (Kill the Theme's Header/Footer/Gaps)           */
/* ========================================================================== */
#masthead, #colophon, .storefront-breadcrumb, .site-info, #secondary { 
    display: none !important; 
}

.site-main { margin: 0 !important; padding: 2em 0 !important; }
.content-area { width: 100% !important; float: none !important; }

/* ========================================================================== */
/* 3. PRODUCT CARD GLASSMORPHISM                                             */
/* ========================================================================== */
.site-main, 
.woocommerce ul.products li.product, 
.wc-block-grid__product {
    background: rgba(255, 255, 255, 0.65) !important; 
    backdrop-filter: blur(10px); 
    color: #000000 !important; 
    border-radius: 12px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; 
    padding: 2em !important;
}

/* 4. Price & Button Styles */
.price { 
    color: var(--aurora-primary) !important; 
    background-color: var(--aurora-bg) !important; 
    padding: 8px 15px !important; 
    border-radius: 6px !important; 
}

.button, .wp-element-button {
    background-color: var(--button-dark-green) !important; 
    color: #ffffff !important; 
    border-radius: 6px !important; 
    transition: 0.3s ease !important;
}

.button:hover { background-color: var(--aurora-primary) !important; color: var(--aurora-bg) !important; }

/* ========================================================================== */
/* 5. PATTERN SPACING FIX (Ensures Header/Footer hit the edges)               */
/* ========================================================================== */
.wp-block-group { max-width: 100% !important; width: 100% !important; }