/* Exact live React selectors for the drop-promo/player stacking bug. */
.drop-promo {
  z-index: 12000 !important;
  padding-bottom: 1rem !important;
}
.drop-promo__card { z-index: 1 !important; }
/* Scroll locking is owned by annias-alien-eaff.js. Do not lock the page merely
   because React has kept the promo shell mounted in the DOM. */
body.annias-modal-open .player-bar,
body.annias-modal-open .player-bar.is-expanded,
body.annias-modal-open .player-bar.is-live,
body.annias-modal-open .player-bar.is-expand-leaving {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-12px) !important;
}

/* The player is intentionally pinned to the top by the legacy portal layer.
   Reserve its full rendered band before the first portal navigation so the
   utility links cannot sit underneath it or lose pointer hit-testing. */
.page {
  padding-top: 156px !important;
}

.page > .topnav {
  position: relative !important;
  z-index: 100 !important;
  isolation: isolate;
}

.page > .topnav .social-ribbon {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
}

@media (max-width: 900px) {
  .page {
    padding-top: 156px !important;
  }
}
