/* ============================================================
   i-SS — SAMBAL STREET POLYCC
   MASTER THEME LAYER — Maroon + Cream
   Colour-only override layer. Loaded last on every page.
   Rule: change colour/background/border/shadow ONLY.
   No layout, position, size, spacing or font-size rules here.
   ============================================================ */
:root{
  --ss-maroon:#9E1F2B;
  --ss-maroon-dark:#7F1722;
  --ss-maroon-light:#F5D9DC;
  --ss-cream:#FFF8E8;
  --ss-cream-light:#FFFDF5;
  --ss-white:#FFFFFF;
  --ss-gold:#D9A441;
  --ss-gold-soft:#F3E2B5;
  --ss-rose:#D99AA2;
  --ss-beige:#EADCC8;
  --ss-sage:#8FA66A;
  --ss-sage-light:#E7EED8;
  --ss-text:#3F3030;
  --ss-muted:#756565;
  --ss-border:#EBDDDD;
  --ss-footer-brown:#8B5E4A;
  --ss-footer-brown-dark:#A8755C;
  --ss-shadow:0 8px 24px rgba(158,31,43,.08);
}

/* ---------- Base ---------- */
html,body{background:var(--ss-cream)!important;color:var(--ss-text)!important}
body{
  background-image:
    linear-gradient(180deg, var(--ss-cream-light) 0%, var(--ss-cream) 100%)!important;
}
a{color:var(--ss-maroon)}
a:hover{color:var(--ss-maroon-dark)}
h1,h2,h3,h4,h5,h6,.section-title,.page-title,.marketplace-heading,.heading-left h1,.heading-left h2{
  color:var(--ss-maroon)!important;
}
.section-subtitle,.hero-description,.intro,.footer-description,.muted,
.card-text,.card-subtitle,.page-subtitle,.product-description,.description,
.form-label,.field-label,.filter-title,.price-label,.old-price,.stock,.meta,
.helper-text,.empty-state,.profile-info,.order-info,.summary-label,
.summary-item,.info-text,body p,body li,body span,body label,body small,
body dt,body dd{
  color:var(--ss-text)!important;
}
.eyebrow,.section-eyebrow,.category-tag,.accent,.green-text{color:var(--ss-sage)!important}

/* ---------- Header / Navbar ---------- */
header,.navbar,.navbar-inner,.nav-inner,.topbar,.header,.site-header{
  background:var(--ss-cream-light)!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
  box-shadow:0 2px 14px rgba(158,31,43,.06)!important;
}
.topbar{background:var(--ss-maroon)!important;color:#fff!important}
.topbar *{color:#fff!important}
.nav-links a,.nav-links a i,.navbar a,.profile-name,.username{color:var(--ss-text)!important}
.nav-links a:hover,.nav-links a.active,.nav-links a.active i,.navbar a:hover{
  background:var(--ss-maroon-light)!important;
  color:var(--ss-maroon)!important;
}
.nav-links a.active::after{background:var(--ss-maroon)!important}
.logo,.logo-main,.logo-street,.logo-dark{color:var(--ss-text)!important}
.logo span,.logo-red,.logo-badge{color:var(--ss-maroon)!important}
.logo-icon,.logo-box{background:var(--ss-maroon)!important;color:#fff!important}

/* ---------- Page sections ---------- */
main,.section,.section-alt,.marketplace,.features,.flash-section,.search-area,
.content,.main-content,.page-content,.content-section,.hero,.products-section{
  background:var(--ss-cream)!important;
  color:var(--ss-text)!important;
}
.section-alt,.page-content{background:var(--ss-cream-light)!important}

/* ---------- Cards / panels ---------- */
.card,.product-card,.promo-card,.limited-card,.category-card,.rank-card,
.feature-card,.reward-card,.coupon-card,.voucher-card,.profile-card,
.profile-side,.filter-box,.filter-panel,.order-card,.checkout-form,
.order-summary,.summary-card,.dashboard-card,.stat-card,.table-card,
.form-card,.modal-content,.quick-view-content,.info-card,.content-card,
.panel,.section-card,.review-card,.related-card,.modal-card,
.search-box,.search-bar,.form-section,.cart-card,.my-voucher-card,
.balance-card,.coin-card,.gift-card,.flash-banner,.empty-state{
  background:var(--ss-white)!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
  box-shadow:var(--ss-shadow)!important;
}
.product-card:hover,.category-card:hover,.promo-card:hover,.rank-card:hover,
.limited-card:hover,.feature-card:hover,.card:hover{
  border-color:var(--ss-rose)!important;
}
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.product-name,
.rank-name,.card-title{color:var(--ss-text)!important}
.card a,.product-card a,.promo-card a,.limited-card a,.category-card a,
.rank-card a,.feature-card a,.reward-card a,.order-card a,.profile-card a,
.content-card a,.panel a,.info-card a,.related-card a{color:var(--ss-maroon)!important}
.product-price,.new-price,.price,.price-row,.total,.important,.view-all{
  color:var(--ss-maroon)!important;
}
.product-category,.product-supplier,.supplier-text,.rank-poly{color:var(--ss-muted)!important}
.rating,.rank-score,.stars{color:var(--ss-gold)!important}
.product-image,.promo-image,.limited-image,.image-box,.image-placeholder,
.product-placeholder{background:var(--ss-cream-light)!important}

/* ---------- Buttons ---------- */
button,.btn,.btn-primary,.btn-save,.btn-submit,.btn-login,.login-btn,
.hero-primary,.checkout-btn,.submit-btn,.primary-btn,.add-cart,
.add-cart-btn,.btn-place-order,.action-btn,.buy-btn,.btn-approve,
.btn-confirm,.btn-buy,.btn-register,.btn-search,.cta-btn{
  background:var(--ss-maroon)!important;
  color:#fff!important;
  border-color:var(--ss-maroon)!important;
}
button:hover,.btn:hover,.btn-primary:hover,.btn-save:hover,.btn-submit:hover,
.btn-login:hover,.login-btn:hover,.hero-primary:hover,.checkout-btn:hover,
.submit-btn:hover,.primary-btn:hover,.add-cart:hover,.add-cart-btn:hover,
.btn-place-order:hover,.action-btn:hover,.buy-btn:hover{
  background:var(--ss-maroon-dark)!important;
  border-color:var(--ss-maroon-dark)!important;
}
.btn-secondary,.hero-secondary,.reset-btn,.secondary-btn{
  background:var(--ss-cream-light)!important;
  color:var(--ss-maroon)!important;
  border-color:var(--ss-maroon)!important;
}
.btn-secondary:hover,.hero-secondary:hover,.reset-btn:hover,.secondary-btn:hover{
  background:var(--ss-maroon-light)!important;
}
.hero-badge,.badge-count,.cart-badge,.cart-count,.discount-badge,
.best-badge,.premium-badge,.reward-badge{color:#fff!important}

/* ---------- Forms / inputs ---------- */
input,select,textarea,.form-control,.form-select,.filter-item input,.filter-item select{
  background:var(--ss-white)!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:var(--ss-maroon)!important;
  box-shadow:0 0 0 3px rgba(158,31,43,.10)!important;
}
input::placeholder,textarea::placeholder{color:var(--ss-muted)!important}

/* ---------- Tables ---------- */
table{background:var(--ss-white)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
thead,th{background:var(--ss-maroon)!important;color:#fff!important;border-color:var(--ss-maroon)!important}
thead *,th *{color:#fff!important}
tbody tr:nth-child(even){background:var(--ss-cream-light)!important}
tbody tr:hover{background:var(--ss-maroon-light)!important}
td,tbody td,tbody td *{color:var(--ss-text)!important;border-color:var(--ss-border)!important}

/* ---------- Sidebar / dashboard (admin & supplier) — light, never dark ---------- */
.sidebar,.admin-sidebar,.supplier-sidebar,.dashboard-sidebar,
.sidebar *,.admin-sidebar *,.supplier-sidebar *,.dashboard-sidebar *{
  background:var(--ss-white)!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
}
.sidebar .logo,.admin-sidebar .logo,.supplier-sidebar .logo,.dashboard-sidebar .logo{
  color:var(--ss-maroon)!important;
}
.sidebar a.active,.admin-sidebar a.active,.supplier-sidebar a.active,
.dashboard-sidebar a.active{background:var(--ss-maroon-light)!important;color:var(--ss-maroon)!important}
.sidebar a:hover,.admin-sidebar a:hover,.supplier-sidebar a:hover,
.dashboard-sidebar a:hover{background:var(--ss-cream)!important;color:var(--ss-maroon)!important}
.profile-header,.profile-hero,.dashboard-header{
  background:linear-gradient(135deg,var(--ss-cream),var(--ss-cream-light))!important;
  color:var(--ss-text)!important;
}
.avatar,.profile-avatar,.user-avatar{background:var(--ss-maroon)!important;color:#fff!important}
.profile-menu a.active{background:var(--ss-maroon)!important;color:#fff!important}

/* ---------- Badges / status ---------- */
.badge,.poly-badge,.trending-badge,.discount,.limited-badge,.stock-badge,.sale-badge{
  background:var(--ss-maroon-light)!important;
  color:var(--ss-maroon)!important;
  border-color:var(--ss-rose)!important;
}
.status-success,.success,.alert-success,.status-delivered,.success-message{
  background:var(--ss-sage-light)!important;color:#4B5E36!important;border-color:#CFE0BC!important;
}
.status-warning,.warning{
  background:var(--ss-gold-soft)!important;color:#7A5D1F!important;border-color:#E7D39D!important;
}
.status-error,.error,.alert-error,.status-cancelled,.error-message{
  background:var(--ss-maroon-light)!important;color:var(--ss-maroon)!important;border-color:var(--ss-rose)!important;
}
.status-success *,.success *{color:#4B5E36!important}
.status-warning *,.warning *{color:#7A5D1F!important}
.status-error *,.error *{color:var(--ss-maroon)!important}
.coin,.points,.reward,.voucher{color:var(--ss-gold)!important}

/* ---------- Cart / Checkout / Payment / Order Summary ---------- */
.cart-page,.checkout-page,.payment-page{background:var(--ss-cream)!important;color:var(--ss-text)!important}
.order-summary,.summary-card,.checkout-form{background:var(--ss-white)!important;border-color:var(--ss-border)!important}
.order-summary h1,.order-summary h2,.order-summary h3,
.summary-card h1,.summary-card h2,.summary-card h3,
.checkout-form h1,.checkout-form h2,.checkout-form h3{color:var(--ss-maroon)!important}
.qty-btn,.quantity-btn,.qty-control,.quantity-control{
  background:var(--ss-maroon-light)!important;color:var(--ss-maroon)!important;border-color:var(--ss-rose)!important;
}
.qty-btn:hover,.quantity-btn:hover{background:var(--ss-maroon)!important;color:#fff!important}
.voucher-area,.voucher-box,.apply-voucher{background:var(--ss-cream-light)!important;border-color:var(--ss-border)!important}
.grand-total,.order-total,.final-total{color:var(--ss-gold)!important}

/* ---------- Login / Register / Forgot / Reset ---------- */
.login-page,.register-page,.forgot-page,.reset-page,.auth-page{
  background:var(--ss-cream)!important;color:var(--ss-text)!important;
}
.login-card,.register-card,.auth-card,.forgot-card,.reset-card{
  background:var(--ss-white)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
}
.auth-card h1,.auth-card h2,.login-card h1,.register-card h1,
.forgot-card h1,.reset-card h1{color:var(--ss-maroon)!important}

/* ---------- Footer — soft warm brown accent, never dark ---------- */
footer,.footer{
  background:var(--ss-footer-brown)!important;
  color:var(--ss-cream)!important;
  border-color:var(--ss-footer-brown-dark)!important;
}
footer *,.footer *{color:var(--ss-cream)!important}
footer h1,footer h2,footer h3,footer h4,footer h5,
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5{color:#fff!important}
footer a,.footer a{color:var(--ss-cream)!important}
footer a:hover,.footer a:hover{color:var(--ss-gold-soft)!important}

/* ---------- Neutralise leftover dark theme surfaces (colour only) ---------- */
[style*="background:#3E2723"],[style*="background: #3E2723"],
[style*="background:#5A3A32"],[style*="background: #5A3A32"],
[style*="background:#6B3A2A"],[style*="background: #6B3A2A"],
[style*="background:#2d1b12"],[style*="background: #2d1b12"],
[style*="background:#4A2922"],[style*="background: #4A2922"],
[style*="#000"],[style*="#111"],[style*="#101010"],[style*="#0e0e0e"],
[style*="#080808"],[style*="#0f0f0f"],[style*="#151515"],[style*="#161616"],
[style*="#181818"],[style*="#1a1a1a"],[style*="#202020"],[style*="#222"]{
  background:var(--ss-cream-light)!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-border)!important;
}