/* The listening dock follows the visitor, stopping before the footer. */
body[data-page="home"] .cinema-hero { z-index: 10; }
body[data-page="home"] .cinema-hero .hero-player.royal-player {
  position: fixed;
  bottom: var(--dock-bottom, 20px);
  z-index: 30;
}
body.dialog-open[data-page="home"] .cinema-hero .hero-player.royal-player { visibility: hidden; }
@media (max-width: 760px) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player {
    bottom: var(--dock-bottom, max(14px, env(safe-area-inset-bottom)));
  }
}

body[data-page="home"] .player-footer-space { min-height: 0; box-sizing: border-box; padding-bottom: env(safe-area-inset-bottom); }

/* A subtle inner glow lends every card the same interactive finish. */
@media (hover: hover) {
  body[data-page] :is(.video-card, .story-preview-card, .genre-card, .client-name):hover {
    box-shadow: inset 0 0 34px rgba(241, 230, 217, .13), inset 0 0 3px rgba(241, 230, 217, .24) !important;
  }
}
body[data-page] :is(.video-card, .story-preview-card, .genre-card, .client-name):focus-within {
  box-shadow: inset 0 0 34px rgba(241, 230, 217, .13), inset 0 0 3px rgba(241, 230, 217, .24) !important;
}

/* Match the stronger featured-card selector used in the existing theme. */
body[data-page="home"] #featured-performance .video-card:is(:hover, :focus-within),
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card:is(:hover, :focus-within) {
  box-shadow: inset 0 0 34px rgba(241, 230, 217, .13), inset 0 0 3px rgba(241, 230, 217, .24) !important;
}