/* AlbaZone unified premium Dark Mode — loaded last by theme.js. */
html[data-theme="dark"] {
  color-scheme: dark;
  --az-dark-bg: #07111f;
  --az-dark-header: #091827;
  --az-dark-surface: #0c192a;
  --az-dark-card: #0f1e31;
  --az-dark-raised: #13243a;
  --az-dark-border: #2b425c;
  --az-dark-border-strong: #3a5875;
  --az-dark-text: #eef4fb;
  --az-dark-muted: #a8b8cb;
  --az-dark-blue: #59baff;
  --az-dark-orange: #ff851b;
}

/* Product information must remain one continuous eBay-style section.
   This file loads last, so these rules intentionally defeat older card styles. */
html[data-theme="dark"] body .product-page .content-section-grid {
  display: block !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body .product-page .specifications-card,
html[data-theme="dark"] body .product-page .description-card,
html[data-theme="dark"] body .product-page .seller-card {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 2px !important;
  border: 0 !important;
  border-top: 1px solid var(--az-dark-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
html[data-theme="dark"] body .product-page .specifications-card {
  border-top: 0 !important;
}
html[data-theme="dark"] body .product-page .specifications-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 54px !important;
  row-gap: 0 !important;
}
html[data-theme="dark"] body .product-page .specification-item {
  display: grid !important;
  grid-template-columns: minmax(135px, 38%) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body .product-page .specification-label {
  color: var(--az-dark-muted) !important;
  background: transparent !important;
}
html[data-theme="dark"] body .product-page .specification-value {
  color: var(--az-dark-text) !important;
  background: transparent !important;
}
html[data-theme="dark"] body .product-page .description-card h2,
html[data-theme="dark"] body .product-page .seller-card h2,
html[data-theme="dark"] body .product-page .description-text,
html[data-theme="dark"] body .product-page .seller-details,
html[data-theme="dark"] body .product-page .seller-details p {
  text-align: left !important;
}
@media (max-width: 920px) {
  html[data-theme="dark"] body .product-page .specifications-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
}

html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .page-container,
html[data-theme="dark"] .market-home,
html[data-theme="dark"] .marketplace-container,
html[data-theme="dark"] .account-container,
html[data-theme="dark"] .content-section-grid {
  background: var(--az-dark-bg) !important;
  color: var(--az-dark-text) !important;
}

/* One header language on Home, Marketplace, Product and management pages. */
html[data-theme="dark"] .az-home-v3,
html[data-theme="dark"] .az-services-home-header,
html[data-theme="dark"] .az-shared-home-header,
html[data-theme="dark"] .az-utility-bar,
html[data-theme="dark"] .az-search-row,
html[data-theme="dark"] .az-category-strip,
html[data-theme="dark"] .az-category-strip.az-category-strip-ebay,
html[data-theme="dark"] .az-global-nav,
html[data-theme="dark"] .product-nav,
html[data-theme="dark"] .az-manage-nav,
html[data-theme="dark"] .az-page-home-brand-wrap,
html[data-theme="dark"] nav {
  background: var(--az-dark-header) !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border) !important;
}

html[data-theme="dark"] .home-brand,
html[data-theme="dark"] .az-services-home-header .home-brand,
html[data-theme="dark"] .az-shared-home-header .home-brand,
html[data-theme="dark"] .product-brand,
html[data-theme="dark"] .az-nav-brand,
html[data-theme="dark"] .az-manage-brand,
html[data-theme="dark"] .az-page-home-brand {
  color: #29a8f2 !important;
}
html[data-theme="dark"] .home-brand span,
html[data-theme="dark"] .home-brand .logo-z,
html[data-theme="dark"] .product-brand .brand-zone,
html[data-theme="dark"] .az-nav-brand span,
html[data-theme="dark"] .az-manage-brand span,
html[data-theme="dark"] .az-page-home-brand span {
  color: var(--az-dark-orange) !important;
}
html[data-theme="dark"] .home-brand .logo-a,
html[data-theme="dark"] .product-brand .brand-alba {
  color: #29a8f2 !important;
}

html[data-theme="dark"] .az-utility-bar a,
html[data-theme="dark"] .az-category-links a,
html[data-theme="dark"] .az-category-strip .az-cat-link,
html[data-theme="dark"] .az-category-strip .az-cat-label,
html[data-theme="dark"] .az-manage-nav a,
html[data-theme="dark"] .product-nav a,
html[data-theme="dark"] .az-global-nav a,
html[data-theme="dark"] .az-header-icon,
html[data-theme="dark"] .az-cart-link {
  color: #c9d7e7 !important;
}
html[data-theme="dark"] .az-utility-bar a:hover,
html[data-theme="dark"] .az-category-links a:hover,
html[data-theme="dark"] .az-manage-nav a:hover,
html[data-theme="dark"] .product-nav a:hover {
  color: var(--az-dark-blue) !important;
  background: rgba(89, 186, 255, 0.09) !important;
}

/* Search is dark on every page; search button keeps Alba blue. */
html[data-theme="dark"] .az-home-v3 .az-home-search-shell,
html[data-theme="dark"] .az-services-home-header .az-home-search-shell,
html[data-theme="dark"] .az-shared-home-header .az-home-search-shell,
html[data-theme="dark"] .product-nav-search,
html[data-theme="dark"] .az-global-nav .az-nav-search {
  background: #101f32 !important;
  border-color: var(--az-dark-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 14px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] .az-home-v3 .az-home-search-shell input,
html[data-theme="dark"] .az-home-v3 .az-home-search-shell select,
html[data-theme="dark"] .az-services-home-header .az-home-search-shell input,
html[data-theme="dark"] .az-services-home-header .az-home-search-shell select,
html[data-theme="dark"] .az-shared-home-header .az-home-search-shell input,
html[data-theme="dark"] .az-shared-home-header .az-home-search-shell select,
html[data-theme="dark"] .product-nav-search input,
html[data-theme="dark"] .az-global-nav .az-nav-search input {
  background: transparent !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border-strong) !important;
}
html[data-theme="dark"] .az-home-search-shell input::placeholder,
html[data-theme="dark"] .product-nav-search input::placeholder,
html[data-theme="dark"] .az-nav-search input::placeholder {
  color: #8193a9 !important;
}
html[data-theme="dark"] .home-category-label,
html[data-theme="dark"] .home-category-select,
html[data-theme="dark"] .az-search-glyph,
html[data-theme="dark"] .az-image-search-btn {
  color: #c9d7e7 !important;
}
html[data-theme="dark"] .az-search-submit,
html[data-theme="dark"] .product-nav-search button,
html[data-theme="dark"] .az-nav-search button {
  background: linear-gradient(180deg,#1688ef 0%,#0875e1 62%,#0759ad 100%) !important;
  border-color: #1688ef !important;
  color: #fff !important;
  box-shadow: 0 7px 15px rgba(0,91,183,.32), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Home/header contrast repair.
   index.html contains legacy light-mode rules with unusually high specificity,
   so these selectors intentionally match and exceed that specificity. */
html[data-theme="dark"] body .az-home-v3 .az-utility-bar,
html[data-theme="dark"] body .az-home-v3 .az-utility-left,
html[data-theme="dark"] body .az-home-v3 .az-utility-right,
html[data-theme="dark"] body .az-home-v3 .az-category-strip,
html[data-theme="dark"] body .az-home-v3 .az-category-links {
  color: #d9e5f2 !important;
}

html[data-theme="dark"] body .az-home-v3 .az-utility-bar a,
html[data-theme="dark"] body .az-home-v3 .az-utility-bar button,
html[data-theme="dark"] body .az-home-v3 .az-utility-bar span,
html[data-theme="dark"] body .az-home-v3 .az-utility-welcome,
html[data-theme="dark"] body .az-home-v3 .az-category-links a,
html[data-theme="dark"] body .az-home-v3 .az-category-links span {
  color: #d9e5f2 !important;
  -webkit-text-fill-color: #d9e5f2 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-theme="dark"] body .az-home-v3 .az-utility-bar a:hover,
html[data-theme="dark"] body .az-home-v3 .az-utility-bar button:hover,
html[data-theme="dark"] body .az-home-v3 .az-category-links a:hover {
  color: #45b9ff !important;
  -webkit-text-fill-color: #45b9ff !important;
}

html[data-theme="dark"] body .az-home-v3 .az-home-search-shell,
html[data-theme="dark"] body .az-home-v3 .az-home-search-shell input,
html[data-theme="dark"] body .az-home-v3 .az-home-search-shell select,
html[data-theme="dark"] body .az-home-v3 .home-category-label,
html[data-theme="dark"] body .az-home-v3 .home-category-select,
html[data-theme="dark"] body .az-home-v3 .az-search-glyph,
html[data-theme="dark"] body .az-home-v3 .az-image-search-btn {
  color: #edf4fb !important;
  -webkit-text-fill-color: #edf4fb !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body .az-home-v3 .az-home-search-shell,
html[data-theme="dark"] body .az-home-v3 .az-home-search-shell input,
html[data-theme="dark"] body .az-home-v3 .az-home-search-shell select {
  background: #101f32 !important;
  border-color: #36516f !important;
}

html[data-theme="dark"] body .az-home-v3 .az-home-search-shell input::placeholder {
  color: #9eb0c5 !important;
  -webkit-text-fill-color: #9eb0c5 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body .az-home-v3 .az-home-search-shell select option {
  color: #edf4fb !important;
  -webkit-text-fill-color: #edf4fb !important;
  background: #101f32 !important;
}

/* Targeted V4 contrast and branding corrections. */
html[data-theme="dark"] body .az-home-v3 #utilityWelcomeButton {
  color: #e8f1fa !important;
  -webkit-text-fill-color: #e8f1fa !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.32) !important;
}

html[data-theme="dark"] body .filters-container #resetFiltersButton.reset-filters-button {
  color: #dce8f5 !important;
  -webkit-text-fill-color: #dce8f5 !important;
  border-color: #6f89a5 !important;
  background: linear-gradient(180deg,#142a40 0%,#0c1d30 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.22) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body .filters-container #resetFiltersButton.reset-filters-button:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #45b9ff !important;
}

html[data-theme="dark"] body .az-home-v3 .az-search-row > .az-search-submit {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,#1b94f5 0%,#0875e1 57%,#0759ad 100%) !important;
  border: 1px solid #299df5 !important;
  box-shadow: 0 8px 16px rgba(0,91,183,.38), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -2px 0 rgba(0,48,106,.28) !important;
  text-shadow: 0 1px 1px rgba(0,39,84,.45) !important;
  transform: translateY(-1px);
}

html[data-theme="dark"] body .az-home-v3 .az-search-row > .az-search-submit::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 16%;
  width: 68%;
  height: 35%;
  border-radius: 50%;
  background: linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0));
  pointer-events: none;
}

html[data-theme="dark"] body .az-home-v3 .az-search-row > .az-search-submit:active {
  transform: translateY(1px) !important;
  box-shadow: 0 3px 7px rgba(0,57,120,.34), inset 0 2px 4px rgba(0,38,82,.30) !important;
}

/* The AlbaZone wordmark keeps exactly the same blue/orange identity on category pages. */
html[data-theme="dark"] body .az-services-home-header .home-brand,
html[data-theme="dark"] body .az-services-home-header .home-brand .logo-a {
  color: #1687d3 !important;
  -webkit-text-fill-color: #1687d3 !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body .az-services-home-header .home-brand > span:last-child,
html[data-theme="dark"] body .az-services-home-header .home-brand .logo-z {
  color: #ff4a00 !important;
  -webkit-text-fill-color: #ff4a00 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Category results controls: tactile, consistent and readable. */
html[data-theme="dark"] body .results-toolbar .view-toggle {
  gap: 7px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body .results-toolbar .view-toggle button {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #476887 !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg,#1d3650 0%,#10263b 58%,#0a1a2c 100%) !important;
  color: #cfe4f5 !important;
  -webkit-text-fill-color: #cfe4f5 !important;
  box-shadow: 0 5px 10px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(0,0,0,.20) !important;
  transform: translateY(-1px);
}

html[data-theme="dark"] body .results-toolbar .view-toggle button::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 18%;
  width: 64%;
  height: 35%;
  border-radius: 50%;
  background: linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0));
  pointer-events: none;
}

html[data-theme="dark"] body .results-toolbar .view-toggle button.active {
  border-color: #27a5f5 !important;
  background: linear-gradient(180deg,#1598ec 0%,#0875b8 60%,#075b91 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 13px rgba(0,105,174,.42), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -2px 0 rgba(0,45,84,.26) !important;
}

html[data-theme="dark"] body .results-toolbar .view-toggle button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.28), inset 0 2px 4px rgba(0,0,0,.25) !important;
}

html[data-theme="dark"] body .market-card-actions .market-card-action.message {
  border-color: #249bf0 !important;
  background: linear-gradient(180deg,#168fec 0%,#0875cf 59%,#0759a6 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 5px 11px rgba(0,83,160,.34), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(0,44,91,.24) !important;
  text-shadow: 0 1px 1px rgba(0,39,78,.38) !important;
}

html[data-theme="dark"] body .market-card-actions .market-card-action.message:hover {
  background: linear-gradient(180deg,#29a7f7 0%,#0a82dd 60%,#0764b6 100%) !important;
}

/* Final category call-to-action: light Alba blue with high-contrast copy. */
html[data-theme="dark"] body .sell-section {
  background: linear-gradient(145deg,#278ac1 0%,#176f9f 55%,#125d89 100%) !important;
  border: 1px solid #4aa8d7 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

html[data-theme="dark"] body .sell-section h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,44,74,.32) !important;
}

html[data-theme="dark"] body .sell-section p,
html[data-theme="dark"] body .sell-section p span {
  color: #e1edf5 !important;
  -webkit-text-fill-color: #e1edf5 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body .sell-section .sell-button {
  border: 1px solid #31a8f4 !important;
  background: linear-gradient(180deg,#168fec 0%,#0875cf 59%,#0759a6 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 13px rgba(0,45,77,.34), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -2px 0 rgba(0,44,91,.24) !important;
  text-shadow: 0 1px 1px rgba(0,39,78,.38) !important;
}

html[data-theme="dark"] body .market-card-actions .market-card-action.whatsapp {
  border-color: #28e279 !important;
  background: linear-gradient(180deg,#22df78 0%,#08bd5b 60%,#079746 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 5px 11px rgba(0,119,55,.34), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -2px 0 rgba(0,80,36,.25) !important;
  text-shadow: 0 1px 1px rgba(0,72,32,.38) !important;
}

html[data-theme="dark"] body .market-card-actions .market-card-action.share {
  border-color: #ff8a2a !important;
  background: linear-gradient(180deg,#ff9d42 0%,#f57913 60%,#c85606 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 5px 11px rgba(145,58,0,.34), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -2px 0 rgba(120,42,0,.24) !important;
  text-shadow: 0 1px 1px rgba(102,34,0,.42) !important;
}

.az-price-amount {
  color: #f47a22 !important;
  -webkit-text-fill-color: #f47a22 !important;
  font-size: 1em !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.az-price-currency {
  color: #9aa9ba !important;
  -webkit-text-fill-color: #9aa9ba !important;
  font-size: .68em !important;
  font-style: italic !important;
  font-weight: 600 !important;
  vertical-align: .12em !important;
}

/* Premium raised controls in Light Mode — same interaction language site-wide. */
html:not([data-theme="dark"]) body .az-search-submit,
html:not([data-theme="dark"]) body .publish-button,
html:not([data-theme="dark"]) body .submit-button,
html:not([data-theme="dark"]) body .save-button,
html:not([data-theme="dark"]) body .sell-button,
html:not([data-theme="dark"]) body .load-more-button,
html:not([data-theme="dark"]) body .contact-button,
html:not([data-theme="dark"]) body .market-card-action,
html:not([data-theme="dark"]) body .view-toggle button,
html:not([data-theme="dark"]) body .hero-button,
html:not([data-theme="dark"]) body .reset-filters-button {
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 6px 13px rgba(15,61,104,.20), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -2px 0 rgba(16,62,103,.12) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
  transform: translateY(-1px);
}

html:not([data-theme="dark"]) body .az-search-submit::before,
html:not([data-theme="dark"]) body .publish-button::before,
html:not([data-theme="dark"]) body .submit-button::before,
html:not([data-theme="dark"]) body .save-button::before,
html:not([data-theme="dark"]) body .sell-button::before,
html:not([data-theme="dark"]) body .load-more-button::before,
html:not([data-theme="dark"]) body .contact-button::before,
html:not([data-theme="dark"]) body .market-card-action::before,
html:not([data-theme="dark"]) body .view-toggle button::before,
html:not([data-theme="dark"]) body .hero-button::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 17%;
  width: 66%;
  height: 34%;
  border-radius: 50%;
  background: linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0));
  pointer-events: none;
}

html:not([data-theme="dark"]) body .az-search-submit:active,
html:not([data-theme="dark"]) body .publish-button:active,
html:not([data-theme="dark"]) body .submit-button:active,
html:not([data-theme="dark"]) body .save-button:active,
html:not([data-theme="dark"]) body .sell-button:active,
html:not([data-theme="dark"]) body .load-more-button:active,
html:not([data-theme="dark"]) body .contact-button:active,
html:not([data-theme="dark"]) body .market-card-action:active,
html:not([data-theme="dark"]) body .view-toggle button:active,
html:not([data-theme="dark"]) body .hero-button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 2px 5px rgba(15,61,104,.18), inset 0 2px 4px rgba(15,61,104,.16) !important;
}

html:not([data-theme="dark"]) body .az-search-submit,
html:not([data-theme="dark"]) body .publish-button,
html:not([data-theme="dark"]) body .submit-button,
html:not([data-theme="dark"]) body .save-button,
html:not([data-theme="dark"]) body .sell-button,
html:not([data-theme="dark"]) body .load-more-button,
html:not([data-theme="dark"]) body .market-card-action.message {
  border-color: #1e96eb !important;
  background: linear-gradient(180deg,#269cf2 0%,#0875d5 59%,#075aa9 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not([data-theme="dark"]) body .market-card-action.whatsapp,
html:not([data-theme="dark"]) body .whatsapp-contact-button {
  border-color: #25d874 !important;
  background: linear-gradient(180deg,#25df7a 0%,#09bd5c 60%,#079747 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not([data-theme="dark"]) body .market-card-action.share {
  border-color: #ff8a2a !important;
  background: linear-gradient(180deg,#ffa14c 0%,#f57a14 60%,#ca5908 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html:not([data-theme="dark"]) body .view-toggle button {
  border: 1px solid #b8c9d9 !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg,#ffffff 0%,#e8f1f8 100%) !important;
  color: #36536f !important;
}

html:not([data-theme="dark"]) body .view-toggle button.active {
  border-color: #2199eb !important;
  background: linear-gradient(180deg,#27a1f4 0%,#0878d4 60%,#075aa8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Page introductions and filter areas. */
html[data-theme="dark"] header,
html[data-theme="dark"] .marketplace-hero,
html[data-theme="dark"] .filters-container,
html[data-theme="dark"] .results-toolbar,
html[data-theme="dark"] .home-categories,
html[data-theme="dark"] .trust-strip {
  background: var(--az-dark-surface) !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border) !important;
}
html[data-theme="dark"] header h1,
html[data-theme="dark"] header h2,
html[data-theme="dark"] header p,
html[data-theme="dark"] .marketplace-hero h1,
html[data-theme="dark"] .marketplace-hero p {
  color: var(--az-dark-text) !important;
}

/* Cards, forms and content use the same three surface levels everywhere. */
html[data-theme="dark"] .featured-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .related-product,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .details-card,
html[data-theme="dark"] .image-card,
html[data-theme="dark"] .product-page section#productContent,
html[data-theme="dark"] .description-card,
html[data-theme="dark"] .specifications-card,
html[data-theme="dark"] .seller-card,
html[data-theme="dark"] .related-card,
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .account-box,
html[data-theme="dark"] .user-email-box,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .cart-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .auth-container,
html[data-theme="dark"] .not-logged-in,
html[data-theme="dark"] .demo-panel,
html[data-theme="dark"] .message {
  background: var(--az-dark-card) !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] .featured-card-content,
html[data-theme="dark"] .product-content,
html[data-theme="dark"] .market-home .featured-card-content {
  background: var(--az-dark-card) !important;
  color: var(--az-dark-text) !important;
}
html[data-theme="dark"] .detail-line,
html[data-theme="dark"] .buyer-safety,
html[data-theme="dark"] .phone-details,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .summary > div,
html[data-theme="dark"] .specification-item {
  background: var(--az-dark-raised) !important;
  color: var(--az-dark-text) !important;
  border-color: #314b67 !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #0a1a2b !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border-strong) !important;
}
html[data-theme="dark"] select option { background: #0a1a2b !important; color: var(--az-dark-text) !important; }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #8193a9 !important; }

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] label,
html[data-theme="dark"] strong { color: var(--az-dark-text) !important; }
html[data-theme="dark"] p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .field-note,
html[data-theme="dark"] .product-description,
html[data-theme="dark"] .product-location,
html[data-theme="dark"] .product-posted,
html[data-theme="dark"] .featured-card .city { color: var(--az-dark-muted) !important; }

html[data-theme="dark"] .featured-price,
html[data-theme="dark"] .product-price,
html[data-theme="dark"] .listing-price,
html[data-theme="dark"] .price { color: #66c3ff !important; }
html[data-theme="dark"] .condition,
html[data-theme="dark"] .category,
html[data-theme="dark"] .product-category,
html[data-theme="dark"] .demo-badge {
  background: #18314a !important;
  color: #8dd2ff !important;
  border-color: #36516f !important;
}

/* Product gallery and secondary controls. */
html[data-theme="dark"] .product-page .main-image,
html[data-theme="dark"] .product-page .gallery-thumbnail,
html[data-theme="dark"] .related-product-image,
html[data-theme="dark"] .featured-placeholder,
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .listing-image {
  background-color: #101924 !important;
  border-color: var(--az-dark-border) !important;
}
html[data-theme="dark"] body .product-page #favoriteButton,
html[data-theme="dark"] body .product-page #shareProductButton,
html[data-theme="dark"] body .product-page #reportButton,
html[data-theme="dark"] body .product-page #makeOfferButton,
html[data-theme="dark"] .view-toggle button,
html[data-theme="dark"] .featured-heart,
html[data-theme="dark"] .card-favorite {
  background: var(--az-dark-raised) !important;
  color: #7dcaff !important;
  border-color: var(--az-dark-border-strong) !important;
}
html[data-theme="dark"] .social-button,
html[data-theme="dark"] .tabs button:not(.active) {
  background: var(--az-dark-raised) !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border-strong) !important;
}
html[data-theme="dark"] .auth-divider::before,
html[data-theme="dark"] .auth-divider::after { background: var(--az-dark-border) !important; }
html[data-theme="dark"] .message.error { background:#3a1720 !important; color:#ffb4bd !important; }
html[data-theme="dark"] .message.success { background:#0f3328 !important; color:#9de3c4 !important; }

/* Menus and overlays. */
html[data-theme="dark"] .nav-popover-panel,
html[data-theme="dark"] .shop-category-panel,
html[data-theme="dark"] .az-image-search-menu,
html[data-theme="dark"] .az-welcome-panel,
html[data-theme="dark"] .modal-content {
  background: var(--az-dark-card) !important;
  color: var(--az-dark-text) !important;
  border-color: var(--az-dark-border) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.45) !important;
}
html[data-theme="dark"] .nav-popover-panel a,
html[data-theme="dark"] .nav-popover-panel button,
html[data-theme="dark"] .az-welcome-panel a,
html[data-theme="dark"] .az-welcome-panel button {
  background: transparent !important;
  color: var(--az-dark-text) !important;
}
html[data-theme="dark"] .nav-popover-panel a:hover,
html[data-theme="dark"] .nav-popover-panel button:hover,
html[data-theme="dark"] .az-welcome-panel a:hover,
html[data-theme="dark"] .az-welcome-panel button:hover { background: var(--az-dark-raised) !important; }

html[data-theme="dark"] footer,
html[data-theme="dark"] .mobile-bottom-nav {
  background: var(--az-dark-header) !important;
  color: var(--az-dark-muted) !important;
  border-color: var(--az-dark-border) !important;
}

@media (max-width: 760px) {
  /* Mobile Home: keep the complete top bar inside the dark surface. */
  html[data-theme="dark"] body .az-home-v3 .az-mobile-header {
    background: var(--az-dark-header) !important;
    color: var(--az-dark-text) !important;
    border-bottom: 1px solid var(--az-dark-border) !important;
  }
  html[data-theme="dark"] body .az-home-v3 .az-mobile-menu {
    background: var(--az-dark-raised) !important;
    color: #dce8f5 !important;
    border-color: var(--az-dark-border-strong) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.28) !important;
  }
  html[data-theme="dark"] body .az-home-v3 .az-mobile-account,
  html[data-theme="dark"] body .az-home-v3 .az-mobile-bell {
    background: transparent !important;
    color: #dce8f5 !important;
  }

  html[data-theme="dark"] .az-home-v3 .az-search-row,
  html[data-theme="dark"] .az-services-home-header .az-search-row,
  html[data-theme="dark"] .az-shared-home-header .az-search-row {
    background: var(--az-dark-header) !important;
  }
  html[data-theme="dark"] .az-home-v3 .az-home-search-shell,
  html[data-theme="dark"] .az-services-home-header .az-home-search-shell,
  html[data-theme="dark"] .az-shared-home-header .az-home-search-shell {
    background: #101f32 !important;
  }

  /* Mobile Product: remove the light frame without recolouring product photos. */
  html[data-theme="dark"] body .product-page .product-layout,
  html[data-theme="dark"] body .product-page .image-card,
  html[data-theme="dark"] body .product-page .details-card {
    background: var(--az-dark-card) !important;
    color: var(--az-dark-text) !important;
    border-color: var(--az-dark-border) !important;
  }
  html[data-theme="dark"] body .product-page .image-card {
    box-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
  }
  html[data-theme="dark"] body .product-page .image-gallery {
    background: var(--az-dark-card) !important;
    border-color: var(--az-dark-border) !important;
  }
  html[data-theme="dark"] body .product-page .gallery-thumbnail {
    background: var(--az-dark-raised) !important;
    border-color: var(--az-dark-border-strong) !important;
  }
}