/* Home discovery layout and persistent time controls.
   Loaded after liquid-glass.css so positioning overrides do not alter the glass material. */

/* The legacy intro poster could flash briefly before a live event cover loaded.
   Keep the hero on its neutral fallback until the actual event artwork is ready. */
.stoppin-hero__image--lcp-poster {
  display: none !important;
}

@media (min-width: 768px) {
  .home-time-range-dock {
    position: sticky !important;
    top: 4.5rem;
    z-index: 45;
    isolation: isolate;
    overflow: hidden;
    background:
      linear-gradient(140deg, rgb(255 255 255 / 0.08), transparent 34%),
      rgb(7 17 31 / 0.96) !important;
    backdrop-filter: blur(24px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
  }

  /* Only the time selector needs to remain pinned. Keeping the much taller
     search/geography panel sticky created a large stacked dead zone while
     scrolling between the vibe cards and the results. */
  .stoppin-home-stage .stoppin-home-stage__content main > div > .glass.sticky {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    z-index: 30;
    margin-top: 0 !important;
    transform: none !important;
  }

  .stoppin-home-stage section[aria-labelledby="vibe-title"] {
    margin-bottom: 0.75rem !important;
  }

  /* The category row immediately precedes the advanced details panel. Show
     every published category at once instead of clipping the list horizontally. */
  .stoppin-home-stage .stoppin-home-stage__content main > div > div:has(+ details.glass) {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    padding-bottom: 0.25rem !important;
    row-gap: 0.5rem;
  }

  /* With the large search panel no longer sticky, the results only need to
     clear the desktop header and persistent time dock. */
  .stoppin-home-stage #discovery-results {
    scroll-margin-top: 10rem !important;
  }
}