/* JustReused Lake Dark — production selector overlay
   Load AFTER jr-lake-dark.css (handover base).
   Maps ambience to real browse/listing classes. Layout unchanged. */
html[data-jr-theme="lake-dark"] {
  --jr-bg-base: #020817;
  --jr-bg-elevated: #071725;
  --jr-bg-highlight: #0b1c2b;
  --jr-bg-header: rgba(2, 7, 16, 0.94);
  --jr-bg-input: #081825;
  --jr-text-primary: #f5f6f3;
  --jr-text-secondary: #c7c9c5;
  --jr-text-muted: #8e989f;
  --jr-border: rgba(167, 184, 196, 0.16);
  --jr-accent: #ff9900;
  --jr-accent-hover: #ffad26;
  --jr-accent-secondary: #e28a12;
  --jr-link: #ffad26;
  --primary: #ff9900;
  --primary-dark: #bd6805;
  --secondary: #18c779;
  --jr2-page: #020817;
  --jr2-surface: rgba(7, 23, 37, 0.96);
  --jr2-surface-solid: #071725;
  --jr2-surface-soft: #0b1c2b;
  --jr2-line: rgba(167, 184, 196, 0.16);
  --jr2-line-strong: rgba(255, 153, 0, 0.42);
  --jr2-text: #f5f6f3;
  --jr2-muted: #c7c9c5;
  --jr2-subtle: #8e989f;
  --jr2-green: #ff9900;
  --jr2-green-dark: #bd6805;
  --jr2-green-soft: rgba(255, 153, 0, 0.14);
  --bg-page: #020817;
  --bg-page-deep: #010511;
  --accent-primary: #ff9900;
  --accent-hover: #ffad26;
  --ambient-strength: 1;
  --media-primary-rgb: 183, 96, 12;
  --media-secondary-rgb: 18, 43, 61;
  color-scheme: dark;
}

html[data-jr-theme="lake-dark"],
html[data-jr-theme="lake-dark"] body {
  background:
    radial-gradient(900px 520px at 8% 72%, rgba(194, 99, 8, calc(0.18 * var(--ambient-strength, 1))), transparent 66%),
    radial-gradient(760px 480px at 94% 74%, rgba(255, 135, 0, calc(0.14 * var(--ambient-strength, 1))), transparent 68%),
    radial-gradient(1100px 520px at 50% -180px, rgba(18, 54, 76, 0.28), transparent 68%),
    linear-gradient(180deg, #010511, #020817) !important;
  color: #f5f6f3 !important;
}

html[data-jr-theme="lake-dark"] main,
html[data-jr-theme="lake-dark"] .page-wrapper,
html[data-jr-theme="lake-dark"] .af-search-root,
html[data-jr-theme="lake-dark"] .af-container,
html[data-jr-theme="lake-dark"] .af-main,
html[data-jr-theme="lake-dark"] .af-grid-split,
html[data-jr-theme="lake-dark"] .af-results-split {
  background-color: transparent !important;
  color: #f5f6f3 !important;
}

html[data-jr-theme="lake-dark"] #siteHeader {
  background: rgba(2, 7, 16, 0.94) !important;
  border-bottom-color: rgba(255, 153, 0, 0.18) !important;
}

html[data-jr-theme="lake-dark"] .jr-listing-card,
html[data-jr-theme="lake-dark"] .af-listing-card,
html[data-jr-theme="lake-dark"] article.jr-card {
  --ambient-rgb: var(--card-ambient-rgb, 131, 76, 25);
  background:
    linear-gradient(180deg, rgba(var(--ambient-rgb), 0.14), rgba(7, 21, 33, 0.96) 58%) !important;
  border: 1px solid rgba(255, 145, 0, 0.22) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 36px rgba(var(--ambient-rgb), 0.10) !important;
  transition: background 500ms ease, border-color 400ms ease, box-shadow 400ms ease;
}

html[data-jr-theme="lake-dark"] .jr-listing-card:hover,
html[data-jr-theme="lake-dark"] .af-listing-card:hover {
  border-color: rgba(255, 145, 0, 0.38) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.36),
    0 0 34px rgba(var(--ambient-rgb), 0.16) !important;
}

html[data-jr-theme="lake-dark"] .jr-listing-card .price,
html[data-jr-theme="lake-dark"] .jr-listing-card [class*="price"],
html[data-jr-theme="lake-dark"] .af-price,
html[data-jr-theme="lake-dark"] .jr2-price {
  color: #ff9900 !important;
  text-shadow: 0 0 18px rgba(255, 151, 9, 0.12);
}

html[data-jr-theme="lake-dark"] .af-cat-item.active,
html[data-jr-theme="lake-dark"] .af-vertical-rail-btn.active,
html[data-jr-theme="lake-dark"] .jr-browse-catnav .is-active,
html[data-jr-theme="lake-dark"] .af-intent-tab.active,
html[data-jr-theme="lake-dark"] .af-subcat.active {
  color: #ff9900 !important;
  border-color: #ff9900 !important;
  box-shadow: 0 0 22px rgba(255, 151, 9, 0.14) !important;
}

html[data-jr-theme="lake-dark"] .af-search-form:focus-within,
html[data-jr-theme="lake-dark"] .af-quick-select:focus-within,
html[data-jr-theme="lake-dark"] .af-filter-row select:focus,
html[data-jr-theme="lake-dark"] .af-filter-row input:focus {
  border-color: #ff9900 !important;
  box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.16) !important;
}

html[data-jr-theme="lake-dark"] .af-quick-select,
html[data-jr-theme="lake-dark"] .af-filter-row select,
html[data-jr-theme="lake-dark"] .jr-browse-filters .fa-chevron-down,
html[data-jr-theme="lake-dark"] .af-more-filters i {
  color: #e28a12 !important;
}

html[data-jr-theme="lake-dark"] .jr2-btn-primary,
html[data-jr-theme="lake-dark"] .jr2-buy,
html[data-jr-theme="lake-dark"] .post-ad-btn,
html[data-jr-theme="lake-dark"] a.post-ad-btn {
  background: linear-gradient(180deg, #ffad26, #ff9900) !important;
  color: #111 !important;
  border-color: transparent !important;
  box-shadow: 0 12px 30px rgba(255, 151, 9, 0.2) !important;
}

html[data-jr-theme="lake-dark"] .jr2-page,
html[data-jr-theme="lake-dark"] .pd-main {
  --media-primary-rgb: 183, 96, 12;
  --media-secondary-rgb: 18, 43, 61;
  background:
    radial-gradient(720px 540px at 20% 34%, rgba(var(--media-primary-rgb), calc(0.26 * var(--ambient-strength, 1))), transparent 70%),
    radial-gradient(620px 460px at 80% 45%, rgba(var(--media-secondary-rgb), calc(0.18 * var(--ambient-strength, 1))), transparent 72%),
    linear-gradient(180deg, #04101a 0%, #020711 100%) !important;
  transition: background 500ms ease;
}

html[data-jr-theme="lake-dark"] .jr2-gallery-card,
html[data-jr-theme="lake-dark"] .pd-gallery-card {
  background: linear-gradient(145deg, rgba(var(--media-primary-rgb), 0.22), rgba(2, 7, 12, 0.92) 76%) !important;
  border: 1px solid rgba(var(--media-primary-rgb), 0.45) !important;
  box-shadow:
    0 28px 76px rgba(0, 0, 0, 0.42),
    0 0 52px rgba(var(--media-primary-rgb), 0.14) !important;
}

html[data-jr-theme="lake-dark"] .jr2-thumb.on,
html[data-jr-theme="lake-dark"] .jr2-thumb.is-active,
html[data-jr-theme="lake-dark"] .pd-thumb.active {
  border-color: #ff9900 !important;
  box-shadow: 0 0 18px rgba(255, 151, 9, 0.28) !important;
}

html[data-jr-theme="lake-dark"] .jr-theme-swatch--lake {
  background: linear-gradient(90deg, #020817 0%, #ff9900 100%) !important;
}

@media (max-width: 767px) {
  html[data-jr-theme="lake-dark"] {
    --ambient-strength: 0.65;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-jr-theme="lake-dark"] *,
  html[data-jr-theme="lake-dark"] *::before,
  html[data-jr-theme="lake-dark"] *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}