/* REPPTRADE v4.4.34 — profile show color, actor art rotation and Recently Added hover.
   Corrects legacy background-layer invalidity for single-color shows; preserves
   all existing show palettes and per-show title color customizations elsewhere. */

/* CSS background colors cannot occupy an intermediate layer. The older
   '--show-tile-bg padding-box, --show-easy-border border-box' rule became invalid
   for primary-only shows because both values were flat colors. Both new vars
   are guaranteed gradient *images*, including when they represent one solid. */
body[data-ui-theme="modern"] #rc440Overlay .rc450-show-wrap .rc450-show-row .rc440-actor-show,
body[data-ui-theme="modern"] #rc440Overlay .rc447-master-card > summary{
  background:var(--rc434-profile-fill,linear-gradient(#132a40,#132a40)) padding-box,
             var(--rc434-profile-border,linear-gradient(#132a40,#132a40)) border-box!important;
  color:var(--profile-tile-ink,#ffffff)!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc450-show-wrap .rc450-show-row .rc440-actor-show :is(strong,small),
body[data-ui-theme="modern"] #rc440Overlay .rc447-master-card > summary :is(strong,small){
  color:var(--profile-tile-ink,#ffffff)!important;
  -webkit-text-fill-color:var(--profile-tile-ink,#ffffff)!important;
}
/* When an artwork overlay actually appears, its dark scrim calls for white ink.
   Without one, keep the contrast color chosen from the true tile fill. */
body[data-ui-theme="modern"] #rc440Overlay .rc450-show-wrap[style*="--role-image"] .rc440-actor-show:hover :is(strong,small),
body[data-ui-theme="modern"] #rc440Overlay .rc447-master-card[style*="--role-image"] > summary:hover :is(strong,small){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc450-show-wrap:not([style*="--role-image"]) .rc440-actor-show:hover :is(strong,small),
body[data-ui-theme="modern"] #rc440Overlay .rc447-master-card:not([style*="--role-image"]) > summary:hover :is(strong,small){
  color:var(--profile-tile-ink,#fff)!important;
  -webkit-text-fill-color:var(--profile-tile-ink,#fff)!important;
}

/* The actor's headshot remains the complete left rail. Only the right side
   reveals the selected show's darkened square/header artwork. The JS class is
   the source of hover activation so old focus/hover rules cannot hold a stale
   first frame on top of the next image. */
body[data-ui-theme="modern"] #libraryCast .rc440-actor-grid .rc442-actor-card .rc442-art-layer{
  position:absolute!important;
  inset:0 0 0 var(--rc431-photo-width,88px)!important;
  background-position:center center!important;
  background-size:cover!important;
  opacity:0!important;
  z-index:1!important;
  pointer-events:none!important;
  transition:opacity .30s ease!important;
}
body[data-ui-theme="modern"] #libraryCast .rc440-actor-grid .rc442-actor-card.rc434-artwork-active .rc442-art-layer.rc442-visible{
  opacity:1!important;
}
body[data-ui-theme="modern"] #libraryCast .rc440-actor-grid .rc442-actor-card .rc440-actor-portrait{
  z-index:3!important;
}
body[data-ui-theme="modern"] #libraryCast .rc440-actor-grid .rc442-actor-card .rc440-actor-text{
  z-index:4!important;
}

/* Recently Added: the pre-existing layer formerly depended on an inline art
   style and several competing historic opacity overrides. Use a dedicated
   variable on the parent and paint a readable overlay above its theme fill. */
body[data-ui-theme="modern"] #libraryRecent .recent-card .recent-hover-art{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  background-image:linear-gradient(100deg,rgba(3,8,17,.37),rgba(3,8,17,.64)),var(--rc434-recent-art,none)!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:grayscale(.05) saturate(.98) brightness(.90)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .34s ease!important;
}
body[data-ui-theme="modern"] #libraryRecent .recent-card:is(:hover,:focus-within) .recent-hover-art,
body[data-ui-theme="modern"].rc419-artwork-view #libraryRecent .recent-card:is(:hover,:focus-within) .recent-hover-art{
  opacity:.94!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #libraryRecent .recent-card:not(:hover):not(:focus-within) .recent-hover-art{
  opacity:.78!important;
}
body[data-ui-theme="modern"] #libraryRecent .recent-card :is(.recent-added,.recent-logo,.recent-main,.recent-actions){
  position:relative!important;
  z-index:2!important;
}
body[data-ui-theme="modern"] #libraryRecent .recent-card:is(:hover,:focus-within) :is(.recent-title,.recent-show,.recent-added,.recent-meta span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
}
@media(prefers-reduced-motion:reduce){
  body[data-ui-theme="modern"] #libraryRecent .recent-card .recent-hover-art,
  body[data-ui-theme="modern"] #libraryCast .rc440-actor-grid .rc442-actor-card .rc442-art-layer{transition:none!important}
}