/* ==========================================================================
   Elevaan Network — Theme overrides (light default + dark mode polish)
   Keeps hardcoded page colors in sync with data-theme="dark".
   ========================================================================== */

html[data-theme="dark"] body,
html[data-theme="dark"] body.supplier-profile-body {
  background: var(--color-bg);
  color: var(--color-text);
}

/* ---- Header ---- */

html[data-theme="dark"] .site-header {
  background: var(--color-header-bg);
  border-bottom-color: transparent;
  border-bottom: none;
}

html[data-theme="dark"] .site-header.is-scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .header-inner {
  color: var(--color-header-text);
}

html[data-theme="dark"] .nav-dropdown-toggle .chevron {
  border-right-color: var(--color-header-text);
  border-bottom-color: var(--color-header-text);
}

html[data-theme="dark"] .nav-divider {
  background: var(--color-border-strong);
}

html[data-theme="dark"] .header-search {
  border: none;
  background: #3a3c3e;
}

html[data-theme="dark"] .header-search:has(.header-suggest:not([hidden])) {
  border-bottom: none;
}

html[data-theme="dark"] .header-search-input {
  color: #f3f4f6;
  background: transparent;
  caret-color: #f3f4f6;
}

html[data-theme="dark"] .header-search-input::placeholder {
  color: #a1a1aa;
}

html[data-theme="dark"] .header-search-input:focus::placeholder {
  color: #a1a1aa;
}

html[data-theme="dark"] .nav-dropdown-menu {
  background: var(--color-surface);
  border-color: var(--color-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .nav-dropdown-menu a,
html[data-theme="dark"] .nav-dropdown-action {
  color: var(--color-text);
}

html[data-theme="dark"] .nav-dropdown-menu a:hover,
html[data-theme="dark"] .nav-dropdown-action:hover {
  background: var(--color-surface-2);
}

html[data-theme="dark"] .logo-img {
  filter: brightness(0) invert(1);
}

html[data-theme="dark"] .header-burger span {
  background: var(--color-header-text);
}

html[data-theme="dark"] .theme-toggle {
  color: var(--color-header-text);
  border: none;
  background: transparent;
}

html[data-theme="dark"] .theme-toggle:hover {
  background: transparent;
  opacity: 0.8;
}

/* ---- Shared cards / surfaces ---- */

html[data-theme="dark"] .category-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-panel-right,
html[data-theme="dark"] .page-card {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-theme="dark"] .listing-form--page {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--color-text);
}

html[data-theme="dark"] .listing-images-label,
html[data-theme="dark"] .listing-images-label span {
  color: var(--color-text);
}

html[data-theme="dark"] .listing-slot,
html[data-theme="dark"] .listing-slot.is-empty {
  background: #141416;
  border: none;
}

html[data-theme="dark"] .listing-slot-add {
  background: #141416;
  color: var(--color-text-muted);
  border: none;
}

html[data-theme="dark"] .listing-slot-add:hover {
  background: #1a1a1c;
  color: var(--color-text);
}

html[data-theme="dark"] .listing-tags-box {
  background: #141416;
  border: none;
}

html[data-theme="dark"] .listing-tags-box.is-full {
  background: #141416;
}

html[data-theme="dark"] .listing-tags-box:focus-within {
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .listing-tag {
  background: #2a2a2c;
  color: var(--color-text);
}

html[data-theme="dark"] .listing-tag-remove {
  background: #3a3b3c;
  color: var(--color-text);
}

html[data-theme="dark"] .listing-tag-remove:hover {
  background: #525355;
  color: #fff;
}

html[data-theme="dark"] .listing-tags-hint,
html[data-theme="dark"] .listing-field-hint {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .listing-input,
html[data-theme="dark"] .listing-textarea,
html[data-theme="dark"] .listing-select,
html[data-theme="dark"] .listing-category-trigger {
  background: #141416;
  border: none;
  color: var(--color-text);
  box-shadow: none;
}

html[data-theme="dark"] .listing-category-placeholder {
  color: var(--color-text-soft);
}

html[data-theme="dark"] .listing-category-value {
  color: #f3f4f6;
}

html[data-theme="dark"] .listing-category-chevron {
  color: #a1a8b5;
}

html[data-theme="dark"] .listing-input:focus,
html[data-theme="dark"] .listing-textarea:focus,
html[data-theme="dark"] .listing-select:focus,
html[data-theme="dark"] .listing-category-trigger:focus {
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .settings-back-link,
html[data-theme="dark"] .settings-back-link:hover {
  color: #ffffff;
}

html[data-theme="dark"] .listing-category-panel {
  background: #1a1a1a;
  border: none;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .listing-category-panel-head {
  border-bottom-color: #2a2a2c;
  color: #f3f4f6;
}

html[data-theme="dark"] .listing-category-back {
  background: #141416;
  color: #f3f4f6;
}

html[data-theme="dark"] .listing-category-back:hover {
  background: #222224;
}

html[data-theme="dark"] .listing-category-search-wrap {
  border-bottom-color: #2a2a2c;
}

html[data-theme="dark"] .listing-category-search-icon {
  color: #8b8f96;
}

html[data-theme="dark"] .listing-category-search {
  background: #141416;
  border: none;
  color: #f3f4f6;
}

html[data-theme="dark"] .listing-category-search::placeholder {
  color: #8b8f96;
}

html[data-theme="dark"] .listing-category-search:focus {
  background: #141416;
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .listing-category-item {
  color: #e5e7eb;
}

html[data-theme="dark"] .listing-category-item:hover {
  background: #222224;
}

html[data-theme="dark"] .listing-category-item svg {
  color: #8b8f96;
}

html[data-theme="dark"] .listing-category-item-meta,
html[data-theme="dark"] .listing-category-empty {
  color: #a1a1aa;
}

html[data-theme="dark"] .category-body h3,
html[data-theme="dark"] .category-body h3 a {
  color: #ffffff;
}

html[data-theme="dark"] .category-services li a {
  color: #a9b1bc;
}

html[data-theme="dark"] .category-services li a:hover {
  color: #c5ccd6;
}

html[data-theme="dark"] .category-explore,
html[data-theme="dark"] .category-explore:hover {
  color: #d1d5db;
}

html[data-theme="dark"] .search-heading,
html[data-theme="dark"] .search-heading .search-query,
html[data-theme="dark"] .search-category-page .search-heading {
  color: #ffffff;
}

html[data-theme="dark"] .search-category-page .category-card,
html[data-theme="dark"] .search-category-page .category-card--text {
  background: transparent;
  border: none;
  box-shadow: none;
  color: inherit;
}

html[data-theme="dark"] .search-category-page .category-body h3,
html[data-theme="dark"] .search-category-page .category-body h3 a {
  color: #ffffff;
}

html[data-theme="dark"] .search-category-page .category-services li a {
  background: transparent;
  color: #959eaf;
}

html[data-theme="dark"] .search-category-page .category-services li a:hover {
  background: transparent;
  color: #b8c0ce;
}

html[data-theme="dark"] .product-price,
html[data-theme="dark"] .product-seller-name,
html[data-theme="dark"] .supplier-name,
html[data-theme="dark"] .supplier-product-card .product-title,
html[data-theme="dark"] .supplier-product-card .product-price,
html[data-theme="dark"] .supplier-product-card .product-amount,
html[data-theme="dark"] .settings-hero h1,
html[data-theme="dark"] .settings-card-head h2,
html[data-theme="dark"] .auth-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
  color: var(--color-text);
}

html[data-theme="dark"] .product-title,
html[data-theme="dark"] .product-title a,
html[data-theme="dark"] .product-info h3,
html[data-theme="dark"] .product-info h3 a {
  color: var(--color-card-title);
}

html[data-theme="dark"] .product-price,
html[data-theme="dark"] .supplier-product-card .product-price,
html[data-theme="dark"] .supplier-bio,
html[data-theme="dark"] .settings-lead,
html[data-theme="dark"] .settings-card-head p,
html[data-theme="dark"] .auth-sub,
html[data-theme="dark"] .settings-hint,
html[data-theme="dark"] .supplier-meta,
html[data-theme="dark"] .supplier-about-text {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .supplier-product-card .product-amount {
  color: var(--color-text);
}

html[data-theme="dark"] .supplier-product-menu-btn {
  background: rgba(26, 26, 26, 0.92);
  color: #f3f4f6;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .supplier-product-menu-btn:hover,
html[data-theme="dark"] .supplier-product-menu.is-open .supplier-product-menu-btn {
  background: #2a2a2c;
  color: #ffffff;
}

html[data-theme="dark"] .supplier-product-menu-dropdown {
  background: #1a1a1a;
  border: none;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .supplier-product-menu-item {
  color: #f3f4f6;
}

html[data-theme="dark"] .supplier-product-menu-item:hover {
  background: #2a2a2c;
}

html[data-theme="dark"] .supplier-product-menu-item.is-danger {
  color: #ff0000;
}

html[data-theme="dark"] .supplier-product-menu-item.is-danger:hover {
  background: rgba(255, 0, 0, 0.12);
}

/* ---- Forms / inputs ---- */

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .auth-input {
  background: var(--color-surface-2);
  color: var(--color-text);
  border-color: var(--color-border);
}

html[data-theme="dark"] .settings-field input,
html[data-theme="dark"] .settings-field textarea {
  background: #141416;
  color: var(--color-text);
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .settings-field input::placeholder,
html[data-theme="dark"] .settings-field textarea::placeholder {
  color: var(--color-text-soft);
}

html[data-theme="dark"] .settings-field input:focus,
html[data-theme="dark"] .settings-field textarea:focus {
  background: #141416;
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .listing-input,
html[data-theme="dark"] .listing-textarea,
html[data-theme="dark"] .listing-select,
html[data-theme="dark"] .listing-category-trigger,
html[data-theme="dark"] .listing-tags-box {
  background: #141416;
  color: var(--color-text);
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .listing-input:focus,
html[data-theme="dark"] .listing-textarea:focus,
html[data-theme="dark"] .listing-select:focus,
html[data-theme="dark"] .listing-category-trigger:focus,
html[data-theme="dark"] .listing-tags-box:focus-within {
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .listing-tags-input {
  background: transparent;
  color: var(--color-text);
  border: none;
}

html[data-theme="dark"] .listing-tags-input::placeholder,
html[data-theme="dark"] .listing-input::placeholder,
html[data-theme="dark"] .listing-textarea::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .auth-input::placeholder {
  color: var(--color-text-soft);
}

html[data-theme="dark"] .rfq-field input,
html[data-theme="dark"] .rfq-field textarea {
  background: rgba(255, 255, 255, 0.14);
  color: #e8eefc;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] .rfq-field input::placeholder,
html[data-theme="dark"] .rfq-field textarea::placeholder {
  color: rgba(200, 214, 240, 0.75);
}

html[data-theme="dark"] .rfq-field input:focus,
html[data-theme="dark"] .rfq-field textarea:focus {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(180, 205, 255, 0.45);
  box-shadow: 0 0 0 3px rgba(147, 180, 255, 0.22);
}

html[data-theme="dark"] .settings-field label,
html[data-theme="dark"] .auth-label {
  color: var(--color-text);
}

html[data-theme="dark"] .settings-input-prefix {
  background: #141416;
  border: none;
  color: var(--color-text-muted);
}

html[data-theme="dark"] .settings-input-prefix input {
  background: transparent;
  border: none;
}

html[data-theme="dark"] .settings-input-prefix span {
  background: #1a1a1c;
  border: none;
  color: var(--color-text-muted);
}

html[data-theme="dark"] .settings-toggle {
  background: transparent;
  border: none;
}

html[data-theme="dark"] .settings-toggle input[type="checkbox"] {
  background: transparent;
  border-color: #6b7280;
}

html[data-theme="dark"] .settings-toggle input[type="checkbox"]:checked {
  background: #3b82f6;
  border-color: #3b82f6;
}

html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-card-head,
html[data-theme="dark"] .settings-card-body,
html[data-theme="dark"] #section-prefs {
  background: transparent;
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .settings-card--logo {
  background: var(--color-surface, #1f2937);
  border: 1px solid var(--color-border, #374151);
  border-radius: 12px;
}

html[data-theme="dark"] .settings-card--logo .settings-card-head,
html[data-theme="dark"] .settings-card--logo .settings-card-body {
  background: transparent;
}

html[data-theme="dark"] .settings-logo-preview {
  background: #111827;
  border-color: #4b5563;
}

html[data-theme="dark"] .btn-settings-logo {
  background: var(--color-orange-dark, #f7421e);
  color: #fff;
  border: none;
}

html[data-theme="dark"] .settings-toggle strong {
  color: var(--color-text);
}

html[data-theme="dark"] .settings-toggle small {
  color: var(--color-text-muted);
}

/* ---- Supplier profile ---- */

html[data-theme="dark"] .supplier-page,
html[data-theme="dark"] .supplier-profile-body {
  background: var(--color-bg);
}

html[data-theme="dark"] .supplier-profile-card,
html[data-theme="dark"] .supplier-tabs-bar,
html[data-theme="dark"] .supplier-block,
html[data-theme="dark"] .supplier-panel,
html[data-theme="dark"] .supplier-main {
  background: transparent;
  border-color: var(--color-border);
  box-shadow: none;
}

html[data-theme="dark"] .supplier-side-link {
  color: var(--color-text);
}

html[data-theme="dark"] .supplier-side-link:hover {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .supplier-side-link.is-active {
  background: rgba(96, 165, 250, 0.14);
}

html[data-theme="dark"] .supplier-side-link--profile .side-label,
html[data-theme="dark"] .supplier-side-link .side-label {
  color: var(--color-text);
}

@media (max-width: 900px) {
  html[data-theme="dark"] .supplier-sidebar {
    background: var(--color-header-bg);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.45);
    color: var(--color-text);
  }

  html[data-theme="dark"] .supplier-nav-backdrop {
    background: rgba(0, 0, 0, 0.55);
  }
}

html[data-theme="dark"] .supplier-tabs-bar,
html[data-theme="dark"] .supplier-tabs {
  border: none;
  background: transparent;
}

html[data-theme="dark"] .supplier-tab {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .supplier-tab.is-active {
  color: var(--color-orange-dark);
  border-bottom-color: var(--color-orange-dark);
}

html[data-theme="dark"] .supplier-detail,
html[data-theme="dark"] .supplier-detail strong {
  color: var(--color-text);
}

html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-card-head {
  border: none;
  background: transparent;
  box-shadow: none;
}

html[data-theme="dark"] .photo-gallery-backdrop {
  background: rgba(0, 0, 0, 0.82);
}

/* ---- Auth / login ---- */

html[data-theme="dark"] .auth-page {
  background: var(--color-bg);
}

html[data-theme="dark"] .auth-panel-right,
html[data-theme="dark"] .auth-card {
  background: var(--color-surface);
}

html[data-theme="dark"] .auth-provider {
  background: var(--color-surface-2);
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-theme="dark"] .auth-text-link {
  color: var(--color-link);
}

html[data-theme="dark"] .auth-legal,
html[data-theme="dark"] .auth-legal a {
  color: var(--color-text-muted);
}

/* ---- Home / search polish ---- */

html[data-theme="dark"] .section,
html[data-theme="dark"] .products-section,
html[data-theme="dark"] .categories-section {
  background: var(--color-bg);
}

html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-ghost {
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-ghost:hover {
  background: var(--color-surface-2);
}

html[data-theme="dark"] .btn-dark,
html[data-theme="dark"] .btn-join {
  background: #f3f4f6;
  color: #1c1c1d;
}

html[data-theme="dark"] .btn-dark:hover,
html[data-theme="dark"] .btn-join:hover {
  background: #ffffff;
  color: #111111;
}

html[data-theme="dark"] .header-search-btn {
  background: transparent;
  color: #f3f4f6;
}

html[data-theme="dark"] .header-search-btn:hover {
  background: transparent;
  color: #fff;
  opacity: 0.8;
}

html[data-theme="dark"] .product-card {
  background: var(--color-surface);
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .product-card:hover {
  box-shadow: none;
}

html[data-theme="dark"] .product-contact-link,
html[data-theme="dark"] .product-contact-link:hover {
  color: #ffffff;
}

html[data-theme="dark"] .product-seller-name,
html[data-theme="dark"] .product-seller-name-text {
  color: #e5e7eb;
}

html[data-theme="dark"] .product-title,
html[data-theme="dark"] .product-title a {
  color: #a1a1aa;
}

html[data-theme="dark"] .supplier-profile-card {
  background: transparent;
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .product-thumb-btn {
  background: #2c2e30;
  border: none;
  border-bottom: 2px solid transparent;
  box-shadow: none;
}

html[data-theme="dark"] .product-thumb-btn.is-active {
  border-bottom-color: var(--color-orange-dark);
}

html[data-theme="dark"] .supplier-side-card,
html[data-theme="dark"] .pp-package,
html[data-theme="dark"] .pp-gallery-main {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-theme="dark"] .pp-buy-card {
  background: var(--color-surface);
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .pp-supplier-info {
  background: #121212;
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .pp-about-copy h2,
html[data-theme="dark"] .pp-about-copy h3,
html[data-theme="dark"] .pp-about-desc,
html[data-theme="dark"] .pp-features li {
  color: var(--color-text);
}

html[data-theme="dark"] .pp-specs-table th {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .pp-specs-table td {
  color: var(--color-text);
}

html[data-theme="dark"] .pp-specs-table th,
html[data-theme="dark"] .pp-specs-table td {
  border-bottom-color: #1f1f1f;
}

html[data-theme="dark"] .pp-supplier-info-title,
html[data-theme="dark"] .pp-supplier-info-name a {
  color: var(--color-text);
}

html[data-theme="dark"] .pp-supplier-info-meta,
html[data-theme="dark"] .pp-supplier-info-bio {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .pp-supplier-info-details li,
html[data-theme="dark"] .pp-supplier-info-details li span {
  color: var(--color-text);
}

html[data-theme="dark"] .pp-supplier-info-btn {
  background: #2c2e30;
  border: none;
  color: #f3f4f6;
}

html[data-theme="dark"] .pp-supplier-info-btn:hover {
  background: #35373a;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .pp-supplier-info-btn--wa {
  background: #25d366;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .pp-supplier-info-btn--wa:hover {
  background: #1ebe57;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .pp-supplier-info-btn span {
  color: inherit;
}

html[data-theme="dark"] .pp-btn--whatsapp {
  background: #25d366;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .pp-btn--whatsapp:hover {
  background: #1ebe57;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .pp-buy-title,
html[data-theme="dark"] .pp-buy-price,
html[data-theme="dark"] .pp-buy-seller strong {
  color: #f3f4f6;
}

html[data-theme="dark"] .pp-buy-currency,
html[data-theme="dark"] .pp-buy-unit,
html[data-theme="dark"] .pp-buy-seller small {
  color: #a1a1aa;
}

html[data-theme="dark"] .pp-buy-features-title {
  color: #f3f4f6;
}

html[data-theme="dark"] .pp-buy-features li {
  color: #d4d4d8;
}

html[data-theme="dark"] .pp-buy-seller {
  background: #2c2e30;
  color: #f3f4f6;
}

html[data-theme="dark"] .pp-buy-seller:hover {
  background: #35373a;
}

html[data-theme="dark"] .pp-buy-seller-avatar {
  background: #3a3c3e;
}

html[data-theme="dark"] .settings-actions {
  background: var(--color-bg);
  border: none;
  box-shadow: none;
}

html[data-theme="dark"] .search-sidebar,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .product-summary,
html[data-theme="dark"] .product-main {
  background: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}

html[data-theme="dark"] .site-footer {
  background: #16181c;
  color: #fff;
}

html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-tagline,
html[data-theme="dark"] .footer-contact-intro,
html[data-theme="dark"] .footer-contact-text span,
html[data-theme="dark"] .footer-legal-links a {
  color: #9aa1ac;
}

html[data-theme="dark"] .footer-heading,
html[data-theme="dark"] .footer-contact-text strong,
html[data-theme="dark"] .footer-links a:hover,
html[data-theme="dark"] .footer-legal-links a:hover {
  color: #fff;
}

/* Theme toggle control */

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--color-header-text);
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
}

.theme-toggle:hover {
  background: transparent;
  opacity: 0.8;
}

.theme-toggle svg {
  width: 18px;
  height: 18px;
  display: block;
}

.theme-toggle .icon-sun {
  display: none;
}

.theme-toggle .icon-moon {
  display: block;
}

html[data-theme="dark"] .theme-toggle .icon-sun {
  display: block;
}

html[data-theme="dark"] .theme-toggle .icon-moon {
  display: none;
}

/* ---- Become a Seller page ---- */

html[data-theme="dark"] .seller-section .card,
html[data-theme="dark"] .seller-why-card,
html[data-theme="dark"] .seller-panel-card {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--color-text);
}

html[data-theme="dark"] .seller-section .section-head h2,
html[data-theme="dark"] .seller-why-head h2,
html[data-theme="dark"] .seller-message-copy h2,
html[data-theme="dark"] .seller-feature h3,
html[data-theme="dark"] .seller-faq-item summary,
html[data-theme="dark"] .seller-message-points li {
  color: var(--color-text);
}

html[data-theme="dark"] .seller-why-sub,
html[data-theme="dark"] .seller-panel-sub,
html[data-theme="dark"] .seller-feature p,
html[data-theme="dark"] .seller-message-lead,
html[data-theme="dark"] .seller-faq-empty {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .seller-faq-item p {
  color: #8d99ad;
}

html[data-theme="dark"] .seller-feature {
  background: #161616;
  border: none;
}

html[data-theme="dark"] .seller-feature:hover {
  background: #161616;
}

html[data-theme="dark"] .seller-feature-icon,
html[data-theme="dark"] .seller-feature:hover .seller-feature-icon {
  background: #2a2a2c;
  color: #ffffff;
  box-shadow: none;
}

html[data-theme="dark"] .link-more {
  color: #ffffff;
}

html[data-theme="dark"] .link-more:hover {
  color: #e5e7eb;
}

html[data-theme="dark"] .supplier-block-head .link-more,
html[data-theme="dark"] #rfqMarkAllSeen.link-more {
  color: #ffffff;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

html[data-theme="dark"] .supplier-block-head .link-more:hover,
html[data-theme="dark"] #rfqMarkAllSeen.link-more:hover {
  color: #e5e7eb;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-theme="dark"] .supplier-rfq-card {
  background: #161616;
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .supplier-rfq-card.is-unread {
  background: #1c1c1e;
  border: none;
}

html[data-theme="dark"] .supplier-rfq-buyer {
  color: #f3f4f6;
}

html[data-theme="dark"] .supplier-rfq-desc {
  color: #c4c9d2;
}

html[data-theme="dark"] .supplier-rfq-meta {
  color: #8d99ad;
}

html[data-theme="dark"] .supplier-rfq-intro {
  color: #818a9d;
}

html[data-theme="dark"] .supplier-rfq-new {
  color: #93c5fd;
}

html[data-theme="dark"] .supplier-rfq-mobile {
  color: #93c5fd;
}

html[data-theme="dark"] .supplier-rfq-read {
  background: #2a2a2c;
  color: #f3f4f6;
  border: none;
}

html[data-theme="dark"] .supplier-rfq-read:hover {
  background: #35373a;
  color: #fff;
  border: none;
}

html[data-theme="dark"] .supplier-rfq-quote-btn {
  background: #2a2a2c;
  color: #f3f4f6;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .supplier-rfq-quote-btn:hover {
  background: #35373a;
  color: #fff;
}

html[data-theme="dark"] .supplier-rfq-quote {
  background: #121214;
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .supplier-rfq-quote-badge {
  background: rgba(16, 185, 129, 0.16);
  color: #6ee7b7;
}

html[data-theme="dark"] .supplier-rfq-quote-summary {
  color: #c4c9d2;
}

html[data-theme="dark"] .supplier-rfq-quote-summary strong {
  color: #f3f4f6;
}

html[data-theme="dark"] .supplier-rfq-field label {
  color: #a1a8b5;
}

html[data-theme="dark"] .supplier-rfq-field input,
html[data-theme="dark"] .supplier-rfq-field textarea,
html[data-theme="dark"] .supplier-rfq-field select {
  background: #141416;
  color: var(--color-text);
  border: none;
  outline: none;
  box-shadow: none;
}

html[data-theme="dark"] .supplier-rfq-field input::placeholder,
html[data-theme="dark"] .supplier-rfq-field textarea::placeholder {
  color: var(--color-text-soft);
}

html[data-theme="dark"] .supplier-rfq-field input:focus,
html[data-theme="dark"] .supplier-rfq-field textarea:focus,
html[data-theme="dark"] .supplier-rfq-field select:focus {
  background: #141416;
  border: none;
  outline: none;
  box-shadow: none;
}

html[data-theme="dark"] .supplier-rfq-copy {
  background: #2a2a2c;
  color: #f3f4f6;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .supplier-rfq-copy:hover {
  background: #35373a;
  color: #fff;
}

html[data-theme="dark"] .supplier-rfq-view {
  background: #1e293b;
  color: #93c5fd;
  border: 1px solid rgba(147, 197, 253, 0.35);
}

html[data-theme="dark"] .supplier-rfq-view:hover {
  background: #243447;
  color: #bfdbfe;
}

html[data-theme="dark"] .supplier-rfq-quote-msg {
  color: #6ee7b7;
}

html[data-theme="dark"] .supplier-rfq-quote-msg.is-error {
  color: #fca5a5;
}

html[data-theme="dark"] .seller-message-points li::before {
  background: #e2e8f0;
}

html[data-theme="dark"] .seller-message-wa {
  background: #25d366;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .seller-message-wa:hover {
  background: #1ebe57;
  color: #fff;
}

html[data-theme="dark"] .seller-message-panel {
  background: #141416;
  color: var(--color-text);
}

html[data-theme="dark"] .seller-message-panel-label,
html[data-theme="dark"] .seller-message-flow span {
  color: var(--color-text-muted);
}

html[data-theme="dark"] .seller-message-flow li::before {
  background: #222224;
  color: var(--color-text);
}

html[data-theme="dark"] .seller-message-flow strong {
  color: var(--color-text);
}

html[data-theme="dark"] .seller-chip-row a {
  background: #1c1c1e;
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .seller-chip-row a:hover {
  background: #2a2a2c;
  color: #fff;
}

html[data-theme="dark"] .seller-faq-item {
  background: #1c1c1e;
  border: none;
}

html[data-theme="dark"] .seller-faq-item[open] {
  background: #222224;
}

html[data-theme="dark"] .seller-faq-item summary::after {
  border-color: var(--color-text-muted);
}

/* Keep seller CTA navy look in dark theme (brand band) */
html[data-theme="dark"] .seller-cta {
  background: #002b80;
  color: #fff;
}

html[data-theme="dark"] .seller-cta h2 {
  color: #fff;
}

html[data-theme="dark"] .seller-cta p {
  color: #d7e0f2;
}

html[data-theme="dark"] .seller-cta-note {
  color: #b9c4de;
}

html[data-theme="dark"] .seller-cta-note strong {
  color: #fff;
}

html[data-theme="dark"] .seller-cta .seller-hero-cta,
html[data-theme="dark"] #buyer-cta .seller-hero-cta {
  background: #fff;
  color: #0b1f4a;
  border-color: #fff;
}

html[data-theme="dark"] .seller-cta .seller-hero-cta:hover,
html[data-theme="dark"] #buyer-cta .seller-hero-cta:hover {
  background: #f3f6fb;
  color: #002b80;
}

html[data-theme="dark"] .buyer-rfq-btn {
  background: #ff6600;
  color: #fff;
}

html[data-theme="dark"] .buyer-rfq-btn:hover {
  background: #ff6600;
  color: #fff;
}

html[data-theme="dark"] .legal-updated,
html[data-theme="dark"] .legal-prose p,
html[data-theme="dark"] .legal-prose li {
  color: #8d99ad;
}

html[data-theme="dark"] .legal-prose h2 {
  color: #f3f4f6;
}

html[data-theme="dark"] .legal-prose a {
  color: #93c5fd;
}

html[data-theme="dark"] .page-hero-card {
  background: linear-gradient(120deg, #16244d 0%, #0e1a3a 100%);
  color: #fff;
}

html[data-theme="dark"] .page-hero-eyebrow {
  color: #ff6600;
}

html[data-theme="dark"] .page-hero-text h1 {
  color: #fff;
}

html[data-theme="dark"] .page-hero-text h1 .accent {
  color: #ff6600;
}

html[data-theme="dark"] .page-hero-desc {
  color: #d7e0f2;
}

html[data-theme="dark"] .cta-band {
  background: linear-gradient(120deg, #16244d 0%, #0e1a3a 100%);
  color: #fff;
}

html[data-theme="dark"] .cta-band h2 {
  color: #fff;
}

html[data-theme="dark"] .cta-band p {
  color: #d7e0f2;
}

html[data-theme="dark"] .cta-band-note {
  color: #b9c4de;
}

html[data-theme="dark"] .cta-band-note strong {
  color: #fff;
}

html[data-theme="dark"] .cta-band .btn-orange,
html[data-theme="dark"] .cta-band .btn-dark,
html[data-theme="dark"] .cta-band-actions .btn {
  background: #fff;
  color: #0b1f4a;
  border-color: #fff;
}

html[data-theme="dark"] .cta-band .btn-orange:hover,
html[data-theme="dark"] .cta-band .btn-dark:hover,
html[data-theme="dark"] .cta-band-actions .btn:hover {
  background: #f3f6fb;
  color: #002b80;
}

html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .icon-feature-card {
  background: var(--color-surface);
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .stat-card strong {
  color: #f3f4f6;
}

html[data-theme="dark"] .stat-card span,
html[data-theme="dark"] .icon-feature-card p,
html[data-theme="dark"] .split-block-text p {
  color: #8d99ad;
}

html[data-theme="dark"] .icon-feature-card h3,
html[data-theme="dark"] .split-block-text h2 {
  color: #f3f4f6;
}

html[data-theme="dark"] .icon-feature-icon {
  background: #2a2a2c;
  color: #ffffff;
}

html[data-theme="dark"] .chip-row a {
  background: #1c1c1e;
  border: none;
  color: var(--color-text);
}

html[data-theme="dark"] .chip-row a:hover {
  background: #2a2a2c;
  border: none;
  color: #fff;
}

html[data-theme="dark"] .faq-item {
  background: #1c1c1e;
  border: none;
}

html[data-theme="dark"] .faq-item summary {
  color: #f3f4f6;
}

html[data-theme="dark"] .faq-item p {
  color: #8d99ad;
}

@media (max-width: 900px) {
  .theme-toggle {
    width: 38px;
    height: 38px;
  }
}