:root {
    --bg-main: #f8f9fa;
    --bg-card: #ffffff;
    --text-main: #333333;
    --text-light: #666666;
    --brand-color: #D4AF37;
    --brand-hover: #B8860B;
    --border-color: #eaeaea;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', 'Segoe UI', sans-serif; }
body { background: var(--bg-main) !important; color: var(--text-main) !important; padding-bottom: 80px; }

.header, .bottom-nav, .footer { background: var(--bg-card) !important; border-color: var(--border-color) !important; color: var(--text-main) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; }
.back-btn { background: #f1f1f1 !important; border: 1px solid #ddd !important; color: #555 !important; }
.download-btn { background: var(--bg-card) !important; color: var(--brand-color) !important; border: 1px solid var(--brand-color) !important; }
.bottom-nav-item { color: var(--text-light) !important; }
.bottom-nav-item.active { color: var(--brand-color) !important; }
.bottom-nav-item.active::before { background: var(--brand-color) !important; }

.product-card { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important; }
.product-card:hover { border-color: var(--brand-color) !important; }
.product-info h3, .hero h1, .section-title { color: var(--text-main) !important; background: none !important; -webkit-text-fill-color: var(--text-main) !important; }
.product-info .price { color: var(--brand-color) !important; }
.add-btn, .checkout-btn, button[type="submit"] { background: var(--brand-color) !important; color: #fff !important; border: none !important; }
.add-btn:hover, .checkout-btn:hover, button[type="submit"]:hover { background: var(--brand-hover) !important; }

input, select, textarea { background: var(--bg-card) !important; color: var(--text-main) !important; border: 1px solid var(--border-color) !important; }
input:focus, select:focus, textarea:focus { border-color: var(--brand-color) !important; outline: none; }
table { background: var(--bg-card) !important; color: var(--text-main) !important; border-color: var(--border-color) !important; }
th { background: #f1f1f1 !important; color: var(--text-main) !important; }
/* ===== ADMIN PANEL FIXES ===== */
.sidebar { background: var(--bg-card) !important; border-right: 1px solid var(--border-color) !important; }
.sidebar h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--brand-color) !important; background: none !important; -webkit-text-fill-color: var(--brand-color) !important; }
.sidebar a { color: var(--text-light) !important; }
.sidebar a:hover { background: #f1f1f1 !important; color: var(--brand-color) !important; }
.sidebar a.active { background: var(--brand-color) !important; color: #fff !important; }
.main { background: var(--bg-main) !important; }
.topbar h1 { color: var(--text-main) !important; }
.topbar .user { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; color: var(--brand-color) !important; }
.form-box, .table-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
.form-box h2, .table-box h2 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.form-box input, .form-box textarea { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.form-box input:focus, .form-box textarea:focus { border-color: var(--brand-color) !important; background: #fff !important; }
th, td { border-bottom: 1px solid var(--border-color) !important; }
th { color: var(--text-light) !important; }
td { color: var(--text-main) !important; }
.btn-edit { background: #fef3c7 !important; color: #d97706 !important; border: 1px solid #fcd34d !important; }
.btn-del { background: #fee2e2 !important; color: #dc2626 !important; border: 1px solid #fca5a5 !important; }
/* ===== CART PAGE FIXES ===== */
.container h2 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.item, .cart-bottom, .empty { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; }
.item-info h3 { color: var(--text-main) !important; }
.item-info p, .item-sub, .cart-total { color: var(--brand-color) !important; }
.qty-box { background: #f1f1f1 !important; border: 1px solid #ddd !important; }
.qty-num { color: var(--text-main) !important; }
.qty-btn { background: var(--brand-color) !important; color: #fff !important; }
.remove { background: #fee2e2 !important; color: #dc2626 !important; border: 1px solid #fca5a5 !important; }
.checkout-btn { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.cart-total span { color: var(--text-light) !important; }
/* ===== CHECKOUT PAGE FIXES ===== */
.container h1 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.co-form-box, .co-summary, .co-empty { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; }
.co-section-title { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.co-label { color: var(--text-light) !important; }
.co-input, .co-textarea, .co-select { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.co-input:focus, .co-textarea:focus, .co-select:focus { border-color: var(--brand-color) !important; background: #fff !important; }
.co-item { border-bottom: 1px solid var(--border-color) !important; }
.co-item-name, .co-total-row .lbl { color: var(--text-main) !important; }
.co-item-qty { color: var(--text-light) !important; }
.co-item-price, .co-total-row .val { color: var(--brand-color) !important; }
.co-summary-row { color: var(--text-light) !important; }
.co-summary-row .val { color: var(--text-main) !important; }
.co-divider { background: var(--border-color) !important; }
.co-place-btn { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
#payment-info { background: #fdfaf0 !important; border: 1px solid var(--brand-color) !important; color: var(--brand-hover) !important; }
/* ===== ORDER SUCCESS PAGE FIXES ===== */
.success-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
.success-icon { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.success-title { background: linear-gradient(135deg, var(--brand-color), var(--brand-hover)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
.success-sub { color: var(--text-light) !important; }
.info-grid { background: #fdfaf0 !important; border: 1px solid var(--brand-color) !important; }
.info-item .lbl { color: var(--text-light) !important; }
.info-item .val { color: var(--text-main) !important; }
.btn-primary { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.btn-primary:hover { background: var(--brand-hover) !important; }
.btn-secondary { background: #f1f1f1 !important; color: var(--text-main) !important; border: 1px solid var(--border-color) !important; }
.btn-secondary:hover { background: #e5e5e5 !important; }
/* ===== MY ORDERS PAGE FIXES ===== */
.page-title { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.order-card, .empty { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; }
.order-card:hover { border-color: var(--brand-color) !important; box-shadow: 0 10px 25px rgba(212,175,55,0.1) !important; }
.order-info h3 { color: var(--text-main) !important; }
.order-info p { color: var(--text-light) !important; }
.order-info p strong { color: var(--text-main) !important; }
.order-price { color: var(--brand-color) !important; }

/* Status Badges (Light Theme Colors) */
.pending { background: #fef3c7 !important; color: #d97706 !important; }
.shipped { background: #dbeafe !important; color: #2563eb !important; }
.delivered { background: #dcfce7 !important; color: #16a34a !important; }
.cancelled { background: #fee2e2 !important; color: #dc2626 !important; }
/* ===== ADMIN LOGIN PAGE FIXES ===== */
.login-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
.login-box h2 { color: var(--text-main) !important; }
.login-box p { color: var(--text-light) !important; }
.login-box input { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.login-box input:focus { border-color: var(--brand-color) !important; background: #fff !important; }
.login-box button { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.login-box button:hover { background: var(--brand-hover) !important; }
.error { background: #fee2e2 !important; border: 1px solid #fca5a5 !important; color: #dc2626 !important; }
/* ===== CUSTOMER LOGIN PAGE FIXES ===== */
.box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
.box h2 { color: var(--text-main) !important; }
.box h3 { color: var(--text-light) !important; }
.box input { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.box input:focus { border-color: var(--brand-color) !important; background: #fff !important; }
.box button { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.box button:hover { background: var(--brand-hover) !important; }
.msg { background: #fee2e2 !important; border: 1px solid #fca5a5 !important; color: #dc2626 !important; }
.link { color: var(--text-light) !important; }
.link a { color: var(--brand-color) !important; }
.link a:hover { color: var(--brand-hover) !important; }
/* ===== REGISTER PAGE FIXES ===== */
.box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
.box h2 { color: var(--text-main) !important; }
.box h3 { color: var(--text-light) !important; }
.box input { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.box input:focus { border-color: var(--brand-color) !important; background: #fff !important; }
.box button { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.box button:hover { background: var(--brand-hover) !important; }
.msg { background: #dcfce7 !important; border: 1px solid #86efac !important; color: #16a34a !important; }
.link { color: var(--text-light) !important; }
.link a { color: var(--brand-color) !important; }
.link a:hover { color: var(--brand-hover) !important; }
/* ===== PROFILE MENU BACKGROUND FIX ===== */
.profile-menu {
    background: #ffffff !important; 
}

.profile-header, .profile-list {
    background: #ffffff !important;
}

.profile-overlay {
    background: rgba(0, 0, 0, 0.6) !important; 
}
/* ===== PROFILE MENU BACKGROUND COLOR FIX ===== */
.profile-menu {
    background: #f4f4f5 !important; /* Light Grey background */
    border-top: 3px solid var(--brand-color) !important;
}

.profile-header {
    background: #ffffff !important; /* Header white rahega */
}

.profile-item {
    background: #ffffff !important; /* Menu items white rahenge */
    border: 1px solid var(--border-color) !important;
}
/* ===== ADMIN PAYMENT SETTINGS PAGE FIXES ===== */
.sidebar { background: var(--bg-card) !important; border-right: 1px solid var(--border-color) !important; }
.sidebar h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--brand-color) !important; background: none !important; -webkit-text-fill-color: var(--brand-color) !important; }
.sidebar a { color: var(--text-light) !important; }
.sidebar a:hover { background: #f1f1f1 !important; color: var(--brand-color) !important; }
.sidebar a.active { background: var(--brand-color) !important; color: #fff !important; }
.main { background: var(--bg-main) !important; }
.topbar h1 { color: var(--text-main) !important; }
.topbar .user { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; color: var(--brand-color) !important; }

.form-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
.form-box h2 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.form-group label { color: var(--text-main) !important; }
.form-group input { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.form-group input:focus { border-color: var(--brand-color) !important; background: #fff !important; }

.section-title { background: #fdfaf0 !important; border: 1px solid var(--brand-color) !important; color: var(--brand-hover) !important; }
.save-btn { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.save-btn:hover { background: var(--brand-hover) !important; }
.msg { background: #dcfce7 !important; border: 1px solid #86efac !important; color: #16a34a !important; }
/* ===== ADMIN DASHBOARD PAGE FIXES ===== */
.sidebar { background: var(--bg-card) !important; border-right: 1px solid var(--border-color) !important; }
.sidebar h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--brand-color) !important; background: none !important; -webkit-text-fill-color: var(--brand-color) !important; }
.sidebar a { color: var(--text-light) !important; }
.sidebar a:hover { background: #f1f1f1 !important; color: var(--brand-color) !important; }
.sidebar a.active { background: var(--brand-color) !important; color: #fff !important; }
.main { background: var(--bg-main) !important; }
.topbar h1 { color: var(--text-main) !important; }
.topbar .user { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; color: var(--brand-color) !important; }
.topbar .user::before { background: var(--brand-color) !important; color: #fff !important; }

/* Cards */
.card { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; }
.card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; border-color: var(--brand-color) !important; }
.card h3 { color: var(--text-light) !important; }
.card .num { color: var(--text-main) !important; }
.card-1::before { background: var(--brand-color) !important; }
.card-2::before { background: #3b82f6 !important; }
.card-3::before { background: #fbbf24 !important; }
.card-4::before { background: #a855f7 !important; }

/* Table */
.table-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
.table-box h2 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
th, td { border-bottom: 1px solid var(--border-color) !important; }
th { color: var(--text-light) !important; }
td { color: var(--text-main) !important; }
tr:hover td { background: #f9f9f9 !important; }

/* Badges */
.pending { background: #fef3c7 !important; color: #d97706 !important; }
.shipped { background: #dbeafe !important; color: #2563eb !important; }
.delivered { background: #dcfce7 !important; color: #16a34a !important; }
/* ===== ADMIN BANNERS PAGE FIXES ===== */
.sidebar { background: var(--bg-card) !important; border-right: 1px solid var(--border-color) !important; }
.sidebar h2 { border-bottom: 1px solid var(--border-color) !important; color: var(--brand-color) !important; background: none !important; -webkit-text-fill-color: var(--brand-color) !important; }
.sidebar a { color: var(--text-light) !important; }
.sidebar a:hover { background: #f1f1f1 !important; color: var(--brand-color) !important; }
.sidebar a.active { background: var(--brand-color) !important; color: #fff !important; }
.main { background: var(--bg-main) !important; }
.topbar h1 { color: var(--text-main) !important; }
.topbar .user { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; color: var(--brand-color) !important; }

.form-box, .table-box { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
.form-box h2, .table-box h2 { color: var(--text-main) !important; border-bottom: 1px solid var(--border-color) !important; }
.form-box input, .form-box select { background: #f9f9f9 !important; border: 1px solid var(--border-color) !important; color: var(--text-main) !important; }
.form-box input:focus, .form-box select:focus { border-color: var(--brand-color) !important; background: #fff !important; }
.form-box button { background: var(--brand-color) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important; }
.form-box button:hover { background: var(--brand-hover) !important; }

th, td { border-bottom: 1px solid var(--border-color) !important; }
th { color: var(--text-light) !important; }
td { color: var(--text-main) !important; }
tr:hover td { background: #f9f9f9 !important; }

.badge-active { background: #dcfce7 !important; color: #16a34a !important; }
.badge-inactive { background: #fee2e2 !important; color: #dc2626 !important; }

.btn-toggle { background: #fef3c7 !important; color: #d97706 !important; border: 1px solid #fcd34d !important; }
.btn-del { background: #fee2e2 !important; color: #dc2626 !important; border: 1px solid #fca5a5 !important; }
.msg { background: #dcfce7 !important; border: 1px solid #86efac !important; color: #16a34a !important; }