/* ===============================
   APP ONLY STYLES
=============================== */

/* Hide unnecessary elements for app view */
#hero-container,
.site-header,
.footer,
.back-button,
#bloc-10,
#bloc-8,
#bloc-13,
.footer-copy,
.listenbackapp,
.scheduleapp,
.videosapp,
.newsapp,
.eventsapp,

.bloc-button.btn.btn-d.scrollToTop {
  display: none !important;
}

/* Layout and spacing adjustments */
#body {
  margin-top: 30px;
  margin-bottom: 110px;
  padding: 0;
}

#page-content {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.bloc-lg {
  padding: 40px 0 !important;
}

.appwrap,

.schedule-container,
.video-grid {
  margin-bottom: 200px !important; 
  margin-top: 70px !important;
} 


    .section-header {
        position: relative;   /* or static is fine too */
        overflow: visible;    /* 🔥 this is KEY */
      }

.listen-grid {
  margin-bottom: 180px !important;
  margin-top: 70px;
}

.listen-archive-container {
  min-height: 930px;
}

/* Sticky audio player fix */
.sticky-player-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateZ(0); /* 🔥 iOS fix */
  backface-visibility: hidden; /* 🔥 iOS fix */
  will-change: transform;
}

.listen-archive-container{
  margin-top: 40px;
}
.rosterwrap{
margin-top: 120px;
margin-bottom: 200px!important;
padding-bottom: 200px!important;

}
.tracklist-wrapper {
  margin-top: 70px !important;
}
.sticky-player {
  bottom: 70px; /* Adjust based on app menu height */
}

/* Prevent rubber-band scrolling on iOS */
html, body {
  overscroll-behavior: none;
  scroll-behavior: smooth;
  margin: 0;
}

/* Back link override */
.back-link {
  display: block !important;
  color: #fff !important;
}
.back-text {
  display: block !important;
  color: #fff !important;
}

/* Sticky section heading */
.sticky-heading {
  position: sticky !important;
  top: 0!important;
  background: black !important;
  z-index: 10 !important;
  padding: 10px 0 !important;
  
}

.prebutton {
  display: block !important;
  text-decoration: none;
  padding: 10px 18px;
  background: linear-gradient(90deg, #787878, #494949);
  color: white;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px;;
  text-decoration: none;
  border-radius: 30px;
  font-size: 14px;

  transition: all 0.25s ease-in-out;
}

.prebutton:hover {
  display: block !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 92, 170, 0.4);
  background: linear-gradient(90deg, #ff87b2, #ff5caa);
}

.back-link-wrapper {
  display: block !important;

 }

 div.container .prebutton {
  display: block !important;
}