/* Season notification bar styling */
/* Position notification bar at the top of the page with high z-index */
.bg-red-50.py-1 {
  position: sticky;
  top: 0;
  z-index: 100; /* High enough to be above most content, but below modals */
}

/* Adjust sidebar positioning when notification is present */
body.has-season-notice .lg\:inset-y-0 {
  top: 24px; /* Add padding to the top of the sidebar when notification is present */
}

/* Add spacing for main content */
body.has-season-notice main {
  padding-top: 4px; /* Additional padding for main content */
}

@media (max-width: 1023px) {
  body.has-season-notice main {
    padding-top: 6px; /* Add a little extra padding for mobile */
  }
}

/* Adjust the feedback button and mobile sidebar toggle position when notification is present */
body.has-season-notice .fixed.top-4.right-4 {
  top: 28px; /* Move these elements down a bit when notification bar is present */
}

/* Adjust the sticky header position for non-logged-in users */
body.has-season-notice .sticky.top-0 {
  top: 24px; /* Move the sticky header down when the notification bar is present */
}