/*
 * Fixed line-art assignments.
 *
 * Each illustration belongs to one named location. These assignments are
 * deliberately static: they do not rotate or change when the page reloads.
 */

.stats-reference-goal-decor {
  content: url("./line-art/tea-books-ivy-overlay.svg") !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.library-check-page > .scan-panel:not(.scan-review-panel)::after,
html[data-theme="dark"] .library-check-page > .scan-panel:not(.scan-review-panel)::after {
  background-image: url("./line-art/lantern-books-leaves-overlay.svg") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* Preserve the illustration's original soft beige line colour in light mode. */
#root .app-shell[data-theme="light"] .library-check-page > .scan-panel:not(.scan-review-panel)::after,
#root .app-shell.shelf-visual-light .library-check-page > .scan-panel:not(.scan-review-panel)::after {
  opacity: .82 !important;
  filter: none !important;
}

/* Allow small owner adjustments while keeping the art clear of the controls. */
.library-check-page > .scan-panel:not(.scan-review-panel).cosy-artwork-adjusted-after::after {
  translate:
    clamp(-40px, var(--cosy-art-x, 0px), 40px)
    clamp(-30px, var(--cosy-art-y, 0px), 30px) !important;
  scale: clamp(.7, var(--cosy-art-scale, 1), 1.35) !important;
}

.library-check-page > .scan-panel:not(.scan-review-panel) > * {
  position: relative;
  z-index: 1;
}

.app-shell.home-app-mode .read-next-wishlist-note::after {
  background-image: url("./line-art/open-book-botanical-overlay.svg") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

.home-community-art {
  content: url("./line-art/book-stack-plants-overlay.svg") !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}