/* --- 1. THE BURIAL: Hide all Original Theme Containers --- */
header#masthead, 
footer#colophon, 
aside#secondary, 
.storefront-breadcrumb, 
.woocommerce-breadcrumb,
.site-header,
.site-footer {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 2. THE STAR-SHIMMER BACKGROUND --- */
body {
    background-color: #1a0f2e !important;
    background-image: 
        radial-gradient(1px 1px at 25px 35px, #fff, rgba(0,0,0,0)), 
        radial-gradient(circle at 30% 20%, #00ff96, transparent 45%), 
        radial-gradient(circle at 70% 80%, #ff00b4, transparent 45%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

/* --- 3. THE SINGLE GLASS SHOP PANE --- */
/* Forces the content to expand and kills double backgrounds */
#primary, .site-main, #main {
    width: 100% !important;
    max-width: 95% !important;
    margin: 20px auto !important;
    float: none !important; /* Kills sidebar alignment */
    background: rgba(255, 255, 255, 0.9) !important; /* Glass for black text visibility */
    backdrop-filter: blur(15px) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    color: #000000 !important; /* Shop text to black */
}

/* Strip inner theme "boxes" to keep it one single pane */
.site-content, .hentry, .type-page, .woocommerce-content-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- 4. HEADER & FOOTER TEXT TO WHITE --- */
#faa-header-injection, #faa-header-injection *, 
#faa-footer-injection, #faa-footer-injection *,
#faa-header-injection a, #faa-footer-injection a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* --- 5. VISUALLY STUNNING BUTTONS --- */
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce a.button {
    background: linear-gradient(135deg, #4b4fa2 0%, #5d54a4 100%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: bold !important;
    transition: 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover {
    box-shadow: 0 0 15px #00ff96 !important; /* Green neon glow on hover */
    transform: scale(1.05);
}

.added_to_cart { display: none !important; } /* Only 1 button */