/* Dark mode styles - loaded separately */
html[data-theme="dark"]{
    --bg:#0b1220;
    --card:#111c2f;
    --text:#eef4ff;
    --muted:#a8b3c7;
    --border:#26354f;
    --dark:#050b16;
    --shadow:0 12px 35px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .search-bar,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .promo-card,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .filters,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .product-details,
html[data-theme="dark"] .spec-table-wrap,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .policy-card,
html[data-theme="dark"] .success-box,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .promo-card:not(.dark){background:var(--card);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .nav-links>a,
html[data-theme="dark"] .dropdown>button,
html[data-theme="dark"] .check,
html[data-theme="dark"] .form-card label,
html[data-theme="dark"] .spec-table th{color:var(--text)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{color:var(--text)}
html[data-theme="dark"] input::placeholder{color:#7f8aa3}
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .cat-image,
html[data-theme="dark"] .detail-image,
html[data-theme="dark"] .cart-product img,
html[data-theme="dark"] .spec-table th,
html[data-theme="dark"] .demo-box{background:#0d1728;border-color:var(--border)}
html[data-theme="dark"] .dropdown-menu{background:var(--card);border-color:var(--border)}
html[data-theme="dark"] .dropdown-menu a{color:var(--text)}
html[data-theme="dark"] .dropdown-menu a:hover{background:#18253b}
html[data-theme="dark"] .top-strip,
html[data-theme="dark"] .site-footer{background:#050b16}
html[data-theme="dark"] .promo-card.dark{background:#071225;color:#fff}
html[data-theme="dark"] .top-strip{
    background:#050b16;
}
html[data-theme="dark"] .admin-topbar,html[data-theme="dark"] .category-arrow{background:var(--card);border-color:var(--border)}
html[data-theme="dark"] .category-row::-webkit-scrollbar-thumb{background:#334155}
html[data-theme="dark"] .category-row .category-card .cat-image{
    background:#101828;
}
html[data-theme="dark"] .discount-line{background:#351313;color:#ffb4aa;border-color:#6b1d16}
html[data-theme="dark"] .product-card .discount-under-image{
    background:var(--card) !important;
}
html[data-theme="dark"] .message-full-text{
    background:#0d1728;
    border-color:var(--border);
}
html[data-theme="dark"] .category-arrow{
    background:#111c2f !important;
    color:#fff !important;
    border-color:#26354f !important;
}
html[data-theme="dark"] .category-arrow:hover{
    background:var(--primary) !important;
    color:#fff !important;
}

html[data-theme="dark"] .mobile-cart-visible{
    background:var(--card);
    color:var(--text);
    border-color:var(--border);
}


/* v35 mobile top strip dark polish */
html[data-theme="dark"] .language-switch{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.18);
}


/* v36 dark theme controls */
html[data-theme="dark"] .language-switch.language-dropdown{
    background:#083b61 !important;
    border-color:rgba(255,255,255,.14) !important;
}
html[data-theme="dark"] .lang-menu{
    background:#111c2f !important;
    border-color:#26354f !important;
}
html[data-theme="dark"] .lang-menu a{
    color:#eef4ff !important;
}
html[data-theme="dark"] .lang-menu a:hover,
html[data-theme="dark"] .lang-menu a.active{
    background:#172a46 !important;
    color:#fff !important;
}
html[data-theme="dark"] .theme-switch{
    background:#24496e !important;
}


/* v37 admin dark login */
html[data-theme="dark"] .admin-login-card{
    background:var(--card);
    border-color:var(--border);
}
html[data-theme="dark"] .admin-login-lang{
    background:#0d1728;
    border-color:var(--border);
}
html[data-theme="dark"] .admin-login-lang a.active{
    background:var(--primary);
    color:#fff;
}

.site-logo-img{object-fit:contain;}
.settings-preview{background:#111827;}