/* ════════════════════════════════════════════════════════════
   AlwanMart Store — LIGHT THEME OVERRIDE  (store-light.css)
   Loaded after each store page's inline <style>. Recolors the
   customer site to the soft off-white + orange theme and makes
   it mobile-friendly. Mirrors the admin override.
   ════════════════════════════════════════════════════════════ */

:root{
  --bg:        #f6f5f1 !important;
  --bg2:       #fbfaf7 !important;
  --bg3:       #f1efe9 !important;
  --card:      #ffffff !important;
  --card2:     #fbfaf7 !important;

  /* Brand accent → orange (store previously used red #8B1E3F) */
  --accent:    #8B1E3F !important;
  --accent2:   #A02040 !important;
  --primary:   #8B1E3F !important;

  --green:     #16a34a !important;  --success: #16a34a !important;
  --red:       #dc2626 !important;  --danger:  #dc2626 !important;
  --orange:    #6B1530 !important;  --warning: #d97706 !important;
  --cyan:      #0891b2 !important;
  --purple:    #6B1530 !important;

  --text:      #1d2433 !important;
  --text2:     #5b6473 !important;
  --text3:     #9aa3b2 !important;
  --muted:     #5b6473 !important;

  --border:    #ece9e2 !important;
  --line:      #ece9e2 !important;

  --brand-bg:  #FDF2F4;
  --brand-ink: #6B1530;
  --shadow:    0 1px 2px rgba(29,36,51,.04), 0 4px 16px rgba(29,36,51,.06) !important;
  --shadow-lg: 0 10px 34px rgba(29,36,51,.12) !important;
}

body{ background:var(--bg) !important; color:var(--text) !important; }

/* Flip hardcoded dark backgrounds → white/light */
[style*="#0d0d18"],[style*="#0d0d1a"],[style*="#111118"],[style*="#17171f"],
[style*="#1c1c24"],[style*="#080b14"],[style*="#0d1120"],[style*="#121828"],
[style*="#141926"],[style*="#1a2235"],[style*="#0a0a0f"],[style*="#13131c"],
[style*="#080b14"]{
  background-color:#ffffff !important;
}

/* Near-white inline text → dark ink for readability */
[style*="color:#f1f5f9"],[style*="color:#eef0f7"],[style*="color:#eaeaea"],
[style*="color:#fff"],[style*="color:#ffffff"],[style*="color: #fff"]{
  color:var(--text) !important;
}

/* Nav / header */
.nav,.navbar,.header,.top-nav,.site-header{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid var(--border) !important;
  backdrop-filter:blur(12px);
}
.nav-logo,.logo-name,.brand-name{ color:var(--text) !important; }
.nav-logo span,.logo-name span{ color:var(--accent) !important; }
.nav-search input,.search input{
  background:var(--bg2) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}
.nav-search input:focus,.search input:focus{ border-color:var(--accent) !important; background:#fff !important; }
.btn-nav,.nbtn,.bnav-item{
  background:#fff !important;
  border:1px solid var(--border) !important;
  color:var(--text2) !important;
}
.btn-nav:hover,.nbtn:hover{ color:var(--accent) !important; border-color:#F5DEE3 !important; }

/* Hero — flip dark gradients to warm light card */
.hero,.hero-slider,.hero-slide{ background:transparent !important; }
.hero-slide::before{ background:transparent !important; }
.hero-card{
  background:linear-gradient(120deg,#FDF2F4,#FDF2F4) !important;
  border:1px solid #F5DEE3 !important;
}

/* Product & category cards */
.card,.product-card,.cat-card,.cat,.category-card,.prod-card,.panel,.box{
  background:#ffffff !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}
.card:hover,.product-card:hover,.cat:hover{ box-shadow:var(--shadow-lg) !important; }
.imgbox,.product-img,.card-img,.thumb{ background:var(--bg2) !important; }

/* Prices */
.price,.product-price,.amount{ color:var(--text) !important; }
.old,.old-price,.strike{ color:var(--text3) !important; }

/* Buttons */
.cta,.btn-primary,.add-to-cart,.btn-buy,.add{
  background:var(--accent) !important;
  color:#fff !important;
  border:none !important;
}
.cta:hover,.btn-primary:hover,.add-to-cart:hover{ background:#6B1530 !important; }
.add{ background:var(--brand-bg) !important; color:var(--brand-ink) !important; border:1px solid #F5DEE3 !important; }
.add:hover{ background:var(--accent) !important; color:#fff !important; }

/* Inputs / forms (checkout etc.) */
input,select,textarea{
  background:var(--bg2) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}
input::placeholder,textarea::placeholder{ color:var(--text3) !important; }
input:focus,select:focus,textarea:focus{ border-color:var(--accent) !important; background:#fff !important; }
label,.form-label{ color:var(--text2) !important; }
select option{ background:#fff !important; color:var(--text) !important; }

/* Footer */
footer,.footer,.site-footer{
  background:#ffffff !important;
  border-top:1px solid var(--border) !important;
  color:var(--text2) !important;
}

/* Muted text */
.muted,.text-muted,.sub,.subtitle{ color:var(--text2) !important; }

/* Tables (track / account) */
table th{ background:var(--bg2) !important; color:var(--text2) !important; }
table td,table th{ border-color:var(--border) !important; color:var(--text) !important; }