/* ========================================================================== */
/* CONTENT BOXES: GLASSMORPHISM FOR BLACK TEXT                                */
/* ========================================================================== */

/* The Main Page Container - 92% White for maximum text contrast */
.site-main {
    width: 95% !important;
    max-width: 1800px !important;
    margin: 20px auto !important;
    padding: 30px !important;
    background: rgba(255, 255, 255, 0.92) !important; 
    backdrop-filter: blur(12px);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
    color: var(--text-dark) !important;
}

/* Individual Product Cards */
.woocommerce ul.products li.product, .wc-block-grid__product {
    background: rgba(255, 255, 255, 0.75) !important; 
    backdrop-filter: blur(10px); 
    border-radius: 12px !important; 
    padding: 1.5em !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

/* Buttons & Price Tags */
.price { 
    color: #ffffff !important; 
    background: var(--aurora-bg) !important; 
    padding: 5px 12px !important; 
    border-radius: 4px; 
    display: inline-block;
}

.button, .wp-element-button { 
    background-color: var(--aurora-bg) !important; 
    color: #ffffff !important; 
    border: 1px solid var(--aurora-primary) !important;
    border-radius: 6px !important; 
    transition: 0.3s ease !important;
}

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