/**
 * Lake Dark adaptive ambient blending — CSS layer
 * Navy base + softened image colour via --media-primary-rgb / --media-secondary-rgb
 * Orange actions stay brand orange. Text colours do not adapt.
 */

html[data-jr-theme="lake-dark"] {
  --media-primary-rgb: 166, 89, 15;
  --media-secondary-rgb: 20, 46, 65;
  --lp-rgb: var(--media-primary-rgb);
  --ambient-strength: 1;
}

html[data-jr-theme="lake-dark"] body.jr-listing-v2-page,
html[data-jr-theme="lake-dark"] .jr2-page.jr2-listing,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-listing-shell {
  background:
    radial-gradient(
      760px 560px at 18% 34%,
      rgba(var(--media-primary-rgb, 166, 89, 15), calc(0.28 * var(--ambient-strength, 1))),
      transparent 68%
    ),
    radial-gradient(
      640px 500px at 82% 44%,
      rgba(var(--media-secondary-rgb, 20, 46, 65), calc(0.18 * var(--ambient-strength, 1))),
      transparent 72%
    ),
    linear-gradient(180deg, #020817 0%, #04111f 48%, #020712 100%) !important;
  transition: background 500ms ease;
}

html[data-jr-theme="lake-dark"] body.jr-listing-v2-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--media-primary-rgb, 166, 89, 15), calc(0.12 * var(--ambient-strength, 1))),
    transparent 46%
  );
  transition: background 500ms ease, opacity 500ms ease;
}

html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .page-wrapper,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-root,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-page,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-listing-shell,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-listing-accent {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-page,
html[data-jr-theme="lake-dark"] body.jr-listing-v2-page .jr2-listing-shell {
  max-width: min(1240px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Gallery media glow — mockup style */
html[data-jr-theme="lake-dark"] .jr2-gallery-card {
  background:
    linear-gradient(
      145deg,
      rgba(var(--media-primary-rgb, 166, 89, 15), 0.24),
      #02070c 76%
    ) !important;
  border: 1px solid rgba(var(--media-primary-rgb, 166, 89, 15), 0.42) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.45),
    0 0 70px rgba(var(--media-primary-rgb, 166, 89, 15), 0.16) !important;
  border-radius: 16px !important;
  transition: background 500ms ease, border-color 400ms ease, box-shadow 400ms ease;
}

html[data-jr-theme="lake-dark"] .jr2-hero-shell,
html[data-jr-theme="lake-dark"] .jr2-hero-accent {
  overflow: hidden !important;
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(var(--media-primary-rgb, 166, 89, 15), 0.28),
      transparent 62%
    ),
    #02070c !important;
  transition: background 500ms ease;
}

html[data-jr-theme="lake-dark"] .jr2-hero-accent-backdrop {
  display: block !important;
  opacity: 1 !important;
  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(var(--media-primary-rgb, 166, 89, 15), 0.32),
      transparent 64%
    ) !important;
  transition: background 500ms ease !important;
}

/* Full-bleed cover — no empty side gap */
html[data-jr-theme="lake-dark"] .jr2-hero-track {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

html[data-jr-theme="lake-dark"] .jr2-hero-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-jr-theme="lake-dark"] .jr2-hero-slide img,
html[data-jr-theme="lake-dark"] .jr2-hero-shell img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  z-index: 2 !important;
}

/* Brand actions stay orange — never image-driven */
html[data-jr-theme="lake-dark"] .jr2-buy,
html[data-jr-theme="lake-dark"] a.jr2-buy,
html[data-jr-theme="lake-dark"] .jr2-btn-primary,
html[data-jr-theme="lake-dark"] .post-ad-btn {
  background: linear-gradient(180deg, #ffad26, #ff9900) !important;
  color: #111 !important;
  border-color: transparent !important;
}

html[data-jr-theme="lake-dark"] .jr2-price {
  color: #ff9900 !important;
}

html[data-jr-theme="lake-dark"] .jr2-thumb.on,
html[data-jr-theme="lake-dark"] .jr2-thumb.is-active {
  border-color: #ff9900 !important;
  box-shadow: 0 0 18px rgba(255, 153, 0, 0.24) !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"] body.jr-listing-v2-page,
  html[data-jr-theme="lake-dark"] .jr2-gallery-card,
  html[data-jr-theme="lake-dark"] .jr2-hero-shell,
  html[data-jr-theme="lake-dark"] .jr2-hero-accent-backdrop {
    transition: none !important;
  }
}