/* ─── DARK MODE ──────────────────────────────────────────── */
[data-theme="dark"] {
  --primary: #7c73ff;
  --primary-dark: #6a62e0;
  --primary-light: rgba(124, 115, 255, .15);
  --primary-glow: rgba(124, 115, 255, .2);
  --secondary: #a78bfa;
  --success: #34d399;
  --danger: #f87171;
  --warning: #fbbf24;
  --dark: #0a0a14;
  --dark-2: #12121e;
  --gray-900: #e5e7eb;
  --gray-800: #d1d5db;
  --gray-700: #9ca3af;
  --gray-600: #9ca3af;
  --gray-500: #6b7280;
  --gray-400: #6b7280;
  --gray-300: #374151;
  --gray-200: #1f2937;
  --gray-100: #141422;
  --gray-50: #0f0f1c;
  --white: #0d0d19;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);
  --shadow: 0 4px 16px rgba(0, 0, 0, .35);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);
  color-scheme: dark
}

[data-theme="dark"] body {
  background: #0b0b16;
  color: #d1d5db
}

/* Headings */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #e5e7eb
}

[data-theme="dark"] a {
  color: inherit
}

[data-theme="dark"] hr {
  border-color: #1f2937
}

/* Header & Nav */
[data-theme="dark"] .site-header {
  background: rgba(13, 13, 25, .97);
  border-bottom-color: #1f2937
}

[data-theme="dark"] .mobile-header {
  background: rgba(13, 13, 25, .97);
  border-bottom-color: #1f2937
}

[data-theme="dark"] .mobile-search-bar {
  background: rgba(13, 13, 25, .97);
  border-bottom-color: #1f2937
}

[data-theme="dark"] .site-nav {
  background: #0d0d19;
  border-top-color: #1f2937;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .nav-link {
  color: #9ca3af
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
  color: var(--primary)
}

[data-theme="dark"] .nav-categories-dropdown {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .nav-cat-link {
  color: #9ca3af
}

[data-theme="dark"] .nav-cat-link:hover {
  background: rgba(124, 115, 255, .1);
  color: var(--primary)
}

/* Search */
[data-theme="dark"] .search-wrap {
  background: #141422;
  border-color: transparent
}

[data-theme="dark"] .search-wrap:focus-within {
  background: #1a1a2e;
  border-color: var(--primary)
}

[data-theme="dark"] .search-input {
  color: #e5e7eb
}

[data-theme="dark"] .search-input::placeholder {
  color: #4b5563
}

[data-theme="dark"] .search-cat-select {
  background: transparent;
  color: #9ca3af;
  border-color: #374151
}

[data-theme="dark"] .search-divider {
  background: #374151
}

[data-theme="dark"] .search-dropdown,
[data-theme="dark"] .mobile-search-bar .search-dropdown {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .search-result-item {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .search-result-item:hover {
  background: #1a1a2e
}

[data-theme="dark"] .search-result-name {
  color: #e5e7eb
}

[data-theme="dark"] .search-no-results {
  color: #6b7280
}

/* Currency & Account Dropdowns */
[data-theme="dark"] .currency-dropdown {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .currency-option {
  color: #9ca3af
}

[data-theme="dark"] .currency-option:hover,
[data-theme="dark"] .currency-option.active {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

[data-theme="dark"] .account-dropdown {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .account-dropdown a {
  color: #d1d5db
}

[data-theme="dark"] .account-dropdown a:hover {
  background: rgba(124, 115, 255, .1);
  color: var(--primary)
}

/* Cart Drawer */
[data-theme="dark"] .cart-drawer {
  background: #0d0d19;
  box-shadow: -4px 0 30px rgba(0, 0, 0, .4)
}

[data-theme="dark"] .cart-drawer-header {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .cart-drawer-title {
  color: #e5e7eb
}

[data-theme="dark"] .cart-drawer-footer {
  border-top-color: #1f2937;
  background: #0d0d19
}

[data-theme="dark"] .cart-item {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .cart-item-name {
  color: #e5e7eb
}

[data-theme="dark"] .cart-item-remove {
  color: #6b7280
}

[data-theme="dark"] .cart-item-remove:hover {
  color: #f87171
}

[data-theme="dark"] .coupon-input {
  background: #141422;
  border-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] .cart-summary-row {
  color: #9ca3af
}

[data-theme="dark"] .cart-summary-total {
  color: #e5e7eb;
  border-top-color: #1f2937
}

/* Announcement */
[data-theme="dark"] .announcement-bar {
  background: linear-gradient(90deg, #4c44cf, #3e37b3)
}

/* Hero & Home */
[data-theme="dark"] .hero-slider-wrap {
  border-color: #1f2937
}

[data-theme="dark"] .hero-categories {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .hero-cat-link {
  color: #9ca3af;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .hero-cat-link:hover {
  background: rgba(124, 115, 255, .08);
  color: var(--primary)
}

[data-theme="dark"] .slider-dot.active {
  background: var(--primary)
}

[data-theme="dark"] .slider-dot {
  background: #374151
}

[data-theme="dark"] .hero-discount-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .cat-icon-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .cat-icon-card:hover {
  border-color: var(--primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3)
}

[data-theme="dark"] .section-title {
  color: #e5e7eb
}

[data-theme="dark"] .section-subtitle {
  color: #6b7280
}

/* Product Cards */
[data-theme="dark"] .product-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .product-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
  border-color: #374151
}

[data-theme="dark"] .product-card-name {
  color: #e5e7eb
}

[data-theme="dark"] .product-price {
  color: #e5e7eb
}

[data-theme="dark"] .product-price-old {
  color: #6b7280
}

/* Shop sidebar filters dark mode */
[data-theme="dark"] .shop-filter-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .shop-filter-check,
[data-theme="dark"] .shop-filter-radio {
  color: #d1d5db
}

[data-theme="dark"] .shop-filter-check:hover,
[data-theme="dark"] .shop-filter-radio:hover {
  background: #1a1a2e
}

[data-theme="dark"] .shop-filter-check.active,
[data-theme="dark"] .shop-filter-radio.active {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

[data-theme="dark"] .range-slider-wrap::before {
  background: #374151
}

[data-theme="dark"] .range-slider-track {
  background: var(--primary)
}

[data-theme="dark"] .range-input {
  background: transparent
}

[data-theme="dark"] .range-input::-webkit-slider-thumb {
  background: var(--primary);
  border-color: #141422;
  box-shadow: 0 0 0 2px rgba(124,115,255,.3)
}

[data-theme="dark"] .range-input::-moz-range-thumb {
  background: var(--primary);
  border-color: #141422;
  box-shadow: 0 0 0 2px rgba(124,115,255,.3)
}

[data-theme="dark"] .shop-filter-title {
  color: #9ca3af
}

[data-theme="dark"] .shop-filter-link {
  color: #d1d5db
}

[data-theme="dark"] .shop-filter-link:hover,
[data-theme="dark"] .shop-filter-link.active {
  background: rgba(124, 115, 255, .12);
  color: var(--primary)
}

[data-theme="dark"] .shop-filter-list-scroll::-webkit-scrollbar-thumb {
  background: #374151
}

[data-theme="dark"] .shop-icon-btn {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

[data-theme="dark"] .shop-icon-btn:hover {
  color: #e5e7eb;
  border-color: #374151
}

[data-theme="dark"] .shop-icon-btn.active {
  background: rgba(124, 115, 255, .15);
  color: var(--primary);
  border-color: rgba(124, 115, 255, .3)
}

[data-theme="dark"] .shop-sidebar {
  background: #0d0d19;
  border-color: #1f2937
}

[data-theme="dark"] .filter-actions {
  background: #0d0d19
}

[data-theme="dark"] .shop-filter-drawer-toggle {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

/* Homepage list cards dark mode */
[data-theme="dark"] .home-list-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .home-list-card-name {
  color: #e5e7eb
}

[data-theme="dark"] .home-list-card-name:hover {
  color: var(--primary)
}

[data-theme="dark"] .home-list-card-price {
  color: #e5e7eb
}

[data-theme="dark"] .home-list-card-img {
  background: #1a1a2e
}

/* Price cards dark mode */
[data-theme="dark"] .price-card {
  background: #141422
}

[data-theme="dark"] .price-card:hover {
  background: #1a1a2e
}

[data-theme="dark"] .price-card-amount {
  color: #e5e7eb
}

/* Hero discounts text dark mode */
[data-theme="dark"] .hero-discount-name {
  color: #d1d5db
}

[data-theme="dark"] .hero-discount-price {
  color: var(--primary)
}

[data-theme="dark"] .hero-discount-old {
  color: #6b7280
}

[data-theme="dark"] .product-card-tag {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

/* Shop Tabs & Filters */
[data-theme="dark"] .tab-btn {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

[data-theme="dark"] .tab-btn.active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary)
}

[data-theme="dark"] .tab-btn:hover {
  background: #1a1a2e;
  color: #e5e7eb
}

[data-theme="dark"] .tab-btn.active:hover {
  background: var(--primary);
  color: #fff
}

[data-theme="dark"] .filter-select {
  background: #141422;
  border-color: #374151;
  color: #9ca3af
}

[data-theme="dark"] .filter-select:focus {
  border-color: var(--primary)
}

/* Product Detail */
[data-theme="dark"] .product-title {
  color: #e5e7eb
}

[data-theme="dark"] .product-attr-item {
  border-color: hsl(220deg 13% 87% / 10%);
  background: #141422
}

[data-theme="dark"] .product-attr-icon {
  color: var(--primary);
  background: rgba(124, 115, 255, .15)
}

[data-theme="dark"] .product-attr-label {
  color: #6b7280
}

[data-theme="dark"] .product-attr-value {
  color: #d1d5db
}

[data-theme="dark"] .var-btn {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

[data-theme="dark"] .var-btn:hover {
  border-color: var(--primary);
  color: var(--primary)
}

[data-theme="dark"] .var-btn.active {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff
}

/* Product Tabs */
[data-theme="dark"] .product-tabs-shell {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .product-tabs-head {
  background: #0f0f1c;
  border-color: #1f2937
}

[data-theme="dark"] .product-tab-btn {
  color: #6b7280
}

[data-theme="dark"] .product-tab-btn.is-active {
  background: #1a1a2e;
  color: var(--primary);
  box-shadow: inset 0 0 0 1px rgba(124, 115, 255, .3)
}

[data-theme="dark"] .product-tab-btn:hover {
  color: #d1d5db
}

[data-theme="dark"] .product-description-wrap {
  border-top-color: #1f2937
}

[data-theme="dark"] .product-description-title {
  color: #e5e7eb
}

[data-theme="dark"] .product-description {
  color: #9ca3af
}

[data-theme="dark"] .product-description a {
  color: var(--primary)
}

/* Pricing Table */
[data-theme="dark"] .var-pricing-title {
  color: #e5e7eb
}

[data-theme="dark"] .var-pricing-table th {
  background: #0f0f1c;
  color: #9ca3af
}

[data-theme="dark"] .var-pricing-table td {
  border-bottom-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .var-pricing-table tr:hover td {
  background: rgba(124, 115, 255, .05)
}

[data-theme="dark"] .product-pricing-details-title {
  color: #e5e7eb
}

[data-theme="dark"] .product-tabs-shell .table-wrap {
  border-color: #1f2937
}

/* Reviews */
[data-theme="dark"] .reviews-loading,
[data-theme="dark"] .reviews-empty {
  border-color: #1f2937;
  background: #141422;
  color: #6b7280
}

[data-theme="dark"] .reviews-summary {
  border-color: #1f2937;
  background: #141422
}

[data-theme="dark"] .reviews-summary-score {
  color: var(--primary)
}

[data-theme="dark"] .reviews-summary-text {
  color: #6b7280
}

[data-theme="dark"] .review-card {
  border-color: #1f2937;
  background: #141422
}

[data-theme="dark"] .review-customer {
  color: #e5e7eb
}

[data-theme="dark"] .review-text {
  color: #9ca3af
}

[data-theme="dark"] .review-date {
  color: #4b5563
}

[data-theme="dark"] .review-source.google {
  background: rgba(124, 115, 255, .12);
  color: var(--primary)
}

[data-theme="dark"] .review-source.trustpilot {
  background: rgba(52, 211, 153, .12);
  color: #34d399
}

/* Forms */
[data-theme="dark"] .form-control {
  background: #141422;
  border-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(124, 115, 255, .2)
}

[data-theme="dark"] .form-control::placeholder {
  color: #4b5563
}

[data-theme="dark"] .form-label,
[data-theme="dark"] label {
  color: #d1d5db
}

[data-theme="dark"] .form-hint {
  color: #4b5563
}

[data-theme="dark"] input:not([type="range"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: #141422;
  border-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #4b5563
}

[data-theme="dark"] select option {
  background: #141422;
  color: #e5e7eb
}

/* Cards */
[data-theme="dark"] .card {
  background: #141422;
  border-color: #1f2937;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

[data-theme="dark"] .card-header {
  border-bottom-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] .card-title,
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3 {
  color: #e5e7eb
}

/* Account */
[data-theme="dark"] .account-sidebar {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .account-sidebar-user {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .account-sidebar-name {
  color: #e5e7eb
}

[data-theme="dark"] .account-sidebar-email {
  color: #6b7280
}

[data-theme="dark"] .account-nav-link {
  color: #9ca3af
}

[data-theme="dark"] .account-nav-link:hover,
[data-theme="dark"] .account-nav-link.active {
  color: var(--primary);
  background: rgba(124, 115, 255, .1)
}

[data-theme="dark"] .account-sidebar .sidebar-name {
  color: #e5e7eb
}

[data-theme="dark"] .account-sidebar .sidebar-email {
  color: #6b7280
}

[data-theme="dark"] .account-sidebar .sidebar-link {
  color: #9ca3af
}

[data-theme="dark"] .account-sidebar .sidebar-link:hover,
[data-theme="dark"] .account-sidebar .sidebar-link.active {
  color: var(--primary);
  background: rgba(124, 115, 255, .1)
}

[data-theme="dark"] .account-sidebar .sidebar-divider {
  border-color: #1f2937
}

[data-theme="dark"] .stat-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .stat-card .stat-number {
  color: var(--primary)
}

[data-theme="dark"] .stat-card .stat-label {
  color: #6b7280
}

[data-theme="dark"] .order-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .delivery-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .dl-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .acct-drawer {
  background: #0d0d19
}

[data-theme="dark"] .acct-drawer-nav {
  border-color: #1f2937
}

[data-theme="dark"] .acct-drawer-link {
  color: #9ca3af
}

[data-theme="dark"] .acct-drawer-link:hover,
[data-theme="dark"] .acct-drawer-link.active {
  background: rgba(124, 115, 255, .1);
  color: var(--primary)
}

[data-theme="dark"] .acct-menu-item {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .acct-menu-item:hover {
  background: rgba(124, 115, 255, .08);
  border-color: var(--primary)
}

[data-theme="dark"] .acct-menu-icon {
  background: rgba(124, 115, 255, .15)
}

[data-theme="dark"] .acct-menu-label {
  color: #d1d5db
}

[data-theme="dark"] .mob-nav-bar {
  background: #0d0d19;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .mob-nav-trigger {
  background: rgba(124, 115, 255, .15)
}

/* Auth */
[data-theme="dark"] .auth-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .auth-card .auth-title {
  color: #e5e7eb
}

[data-theme="dark"] .auth-card a {
  color: var(--primary)
}

/* Tables */
[data-theme="dark"] .table-wrap {
  border-color: #1f2937;
  background: #141422
}

[data-theme="dark"] .data-table th {
  background: #0f0f1c;
  color: #9ca3af;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .data-table td {
  border-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .data-table tr:hover td {
  background: rgba(124, 115, 255, .05)
}

[data-theme="dark"] .pricing-table tr:nth-child(even) {
  background: #0f0f1c
}

[data-theme="dark"] .pricing-table th,
[data-theme="dark"] .pricing-table td {
  border-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .pricing-table th {
  background: #0f0f1c;
  color: #9ca3af
}

/* FAQ */
[data-theme="dark"] .faq-item {
  border-color: #1f2937;
  background: #141422
}

[data-theme="dark"] .faq-question {
  color: #e5e7eb
}

[data-theme="dark"] .faq-question:hover {
  background: rgba(124, 115, 255, .08)
}

[data-theme="dark"] .faq-answer {
  color: #9ca3af
}

/* Trust Bar */
[data-theme="dark"] .trust-bar {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .trust-item-title {
  color: #e5e7eb
}

[data-theme="dark"] .trust-item-desc {
  color: #6b7280
}

/* Breadcrumbs */
[data-theme="dark"] .breadcrumbs a {
  color: #9ca3af
}

[data-theme="dark"] .breadcrumbs a:hover {
  color: var(--primary)
}

[data-theme="dark"] .breadcrumbs span {
  color: #6b7280
}

/* Buttons */
[data-theme="dark"] .btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark))
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline {
  border-color: #374151;
  color: #d1d5db;
  background: transparent
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline:hover {
  background: #1a1a2e;
  border-color: var(--primary);
  color: var(--primary)
}

[data-theme="dark"] .btn-text {
  color: var(--primary)
}

[data-theme="dark"] .btn-sm {
  border-color: #374151;
  color: #9ca3af
}

[data-theme="dark"] .btn-sm:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(124, 115, 255, .08)
}

/* Badges */
[data-theme="dark"] .badge {
  border-color: transparent
}

[data-theme="dark"] .instant-delivery-badge {
  background: rgba(251, 191, 36, .12);
  border-color: rgba(251, 191, 36, .35);
  color: #fbbf24
}

/* Footer */
[data-theme="dark"] .site-footer {
  background: #0a0a14
}

[data-theme="dark"] .footer-top {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .footer-heading {
  color: #e5e7eb
}

[data-theme="dark"] .footer-links a {
  color: #6b7280
}

[data-theme="dark"] .footer-links a:hover {
  color: var(--primary)
}

[data-theme="dark"] .footer-about {
  color: #6b7280
}

[data-theme="dark"] .footer-payments {
  background: #0d0d19;
  border-color: #1f2937
}

[data-theme="dark"] .footer-bottom {
  background: #080812
}

[data-theme="dark"] .footer-copy {
  color: #6b7280
}

[data-theme="dark"] .payment-icon {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

[data-theme="dark"] .social-link {
  background: #141422;
  color: #9ca3af
}

[data-theme="dark"] .social-link:hover {
  background: var(--primary);
  color: #fff
}

/* Mobile Bottom Nav */
[data-theme="dark"] .mobile-bottom-nav {
  background: rgba(13, 13, 25, .97);
  border-top-color: #1f2937
}

[data-theme="dark"] .mbn-item {
  color: #4b5563
}

[data-theme="dark"] .mbn-item.active,
[data-theme="dark"] .mbn-item:hover {
  color: var(--primary)
}

[data-theme="dark"] .mbn-cart-count {
  border-color: #0d0d19
}

/* Menu Drawer */
[data-theme="dark"] .menu-drawer {
  background: #0d0d19
}

[data-theme="dark"] .menu-drawer-cats {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .menu-drawer-cat-item {
  color: #9ca3af
}

[data-theme="dark"] .menu-drawer-cat-item:hover {
  background: rgba(124, 115, 255, .1);
  color: var(--primary)
}

[data-theme="dark"] .menu-drawer-cat-icon {
  background: #1a1a2e
}

[data-theme="dark"] .menu-drawer-bottom {
  background: #0d0d19;
  border-top-color: #1f2937
}

[data-theme="dark"] .menu-drawer-bottom-label {
  color: #4b5563
}

[data-theme="dark"] .menu-drawer-acct-link {
  color: var(--primary);
  border-top-color: #1f2937
}

[data-theme="dark"] .menu-drawer-cur-btn {
  background: #141422;
  color: #9ca3af
}

[data-theme="dark"] .menu-drawer-cur-btn:hover,
[data-theme="dark"] .menu-drawer-cur-btn.active {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

[data-theme="dark"] .mdt-option {
  background: #141422;
  color: #9ca3af
}

[data-theme="dark"] .mdt-option:hover {
  background: #1a1a2e
}

[data-theme="dark"] .mdt-option.active {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

/* Account Panel */
[data-theme="dark"] .acct-panel {
  background: #0d0d19
}

[data-theme="dark"] .acct-panel-header {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .acct-panel-back,
[data-theme="dark"] .acct-panel-close {
  color: #9ca3af
}

[data-theme="dark"] .acct-panel-back:hover,
[data-theme="dark"] .acct-panel-close:hover {
  background: #1f2937
}

[data-theme="dark"] .acct-panel-link {
  color: #d1d5db
}

[data-theme="dark"] .acct-panel-link:hover {
  background: rgba(124, 115, 255, .1)
}

[data-theme="dark"] .acct-panel-divider {
  background: #1f2937
}

[data-theme="dark"] .acct-mobile-header {
  background: #0d0d19;
  border-bottom-color: #1f2937
}

/* Gallery */
[data-theme="dark"] .gallery-main {
  background: #0f0f1c;
  border-color: #1f2937
}

[data-theme="dark"] .gallery-thumb {
  border-color: #1f2937
}

[data-theme="dark"] .gallery-thumb.active,
[data-theme="dark"] .gallery-thumb:hover {
  border-color: var(--primary)
}

/* Checkout */
[data-theme="dark"] .checkout-wrap .card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .order-summary-row {
  color: #9ca3af;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .order-summary-total {
  color: #e5e7eb;
  border-top-color: #374151
}

[data-theme="dark"] .terms-label {
  color: #9ca3af
}

[data-theme="dark"] .terms-label a {
  color: var(--primary)
}

[data-theme="dark"] .secure-text {
  color: #6b7280
}

/* Subscriptions */
[data-theme="dark"] .subscription-card,
[data-theme="dark"] .sub-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .sub-card .sub-details,
[data-theme="dark"] .sub-meta {
  color: #6b7280
}

[data-theme="dark"] .credentials-box {
  background: #0f0f1c;
  border-color: #1f2937;
  color: #d1d5db
}

/* Tickets */
[data-theme="dark"] .ticket-card {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .ticket-message {
  background: #0f0f1c;
  border-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .ticket-message.admin {
  background: rgba(124, 115, 255, .08);
  border-color: rgba(124, 115, 255, .2)
}

/* Toast */
[data-theme="dark"] .gs-toast {
  background: #1a1a2e;
  border-color: #374151;
  color: #e5e7eb;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .4)
}

/* Misc */
[data-theme="dark"] .page-title {
  color: #e5e7eb
}

[data-theme="dark"] .empty-state {
  color: #6b7280
}

[data-theme="dark"] .progress-bar-bg {
  background: #1f2937
}

[data-theme="dark"] .copy-btn {
  background: #1a1a2e;
  border-color: #374151;
  color: #9ca3af
}

[data-theme="dark"] .copy-btn:hover {
  background: rgba(124, 115, 255, .15);
  color: var(--primary)
}

[data-theme="dark"] .otp-input {
  background: #141422;
  border-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] .otp-input:focus {
  border-color: var(--primary)
}

[data-theme="dark"] .float-support-btn {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .4)
}

/* Dark scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0d0d19
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 4px
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #4b5563
}

/* ─── PRINT ──────────────────────────────────────────────── */
@media print {

  .site-header,
  .site-nav,
  .site-footer,
  .cart-drawer,
  .float-support-wrap,
  .announcement-bar,
  .mobile-bottom-nav {
    display: none !important
  }

  body {
    background: #fff
  }

  .card {
    box-shadow: none;
    border: 1px solid #ddd
  }
}

/* ===== ADDED THEME FIXES ===== */
.bg-light-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.creds-pending-msg {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 14px;
  font-size: 13px;
  color: #166534;
}

[data-theme="dark"] .creds-pending-msg {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}

[data-theme="dark"] .product-card-img-wrap {
  background: #1a1a2e !important;
}

[data-theme="dark"] .product-card-img[src*="placeholder"] {
  filter: invert(0.9) hue-rotate(180deg);
  mix-blend-mode: screen;
  opacity: 0.7;
}

[data-theme="dark"] .bg-light-box {
  background: #141422;
  border-color: #1f2937;
  color: #d1d5db;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .product-card-btn,
[data-theme="dark"] .renew-btn {
  color: #fff !important;
}

[data-theme="dark"] .btn-dark {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #fff !important;
}

[data-theme="dark"] .btn-dark:hover {
  background: #334155 !important;
  border-color: #475569 !important;
}

[data-theme="dark"] .coupon-apply-btn {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

[data-theme="dark"] .payment-option {
  border-color: #334155 !important;
  background: transparent !important;
}

/* Custom focus user rule */
.search-wrap:focus-within,
[data-theme="dark"] .search-wrap:focus-within {
  background: #cecece33 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Restored */
[data-theme="dark"] .pm-section-title {
  color: #e5e7eb;
}

[data-theme="dark"] .pm-title {
  color: #f3f4f6;
}

[data-theme="dark"] .pm-instruction-text {
  color: #9ca3af;
}

[data-theme="dark"] .ticket-message {
  background: #0f0f1c !important;
  border-color: #1f2937 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .ticket-message.admin {
  background: rgba(124, 115, 255, .08) !important;
  border-color: rgba(124, 115, 255, .2) !important;
  color: #d1d5db !important;
}

/* Mobile dropdown z-index fix */
.mobile-search-bar .search-dropdown {
  z-index: 1060 !important;
}

@media (max-width: 767px) {
  .product-card-footer .btn {
    padding: 8px 15px;
    font-size: 20px;
    min-height: 35px;
  }
}

/* ─── SKELETON DARK MODE OVERRIDES ──────────────────────── */
/* Base skeleton styles are inline in <head> for instant paint.
   These overrides handle dark mode colors via external CSS. */
[data-theme="dark"] .skeleton {
  background: #1e2130;
  background: linear-gradient(90deg, #1e2130 25%, #282c45 37%, #1e2130 63%);
  background-size: 468px 100%;
}

[data-theme="dark"] .skeleton-screen {
  background: #0d1117
}

[data-theme="dark"] .skeleton-header {
  border-color: #1f2937
}

[data-theme="dark"] .skeleton-nav {
  border-color: #1f2937
}

[data-theme="dark"] .skeleton-card {
  border-color: #1f2937
}

[data-theme="dark"] .sk-hero-cats,
[data-theme="dark"] .sk-hero-deals {
  border-color: #1f2937
}

[data-theme="dark"] .sk-filter-block {
  border-color: #1f2937
}

/* ── Mobile skeleton: hide nav ── */
@media(max-width:1023px) {
  .skeleton-nav { display: none }
  .skeleton-header { height: 56px }
  .sk-search { display: none }
  .sk-header-inner { padding: 0 16px }
}

/* ============================================================
   DARK MODE — Comprehensive Enhancement
   ============================================================ */

/* ── Product Cards ─────────────────────────────────────────── */
[data-theme="dark"] .product-card-name {
  color: #e5e7eb
}

[data-theme="dark"] .product-price {
  color: #e5e7eb
}

[data-theme="dark"] .product-price-old {
  color: #6b7280
}

[data-theme="dark"] .product-card-body {
  background: #141422
}

[data-theme="dark"] .attr-pill {
  background: #1a1a2e;
  color: #9ca3af;
  border-color: #1f2937
}

[data-theme="dark"] .product-card-cat {
  color: var(--primary)
}

/* ── Mobile Product Page — Top Row ─────────────────────────── */
[data-theme="dark"] .pdm-top-row {
  border-bottom-color: #1f2937
}

[data-theme="dark"] .pdm-thumb {
  border-color: #1f2937 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.3) !important
}

[data-theme="dark"] .pdm-title {
  color: #e5e7eb
}

[data-theme="dark"] .pdm-price {
  color: var(--primary)
}

[data-theme="dark"] .pdm-bc,
[data-theme="dark"] .pdm-bc a {
  color: #6b7280
}

/* ── Product Gallery (desktop) ─────────────────────────────── */
[data-theme="dark"] .product-gallery-main {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .gallery-thumb {
  border-color: #1f2937
}

/* ── Description Section ───────────────────────────────────── */
[data-theme="dark"] .pd-desc-section {
  background: #141422 !important;
  border-color: #1f2937 !important
}

[data-theme="dark"] .pd-desc-heading {
  color: #e5e7eb !important
}

[data-theme="dark"] .pd-desc-fade {
  background: linear-gradient(to bottom, transparent, #141422) !important
}

[data-theme="dark"] .pd-desc-inner,
[data-theme="dark"] .product-description-html {
  color: #b0b8c4
}

[data-theme="dark"] .product-description-html h1,
[data-theme="dark"] .product-description-html h2,
[data-theme="dark"] .product-description-html h3,
[data-theme="dark"] .product-description-html h4,
[data-theme="dark"] .product-description-html h5,
[data-theme="dark"] .product-description-html h6 {
  color: #e5e7eb
}

[data-theme="dark"] .product-description-html a {
  color: var(--primary)
}

[data-theme="dark"] .product-description-html strong,
[data-theme="dark"] .product-description-html b {
  color: #d1d5db
}

/* ── Pricing Table ─────────────────────────────────────────── */
[data-theme="dark"] .var-pricing-table {
  border-color: #1f2937
}

[data-theme="dark"] .var-pricing-table th {
  background: #0f0f1c;
  color: #9ca3af;
  border-bottom-color: #1f2937
}

[data-theme="dark"] .var-pricing-table td {
  border-bottom-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .var-pricing-table td.price {
  color: var(--primary)
}

[data-theme="dark"] .var-pricing-table tr:hover td {
  background: rgba(124, 115, 255, .05)
}

[data-theme="dark"] .var-pricing-title {
  color: #e5e7eb
}

/* ── Product Tabs Shell ────────────────────────────────────── */
[data-theme="dark"] .product-tabs-shell {
  background: #141422;
  border-color: #1f2937
}

[data-theme="dark"] .product-tabs-head {
  background: #0f0f1c;
  border-color: #1f2937
}

/* ── Product Price Block (detail page) ─────────────────────── */
[data-theme="dark"] .product-price-big {
  color: var(--primary)
}

[data-theme="dark"] .product-price-old-big {
  color: #6b7280
}

[data-theme="dark"] .product-short-desc {
  color: #9ca3af
}

/* ── Variation Buttons ─────────────────────────────────────── */
[data-theme="dark"] .variation-label {
  color: #d1d5db
}

/* ── Product Actions ───────────────────────────────────────── */
[data-theme="dark"] .product-actions .btn-dark {
  background: #1e293b;
  border-color: #334155;
  color: #fff
}

[data-theme="dark"] .product-actions .btn-dark:hover {
  background: #334155;
  border-color: #475569
}

/* ── WhatsApp Order Button ─────────────────────────────────── */
[data-theme="dark"] .whatsapp-order-btn {
  background: rgba(37, 211, 102, .1);
  border-color: rgba(37, 211, 102, .25)
}

/* ── Reviews Section ───────────────────────────────────────── */
[data-theme="dark"] .pd-reviews-heading {
  color: #e5e7eb
}

/* ── Checkout & Pages — Inline Style Overrides ─────────────── */
[data-theme="dark"] .alert {
  border-color: #1f2937
}

[data-theme="dark"] .alert-danger {
  background: rgba(248, 113, 113, .1);
  border-color: rgba(248, 113, 113, .2);
  color: #fca5a5
}

[data-theme="dark"] .alert-warning {
  background: rgba(251, 191, 36, .1);
  border-color: rgba(251, 191, 36, .2);
  color: #fde68a
}

[data-theme="dark"] .alert-success {
  background: rgba(52, 211, 153, .1);
  border-color: rgba(52, 211, 153, .2);
  color: #6ee7b7
}

/* ── Pagination ────────────────────────────────────────────── */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
  background: #141422;
  border-color: #1f2937;
  color: #9ca3af
}

[data-theme="dark"] .pagination a:hover {
  background: rgba(124, 115, 255, .1);
  color: var(--primary);
  border-color: var(--primary)
}

[data-theme="dark"] .pagination .active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary)
}

/* ── Breadcrumbs on light bg ───────────────────────────────── */
[data-theme="dark"] .product-inline-breadcrumb {
  color: #6b7280
}

/* ── Instant Delivery Badge (product detail) ───────────────── */
[data-theme="dark"] .pdm-info-col div[style*="instant"] {
  background: rgba(251, 191, 36, .12) !important;
  color: #fbbf24 !important
}

/* ── Container page backgrounds ────────────────────────────── */
[data-theme="dark"] .container {
  color: #d1d5db
}

/* ── Thank You / Renew Checkout inline bg fixes ────────────── */
[data-theme="dark"] [style*="background:var(--gray-50)"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background:#f9fafb"] {
  background: #141422 !important;
  border-color: #1f2937 !important
}

[data-theme="dark"] [style*="background:linear-gradient(135deg,rgba(108,99,255"] {
  background: rgba(124, 115, 255, .08) !important;
  border-color: rgba(124, 115, 255, .2) !important
}

/* ── Shop page sort/filter ─────────────────────────────────── */
[data-theme="dark"] .shop-toolbar {
  color: #9ca3af
}

[data-theme="dark"] .shop-toolbar-title {
  color: #e5e7eb
}

[data-theme="dark"] .filter-select {
  background: #141422;
  border-color: #1f2937;
  color: #d1d5db
}

/* ── Mobile Account header ─────────────────────────────────── */
[data-theme="dark"] .amh-title {
  color: #e5e7eb
}

[data-theme="dark"] .amh-back svg {
  stroke: #e5e7eb
}

/* ── Account layout sidebar items in dark ──────────────────── */
[data-theme="dark"] .account-sidebar-name,
[data-theme="dark"] .acct-drawer-name {
  color: #e5e7eb
}

[data-theme="dark"] .account-sidebar-email,
[data-theme="dark"] .acct-drawer-email {
  color: #6b7280
}

[data-theme="dark"] .account-nav-link {
  color: #9ca3af
}

[data-theme="dark"] .account-nav-link:hover,
[data-theme="dark"] .account-nav-link.active {
  color: var(--primary);
  background: rgba(124, 115, 255, .1)
}

/* ── Delivery/Credential cards ─────────────────────────────── */
[data-theme="dark"] .delivery-card-header {
  color: #e5e7eb
}

[data-theme="dark"] .delivery-product-name {
  color: #e5e7eb
}

[data-theme="dark"] .delivery-field label {
  color: #6b7280
}

[data-theme="dark"] .delivery-field .value {
  color: #d1d5db
}

[data-theme="dark"] .delivery-grid {
  border-color: #1f2937
}

/* ── Empty states ──────────────────────────────────────────── */
[data-theme="dark"] .empty-state h3 {
  color: #e5e7eb
}

[data-theme="dark"] .empty-state p {
  color: #6b7280
}

/* ── Order card details ────────────────────────────────────── */
[data-theme="dark"] .order-card-header {
  color: #e5e7eb
}

[data-theme="dark"] .order-detail-header {
  color: #e5e7eb
}

[data-theme="dark"] .order-detail-info-grid {
  color: #d1d5db
}

/* ── Subscription card dark ────────────────────────────────── */
[data-theme="dark"] .sub-card-product {
  color: #e5e7eb
}

[data-theme="dark"] .sub-card-variation {
  color: #9ca3af
}

/* ── Hero / Homepage sections ──────────────────────────────── */
[data-theme="dark"] .hero-cta-wrap {
  color: #e5e7eb
}

[data-theme="dark"] .section-link {
  color: var(--primary)
}

/* ── Ticket Status Badges ──────────────────────────────────── */
[data-theme="dark"] .ticket-status-badge.open {
  background: rgba(234, 179, 8, .12) !important;
  color: #facc15 !important
}

[data-theme="dark"] .ticket-status-badge.replied {
  background: rgba(34, 197, 94, .12) !important;
  color: #4ade80 !important
}

[data-theme="dark"] .ticket-status-badge.closed {
  background: #1a1a2e !important;
  color: #6b7280 !important
}

/* ── Form Controls in dark ─────────────────────────────────── */
[data-theme="dark"] .form-control {
  background: #141422;
  border-color: #1f2937;
  color: #e5e7eb
}

[data-theme="dark"] .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(124, 115, 255, .15)
}

[data-theme="dark"] .form-control::placeholder {
  color: #4b5563
}

[data-theme="dark"] .form-label {
  color: #d1d5db
}

/* ── Card component generic ────────────────────────────────── */
[data-theme="dark"] .card {
  background: #141422;
  border-color: #1f2937
}

/* ── Data Tables ───────────────────────────────────────────── */
[data-theme="dark"] .data-table th {
  background: #0f0f1c;
  color: #9ca3af;
  border-color: #1f2937
}

[data-theme="dark"] .data-table td {
  border-color: #1f2937;
  color: #d1d5db
}

[data-theme="dark"] .data-table tr:hover td {
  background: rgba(124, 115, 255, .04)
}

/* ── Copy inline button (checkout instructions) ────────────── */
[data-theme="dark"] .copy-btn-inline {
  border-color: #374151 !important;
  color: #9ca3af !important
}

[data-theme="dark"] .copy-btn-inline:hover {
  background: #1a1a2e !important
}



/* ── HR / Dividers ─────────────────────────────────────────── */
[data-theme="dark"] hr {
  border-color: #1f2937
}

/* ── Brands Section ────────────────────────────────────────── */
[data-theme="dark"] .brands-section {
  background: #0d0d1a
}
[data-theme="dark"] .brand-logo-item {
  background: transparent;
  box-shadow: none
}
[data-theme="dark"] .brand-logo-item:hover {
  box-shadow: none
}
[data-theme="dark"] .brand-logo-text {
  color: #6b7280
}
[data-theme="dark"] .brand-logo-item img {
  filter: grayscale(1) brightness(.7);
  opacity: .5
}
[data-theme="dark"] .brand-logo-item:hover img {
  filter: grayscale(0);
  opacity: 1
}