/* Critical visual fixes - v13 (Fix Profile Opacity/Readability) */

/* 1. Fix Social Proof CONTAINER */
.social-proof {
    display: flex !important;
    background: none !important;
    padding: 0 !important;
}

.social-proof:empty {
    display: none !important;
}

/* 2. Fix Social Proof ITEM */
.social-proof-item {
    background: transparent !important;
    backdrop-filter: none !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 1) !important;
    padding: 0 !important;
}

.social-proof-item svg {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9)) !important;
}

/* 3. Fix Wishlist Heart */
.wishlist-heart {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. Fix Product Image */
.product-image {
    background: #0a0a0f !important;
}

/* 5. RESET Card Styling */
.product-card {
    background: initial !important;
    border: initial !important;
    box-shadow: initial !important;
}

.product-info h3,
.product-price {
    color: initial !important;
    text-shadow: initial !important;
}

/* 6. FIX PROFILE CONTAINER (Sidebar) - FORCE VALIDITY */
.account-container {
    background: #111116 !important;
    /* Solid Dark */
    backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
    opacity: 1 !important;
    /* Force visible */
    visibility: visible !important;
    z-index: 2000 !important;
}

/* Force content to be fully opaque */
.account-view {
    opacity: 1 !important;
    /* FIX "hard to read" ghosting */
    background: transparent !important;
}

body.light-mode .account-container {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

/* 7. FIX ACCOUNT MODAL (Login) */
.account-modal {
    background: #111116 !important;
    backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
    z-index: 2001 !important;
}

body.light-mode .account-modal {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}