/* ==========================================================
   Sambal Street POLYCC — LIGHT THEME
   Shared visual layer for every page
   ========================================================== */
:root{
  --ss-red:#C62828;
  --ss-red-dark:#A61F1F;
  --ss-red-soft:#FDE8E4;
  --ss-cream:#FFF3D6;
  --ss-cream-2:#FFF9EC;
  --ss-green:#4F772D;
  --ss-green-soft:#EAF3E3;
  --ss-brown:#3E2723;
  --ss-muted:#75685E;
  --ss-border:#E8DCC7;
  --ss-white:#FFFFFF;
  --ss-shadow:0 12px 30px rgba(62,39,35,.09);
}

html{scroll-behavior:smooth}
body{
  background:var(--ss-cream) !important;
  color:var(--ss-brown) !important;
}
body::before,body::after{background:transparent !important;box-shadow:none !important;opacity:.25 !important}

/* Kill dark backgrounds left by old page-specific designs. */
[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-2) !important;
  color:var(--ss-brown) !important;
  border-color:var(--ss-border) !important;
}

/* Shared navigation */
.navbar,.navbar-inner,.nav-inner{
  background:rgba(255,249,236,.96) !important;
  color:var(--ss-brown) !important;
  border-color:var(--ss-border) !important;
  box-shadow:0 3px 18px rgba(62,39,35,.07) !important;
}
.nav-links a,.nav-links a i{color:var(--ss-brown) !important}
.nav-links a:hover,.nav-links a.active{color:var(--ss-red) !important}
.nav-links a.active::after{background:var(--ss-red) !important}
.logo-main,.logo-street,.logo-dark{color:var(--ss-brown) !important}
.logo-red,.logo-badge{color:var(--ss-red) !important}
.logo-icon,.logo-box{background:var(--ss-red) !important;color:#fff !important}
.hamburger{color:var(--ss-brown) !important;background:transparent !important;border-color:var(--ss-border) !important}

/* Buttons */
.btn-primary,.hero-primary,.login-btn,.btn-save,.add-cart,.checkout-btn,.primary-btn,.submit-btn{
  background:var(--ss-red) !important;
  color:#fff !important;
  border-color:var(--ss-red) !important;
}
.btn-primary:hover,.hero-primary:hover,.login-btn:hover,.btn-save:hover,.add-cart:hover,.checkout-btn:hover,.primary-btn:hover,.submit-btn:hover{background:var(--ss-red-dark) !important}
.btn-secondary,.hero-secondary,.reset-btn{
  background:var(--ss-green-soft) !important;
  color:var(--ss-green) !important;
  border-color:#C9DCBA !important;
}

/* Shared content surfaces */
.section,.section-alt,.marketplace,.search-area,.features,.flash-section{
  background:var(--ss-cream) !important;
  color:var(--ss-brown) !important;
}
.section-alt{background:var(--ss-cream-2) !important}
.section-title,.filter-title,.marketplace-heading,.heading-left h1,.heading-left h2{color:var(--ss-brown) !important}
.section-subtitle,.hero-description,.intro,.footer-description{color:var(--ss-muted) !important}
.eyebrow,.section-eyebrow,.category-tag{color:var(--ss-green) !important}

/* Cards */
.product-card,.category-card,.promo-card,.rank-card,.limited-card,.feature-card,.profile-card,.profile-side,.filter-box,.filter-panel,.empty-state,.flash-banner,.search-box{
  background:var(--ss-white) !important;
  color:var(--ss-brown) !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{border-color:#DCA9A2 !important}
.product-name,.rank-name,.product-price,.price,.price-row,.product-meta{color:var(--ss-brown) !important}
.product-category,.product-supplier,.supplier-text,.rank-poly{color:var(--ss-muted) !important}
.product-price,.new-price,.price{color:var(--ss-red) !important}
.rating,.rank-score{color:#B7791F !important}
.product-image,.promo-image,.limited-image{background:var(--ss-cream-2) !important}
.wishlist,.quick-view{background:var(--ss-cream-2) !important;color:var(--ss-red) !important;border-color:var(--ss-border) !important}
.trending-badge,.discount,.limited-badge,.stock-badge,.poly-badge{background:var(--ss-red) !important;color:#fff !important}

/* Forms */
input,select,textarea,.form-control,.filter-item input,.filter-item select{
  background:#fff !important;
  color:var(--ss-brown) !important;
  border-color:var(--ss-border) !important;
}
input::placeholder,textarea::placeholder{color:#9A8D82 !important}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--ss-red) !important;box-shadow:0 0 0 3px rgba(198,40,40,.10) !important}

/* Explore Sambal page — keep it light and product-friendly */
.page-step2 .hero,.page-step2 .marketplace,.page-step2 .filter-box,.page-step2 .filter-panel{background:var(--ss-cream) !important}
.page-step2 .hero{background:linear-gradient(135deg,#FFF8E9,#FFF3D6) !important}
.page-step2 .hero-content{color:var(--ss-brown) !important}
.page-step2 .hero h1,.page-step2 .hero h2{color:var(--ss-brown) !important}
.page-step2 .hero h1 span{color:var(--ss-red) !important}
.page-step2 .product-grid{background:transparent !important}
.page-step2 .product-card{background:#fff !important}
.page-step2 .empty-state{background:#fff !important;border:1px dashed #D9C8AE !important}
.page-step2 .feature-icon{background:var(--ss-green-soft) !important;color:var(--ss-green) !important}
.page-step2 .features{background:var(--ss-cream-2) !important}
.page-step2 .filter-title{color:var(--ss-brown) !important}
.page-step2 .reset-btn{color:var(--ss-green) !important}

/* Profile — warmer, softer, less neon */
.page-profile .profile-hero{background:linear-gradient(135deg,#FFF8E9 0%,#FFF3D6 58%,#F3E9D5 100%) !important;color:var(--ss-brown) !important;border-bottom:1px solid var(--ss-border) !important}
.page-profile .profile-hero h1,.page-profile .profile-hero h2{color:var(--ss-brown) !important}
.page-profile .welcome-tag{background:var(--ss-green-soft) !important;color:var(--ss-green) !important;border-color:#C9DCBA !important}
.page-profile .hero-icon{background:var(--ss-red-soft) !important;color:var(--ss-red) !important}
.page-profile .avatar{background:var(--ss-red) !important;color:#fff !important;box-shadow:0 10px 25px rgba(198,40,40,.18) !important}
.page-profile .online{background:var(--ss-green) !important;border-color:#fff !important}
.page-profile .user-badge{background:var(--ss-green-soft) !important;color:var(--ss-green) !important;border-color:#C9DCBA !important}
.page-profile .profile-side{background:#fff !important}
.page-profile .side-item.active{background:var(--ss-red-soft) !important;color:var(--ss-red) !important}
.page-profile .side-item:hover{background:var(--ss-cream) !important}
.page-profile .secure{background:var(--ss-green-soft) !important;color:var(--ss-green) !important;border-color:#C9DCBA !important}
.page-profile .alert-success{background:var(--ss-green-soft) !important;color:var(--ss-green) !important;border-color:#C9DCBA !important}
.page-profile .alert-error{background:var(--ss-red-soft) !important;color:var(--ss-red) !important;border-color:#E7B7B0 !important}

/* Rewards / vouchers */
.page-rewards .points-card,.page-rewards .coin-card,.page-rewards .voucher-card,.page-rewards .gift-card{background:#fff !important;border-color:var(--ss-border) !important;box-shadow:var(--ss-shadow) !important}
.page-rewards .points-card{border-top:4px solid var(--ss-green) !important}
.page-rewards .coin-card{border-top:4px solid var(--ss-red) !important}
.page-rewards .voucher-card{border-top:4px solid var(--ss-red) !important}

/* Admin/supplier pages */
.page-supplier_dashboard,.page-supplier,.page-supplier_products,.page-supplier_orders,.page-supplier_profile,.page-supplier_add_product,.page-supplier_edit_product,.page-supplier_join,.page-supplier_login,.page-admin_users{background:var(--ss-cream) !important}
.page-supplier_dashboard .sidebar,.page-supplier .sidebar,.page-supplier_products .sidebar,.page-supplier_orders .sidebar,.page-supplier_profile .sidebar{background:var(--ss-brown) !important;color:#fff !important}
.page-supplier_dashboard .sidebar a,.page-supplier .sidebar a,.page-supplier_products .sidebar a,.page-supplier_orders .sidebar a,.page-supplier_profile .sidebar a{color:#fff !important}
.page-supplier_dashboard .sidebar a.active,.page-supplier .sidebar a.active,.page-supplier_products .sidebar a.active,.page-supplier_orders .sidebar a.active,.page-supplier_profile .sidebar a.active{background:var(--ss-red) !important}

/* Footer: dark brown is retained only where it works as a brand anchor. */
.footer{background:var(--ss-brown) !important;color:#FFF9EC !important;border-color:#2B1B18 !important}
.footer a,.footer-title,.footer-brand,.footer-bottom{color:#FFF3D6 !important}
.footer a:hover{color:#fff !important}

/* Tables */
table{background:#fff !important;color:var(--ss-brown) !important;border-color:var(--ss-border) !important}
th{background:var(--ss-brown) !important;color:#fff !important}
td{border-color:var(--ss-border) !important}

/* Modals / overlays */
.modal,.quick-view-modal,.toast{color:var(--ss-brown) !important}
.modal-content,.quick-view-content{background:#fff !important;border-color:var(--ss-border) !important}

/* Generic status */
.status-confirmed,.status-delivered,.status-processing,.success,.text-success{color:var(--ss-green) !important}
.status-pending,.warning{color:#B7791F !important}
.status-cancelled,.error,.text-danger{color:var(--ss-red) !important}

/* ==========================================================
   HOMEPAGE MARKETING SECTIONS
   ========================================================== */
.home-perks{padding:22px 0;background:var(--ss-cream)}
.home-perks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-perk{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--ss-border);border-radius:18px;padding:17px;box-shadow:0 8px 22px rgba(62,39,35,.06)}
.home-perk-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--ss-red-soft);color:var(--ss-red);font-size:17px;flex:none}
.home-perk:nth-child(2) .home-perk-icon,.home-perk:nth-child(4) .home-perk-icon{background:var(--ss-green-soft);color:var(--ss-green)}
.home-perk strong{display:block;font-size:12px}.home-perk span{display:block;margin-top:3px;font-size:9px;color:var(--ss-muted)}

.reward-highlight{padding:25px 0;background:var(--ss-cream-2)}
.reward-highlight-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.reward-panel{border:1px solid var(--ss-border);border-radius:24px;background:#fff;padding:25px;box-shadow:var(--ss-shadow);position:relative;overflow:hidden}
.reward-panel::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:var(--ss-red-soft)}
.reward-panel.green::after{background:var(--ss-green-soft)}
.reward-panel .label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ss-green);font-weight:900}
.reward-panel h3{font-size:23px;margin:7px 0;color:var(--ss-brown)}
.reward-panel p{font-size:10px;line-height:1.6;color:var(--ss-muted);max-width:520px}
.reward-code{display:inline-flex;align-items:center;gap:8px;margin-top:13px;background:var(--ss-red-soft);color:var(--ss-red);padding:9px 13px;border-radius:10px;font-weight:900;font-size:10px}
.coin-pill{display:inline-flex;align-items:center;gap:8px;margin-top:13px;background:var(--ss-green-soft);color:var(--ss-green);padding:9px 13px;border-radius:10px;font-weight:900;font-size:10px}
.reward-panel .mini-link{display:inline-flex;margin-top:16px;color:var(--ss-red);font-weight:900;font-size:10px;text-decoration:none}

.trust-strip{padding:38px 0;background:var(--ss-cream)}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.trust-card{border-radius:25px;padding:30px;background:#fff;border:1px solid var(--ss-border);box-shadow:var(--ss-shadow)}
.trust-card.green{background:linear-gradient(135deg,#F5FAF0,#EAF3E3);border-color:#C9DCBA}
.trust-card.red{background:linear-gradient(135deg,#FFF8F5,#FDE8E4);border-color:#E7B7B0}
.trust-card h3{margin:8px 0;color:var(--ss-brown);font-size:22px}.trust-card p{color:var(--ss-muted);font-size:10px;line-height:1.7}
.trust-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:9px}.trust-list li{font-size:10px;color:var(--ss-brown);display:flex;gap:9px;align-items:flex-start}.trust-list i{color:var(--ss-green);margin-top:2px}

.home-cta{padding:38px 0;background:var(--ss-cream-2)}
.home-cta-inner{border-radius:28px;background:linear-gradient(135deg,var(--ss-red),#9E1F1F);padding:32px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#fff;box-shadow:0 18px 40px rgba(198,40,40,.18)}
.home-cta h2{font-size:25px;margin:0 0 7px;color:#fff}.home-cta p{font-size:10px;margin:0;color:#FFE8E1;line-height:1.6}.home-cta .cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ss-red);padding:12px 17px;border-radius:12px;text-decoration:none;font-weight:900;font-size:10px;white-space:nowrap}

@media(max-width:900px){.home-perks-grid{grid-template-columns:repeat(2,1fr)}.reward-highlight-grid,.trust-grid{grid-template-columns:1fr}.home-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.home-perks-grid{grid-template-columns:1fr}.home-perk{padding:14px}.reward-panel,.trust-card{padding:21px}.home-cta-inner{padding:24px}.home-cta h2{font-size:21px}}

/* Explore Sambal additions */
.explore-guide{padding:45px 0;background:var(--ss-cream) !important}
.explore-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.explore-guide-card{background:#fff;border:1px solid var(--ss-border);border-radius:20px;padding:23px;box-shadow:0 10px 25px rgba(62,39,35,.06)}
.explore-guide-card h3{margin:13px 0 7px;color:var(--ss-brown);font-size:15px}.explore-guide-card p{margin:0;color:var(--ss-muted);font-size:9px;line-height:1.7}
.explore-guide-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:17px}.explore-guide-icon.red{background:var(--ss-red-soft);color:var(--ss-red)}.explore-guide-icon.green{background:var(--ss-green-soft);color:var(--ss-green)}
.explore-cta{padding:0 0 45px;background:var(--ss-cream) !important}.explore-cta-inner{background:#fff;border:1px solid var(--ss-border);border-radius:22px;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--ss-shadow)}.explore-cta-inner strong{display:block;color:var(--ss-brown);font-size:13px}.explore-cta-inner span{display:block;color:var(--ss-muted);font-size:9px;margin-top:4px}.explore-cta-inner a{background:var(--ss-green);color:#fff;text-decoration:none;border-radius:11px;padding:11px 15px;font-size:9px;font-weight:900;white-space:nowrap}.explore-cta-inner a:hover{background:#3E6222}
@media(max-width:900px){.explore-guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.explore-guide-grid{grid-template-columns:1fr}.explore-cta-inner{align-items:flex-start;flex-direction:column}.explore-cta-inner a{width:100%;text-align:center}}