/* ===== DARK THEME — surface harmonization ===== */

[data-theme="dark"] body,
[data-theme="dark"] main {
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ===== HEADER / NAVBAR (reference + legacy) — premium dark surfaces ===== */
[data-theme="dark"] .header,
[data-theme="dark"] .header--reference {
  background: rgba(15, 26, 44, 0.96);
  border-bottom-color: rgba(148, 163, 184, 0.14);
}

[data-theme="dark"] .header.scrolled {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .header-top,
[data-theme="dark"] .header-main {
  background: #121f34;
}

[data-theme="dark"] .header--reference .href-top {
  background: #121f34;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

[data-theme="dark"] .header--reference .href-top-link {
  color: #94a3b8;
}

[data-theme="dark"] .header--reference .href-top-link:hover {
  color: var(--accent);
}

[data-theme="dark"] .header--reference .href-top-sep {
  color: rgba(148, 163, 184, 0.35);
}

[data-theme="dark"] .store-short-address__label {
  color: #94a3b8;
}

[data-theme="dark"] .store-short-address__box {
  background: #0f1a2e;
  border-color: rgba(148, 163, 184, 0.45);
  color: #e2e8f0;
}

[data-theme="dark"] .header--reference .href-main {
  background: #0f1a2e;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

[data-theme="dark"] .header--reference .href-nav {
  background: linear-gradient(180deg, #132238 0%, #101c32 100%);
  border-bottom-color: rgba(0, 180, 216, 0.18);
}

[data-theme="dark"] .header--reference .href-nav-links a {
  color: #c5d0de;
}

[data-theme="dark"] .header--reference .href-nav-links a:hover,
[data-theme="dark"] .header--reference .href-nav-links a.active {
  color: #e8eef5;
  background: rgba(0, 180, 216, 0.14);
}

[data-theme="dark"] .header--reference .href-categories-btn {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .header--reference .href-categories-btn:hover {
  box-shadow: 0 0 20px rgba(0, 180, 216, 0.28);
}

[data-theme="dark"] .header--reference .href-search {
  background: #1a2a42;
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .header--reference .href-search:focus-within {
  border-color: rgba(0, 180, 216, 0.45);
  box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.14);
}

[data-theme="dark"] .header--reference .href-search-input {
  color: #e8eef5;
}

[data-theme="dark"] .header--reference .href-search-input::placeholder {
  color: #7b8fa8;
}

[data-theme="dark"] .header--reference .href-lang-btn {
  background: #1a2a42;
  border-color: rgba(148, 163, 184, 0.16);
  color: #d4dde8;
}

[data-theme="dark"] .header--reference .href-lang-btn:hover {
  border-color: rgba(0, 180, 216, 0.4);
  color: var(--accent);
  background: rgba(0, 180, 216, 0.1);
}

[data-theme="dark"] .header--reference .href-lang-menu {
  background: #152238;
  border-color: rgba(148, 163, 184, 0.14);
  box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .header--reference .href-lang-menu button {
  color: #b8c5d6;
}

[data-theme="dark"] .header--reference .href-lang-menu button:hover,
[data-theme="dark"] .header--reference .href-lang-menu button.active {
  background: rgba(0, 180, 216, 0.14);
  color: #7dd3ea;
}

[data-theme="dark"] .header--reference .href-icon-btn,
[data-theme="dark"] .header--reference .href-cart-box {
  background: #1a2a42;
  border-color: rgba(148, 163, 184, 0.16);
  color: #c5d0de;
}

[data-theme="dark"] .header--reference .href-icon-btn:hover,
[data-theme="dark"] .header--reference .href-cart-box:hover {
  border-color: rgba(0, 180, 216, 0.4);
  color: var(--accent);
  background: rgba(0, 180, 216, 0.1);
}

[data-theme="dark"] .header--reference .href-cart-label {
  color: #7b8fa8;
}

[data-theme="dark"] .header--reference .href-cart-amount {
  color: #e8eef5;
}

[data-theme="dark"] .header--reference .href-mobile-toggle span {
  background: #c5d0de;
}

[data-theme="dark"] .nav-dropdown-panel,
[data-theme="dark"] .search-autocomplete {
  background: #152238;
  border-color: rgba(148, 163, 184, 0.14);
  color: #e8eef5;
  box-shadow: var(--shadow-xl);
}

[data-theme="dark"] .header--reference .href-lang-menu {
  background: #152238;
  border-color: rgba(148, 163, 184, 0.14);
  color: #e8eef5;
}

[data-theme="dark"] .nav-dropdown-panel-head {
  border-bottom-color: rgba(148, 163, 184, 0.12);
}

[data-theme="dark"] .nav-dropdown-title {
  color: #e8eef5;
}

[data-theme="dark"] .nav-dropdown-view-all {
  color: #5ec8e6;
}

[data-theme="dark"] .nav-dropdown-menu-parent {
  color: #dce4ee;
}

[data-theme="dark"] .nav-dropdown-menu-parent:hover,
[data-theme="dark"] .nav-dropdown-menu-item.is-submenu-open > .nav-dropdown-menu-parent,
[data-theme="dark"] .nav-dropdown-menu-item:focus-within > .nav-dropdown-menu-parent {
  color: #7dd3ea;
  background: rgba(0, 180, 216, 0.12);
}

[data-theme="dark"] .nav-dropdown-flyout-slot {
  background: #121f34;
}

[data-theme="dark"] .nav-dropdown-flyout-slot .nav-dropdown-submenu {
  background: #121f34;
  border-color: rgba(148, 163, 184, 0.1);
}

[data-theme="dark"] .nav-dropdown-submenu-list a {
  color: #b8c5d6;
}

[data-theme="dark"] .nav-dropdown-submenu-list a:hover,
[data-theme="dark"] .nav-dropdown-submenu-list a:focus-visible {
  color: #7dd3ea;
  background: rgba(0, 180, 216, 0.12);
}

[data-theme="dark"] .nav-dropdown-cat:hover,
[data-theme="dark"] .nav-dropdown-sublist a:hover {
  background: rgba(0, 180, 216, 0.12);
}

[data-theme="dark"] .search-autocomplete-item:hover,
[data-theme="dark"] .search-autocomplete-item:focus-visible {
  background: rgba(0, 180, 216, 0.1);
}

[data-theme="dark"] .search-autocomplete-name {
  color: #e8eef5;
}

[data-theme="dark"] .search-autocomplete-meta,
[data-theme="dark"] .search-autocomplete-cat {
  color: #94a3b8;
}

[data-theme="dark"] .category-card {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .category-card:hover .category-icon {
  background: var(--bg-card-hover);
}

[data-theme="dark"] .home-top-section,
[data-theme="dark"] .home-cat-section,
[data-theme="dark"] .home-cat-section:nth-child(even),
[data-theme="dark"] .section {
  background: var(--bg-primary);
}

[data-theme="dark"] .cart-drawer,
[data-theme="dark"] .wishlist-drawer,
[data-theme="dark"] .search-panel,
[data-theme="dark"] .auth-panel {
  background: var(--bg-secondary);
  border-color: var(--border);
}

[data-theme="dark"] .cart-item,
[data-theme="dark"] .wishlist-item {
  border-bottom-color: var(--border);
}

[data-theme="dark"] .cart-item-img,
[data-theme="dark"] .wishlist-item-img {
  background: var(--bg-card);
}

[data-theme="dark"] .product-wishlist-btn {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .product-wishlist-btn:hover {
  background: var(--bg-secondary);
  border-color: var(--accent);
  color: var(--accent);
}

[data-theme="dark"] .product-wishlist-btn.wishlisted,
[data-theme="dark"] .product-wishlist-btn.wishlisted:hover {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.45);
  color: #f87171;
}

[data-theme="dark"] .catalog-search-page {
  --cat-surface: var(--bg-card);
  --cat-surface-soft: var(--bg-tertiary);
  background: var(--bg-primary);
}

[data-theme="dark"] .catalog-filters-panel-card,
[data-theme="dark"] .catalog-filters-panel-titlebar,
[data-theme="dark"] .catalog-filters-panel-body,
[data-theme="dark"] .catalog-results-toolbar {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .catalog-field-control-wrap {
  background: var(--bg-input);
  border-color: var(--border);
}

[data-theme="dark"] .catalog-field-control-wrap input,
[data-theme="dark"] .catalog-field-control-wrap select {
  color: var(--text-primary);
}

[data-theme="dark"] .catalog-search-page .form-control,
[data-theme="dark"] .catalog-search-page select,
[data-theme="dark"] .catalog-search-page input[type="search"],
[data-theme="dark"] .catalog-search-page input[type="text"],
[data-theme="dark"] .catalog-search-page input[type="number"] {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text-primary);
}

[data-theme="dark"] .checkout-form,
[data-theme="dark"] .checkout-address-preview,
[data-theme="dark"] .address-card,
[data-theme="dark"] .account-panel {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .account-subnav {
  background: var(--bg-tertiary);
  border-bottom-color: var(--border);
}

[data-theme="dark"] .checkout-address-preview {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text-primary);
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-tertiary);
}

[data-theme="dark"] .search-field,
[data-theme="dark"] .header-search-trigger {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .mobile-nav {
  background: var(--bg-secondary);
}

[data-theme="dark"] .home-banners-viewport {
  border-color: var(--border);
}

[data-theme="dark"] .product-detail--v2,
[data-theme="dark"] .pd-gallery-stage,
[data-theme="dark"] .pd-info-v2 {
  background: transparent;
}

[data-theme="dark"] .pd-magnifier-wrap,
[data-theme="dark"] .product-gallery-main {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .pd-split-pay__row {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .pd-pickup-benefit {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(74, 222, 128, 0.22);
}

[data-theme="dark"] .pd-pickup-benefit__icon {
  background: rgba(34, 197, 94, 0.18);
  color: #4ade80;
}

[data-theme="dark"] .pd-info-v2 .pd-sku {
  background: var(--bg-card);
  border-color: var(--border);
}