/* Theme toggle button (light + dark) */
.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:6px;width:32px;height:32px;line-height:28px;text-align:center;color:var(--text-muted);cursor:pointer;padding:0;font-size:13px;transition:.2s;flex-shrink:0}
.theme-toggle:hover{color:var(--blue);border-color:var(--blue)}
.theme-toggle .theme-ic-sun{display:none}
[data-theme="dark"] .theme-toggle .theme-ic-moon{display:none}
[data-theme="dark"] .theme-toggle .theme-ic-sun{display:inline}
.lang-switch-admin .theme-toggle{border-color:rgba(255,255,255,0.22);color:rgba(255,255,255,0.8)}
.lang-switch-admin .theme-toggle:hover{color:#fff;border-color:#fff}

/* ============ DARK THEME ============ */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"]{
  --blue:#4d8dff;
  --blue-dark:#2b6bd6;
  --blue-light:#16233c;
  --orange:#ff9a2e;
  --orange-light:#33260f;
  --dark:#eef1f6;
  --text:#e6e9ef;
  --text-muted:#9aa4b2;
  --bg:#0e1116;
  --bg-light:#161a22;
  --border:#2a313c;
}

/* ---------- Public site ---------- */
html[data-theme="dark"] body{background:#0e1116;color:var(--text)}
html[data-theme="dark"] .header{background:#10141b}
html[data-theme="dark"] .header.scrolled{background:rgba(16,20,27,0.92);border-bottom-color:var(--border)}
html[data-theme="dark"] .search-wrap input:focus{background:#1a1f28}
html[data-theme="dark"] .search-results{background:#1a1f28}
html[data-theme="dark"] .cat-strip,html[data-theme="dark"] .subcat-strip{background:#141920}
html[data-theme="dark"] .cat-arrow,html[data-theme="dark"] .subcat-strip .cat-arrow{background:#1a1f28;color:var(--text-muted)}
html[data-theme="dark"] .subcat-strip .cat-arrow:hover:not(:disabled){background:#1a1f28}
html[data-theme="dark"] .cat-pill{background:#1a1f28}
html[data-theme="dark"] .hero{background:linear-gradient(135deg,#0f1826 0%,#11151c 50%,#261a0d 100%)}
html[data-theme="dark"] .hero-sub{background:linear-gradient(135deg,#0f1826 0%,#11151c 50%,#261a0d 100%)}
html[data-theme="dark"] .shop-header{background:linear-gradient(135deg,#0f1826 0%,#11151c 100%)}
html[data-theme="dark"] .hero-item{background:#1a1f28}
html[data-theme="dark"] .feature-card,html[data-theme="dark"] .cat-card,html[data-theme="dark"] .product-card{background:#1a1f28}
html[data-theme="dark"] .cat-card:hover{background:var(--orange-light)}
html[data-theme="dark"] .footer{background:#0a0d12}
html[data-theme="dark"] .back-to-top{background:#1a1f28}
html[data-theme="dark"] .shop-sidebar{background:#1a1f28}
html[data-theme="dark"] .gallery-thumb{background:#1a1f28}
html[data-theme="dark"] .btn-qty{background:#1a1f28}
html[data-theme="dark"] .cart-table,html[data-theme="dark"] .cart-summary{background:#1a1f28}
html[data-theme="dark"] .auth-box{background:#1a1f28}
html[data-theme="dark"] .auth-box .form-control:focus{background:#1a1f28}
html[data-theme="dark"] .wishlist-btn{background:rgba(26,31,40,0.85)}

/* ---------- Bootstrap + native controls ---------- */
html[data-theme="dark"] .card,html[data-theme="dark"] .modal-content{background:#1a1f28;color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .modal-header,html[data-theme="dark"] .modal-footer{border-color:var(--border)}
html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select{background-color:#161a22;border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .form-control:focus{background-color:#1a1f28}
html[data-theme="dark"] select option,html[data-theme="dark"] .form-select option,html[data-theme="dark"] select.form-control option{background:#1a1f28;color:var(--text)}
html[data-theme="dark"] ::placeholder{color:#7c8591;opacity:1}
html[data-theme="dark"] .btn-close{filter:invert(1) grayscale(1) brightness(200%)}
html[data-theme="dark"] .dropdown-menu{background:#1a1f28;border-color:var(--border)}
html[data-theme="dark"] .dropdown-item{color:var(--text)}
html[data-theme="dark"] .dropdown-item:hover{background:var(--blue-light);color:#fff}
html[data-theme="dark"] .list-group-item{background:#1a1f28;color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .table{color:var(--text);--bs-table-bg:#1a1f28;--bs-table-striped-bg:#1d222c;--bs-table-border-color:var(--border)}
html[data-theme="dark"] .breadcrumb{background:transparent}
html[data-theme="dark"] .navbar-collapse{background:transparent}

/* ---------- Seller & Admin dashboards ---------- */
html[data-theme="dark"] body{background:#0e1116;color:var(--text)}
html[data-theme="dark"] .sidebar{background:#0c0f14}
html[data-theme="dark"] .sidebar a{color:rgba(255,255,255,0.65)}
html[data-theme="dark"] .card{background:#1a1f28}
html[data-theme="dark"] .table{background:#1a1f28}
html[data-theme="dark"] .pkg-opt{background:#1a1f28}
html[data-theme="dark"] .pkg-opt:has(input:checked){background:#33260f}
html[data-theme="dark"] .badge-approved{background:#1b3320;color:#7bd88f}
html[data-theme="dark"] .badge-pending{background:#3a2c12;color:#ffc46b}
html[data-theme="dark"] .badge-rejected{background:#3a1c1c;color:#f09292}

/* ---------- Welcome landing page (body.welcome) ---------- */
html[data-theme="dark"] body.welcome{
  --page:#0f1218;
  --ink:#eef1f6;
  --muted:#9aa4b2;
  --line:#2a313c;
  --white:#161a22;
}
html[data-theme="dark"] body.welcome{background:var(--page);color:var(--ink)}
html[data-theme="dark"] body.welcome .hero{background:transparent}
html[data-theme="dark"] body.welcome .panel{background:linear-gradient(150deg,var(--blue-light) 0%,var(--orange-light) 100%);border-color:rgba(26,115,232,.18)}
html[data-theme="dark"] body.welcome .card{background:#161a22;box-shadow:0 20px 50px rgba(0,0,0,.45)}
html[data-theme="dark"] body.welcome .trust-chip{background:#161a22;color:var(--ink)}
html[data-theme="dark"] body.welcome .step{background:#161a22}
html[data-theme="dark"] body.welcome .feat{background:#161a22}
html[data-theme="dark"] body.welcome .btn-ghost{background:#161a22;color:var(--blue);border-color:var(--line)}
html[data-theme="dark"] body.welcome .remember{background:rgba(22,26,34,.9);color:var(--blue)}
html[data-theme="dark"] body.welcome .footer{background:linear-gradient(135deg,var(--blue-dark),var(--blue-deep) 60%,#081f44)}
html[data-theme="dark"] body.welcome .blob-1{background:#16233c}
html[data-theme="dark"] body.welcome .blob-2{background:#3a2a12}