/* Global app background — static ireland_bg image (no animated particles) */

html.app-page-scroll {
  scroll-behavior: auto;
  scroll-padding-top: calc(56px + env(safe-area-inset-top, 0px));
}

html:has(#filter_header:not(.d-none)):not(:has(.live-schedule-page)) {
  scroll-padding-top: calc(56px + env(safe-area-inset-top, 0px) + 4rem);
}

body.app-page-bg:has(#filter_header:not(.d-none)):not(:has(.live-schedule-page)) #appCapsule {
  padding-top: calc(56px + env(safe-area-inset-top, 0px) + 4rem) !important;
}

body.app-page-bg {
  background: #0b2412 url("../img/ireland_bg.png") center center / cover no-repeat scroll !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}

body.app-page-bg::before {
  display: none;
}

body.app-page-bg #appCapsule {
  padding-top: calc(56px + env(safe-area-inset-top, 0px));
  padding-bottom: 2.5rem;
  padding-left: max(1rem, env(safe-area-inset-left, 0px));
  padding-right: max(1rem, env(safe-area-inset-right, 0px));
  margin-top: 0;
  background: transparent !important;
  background-color: transparent !important;
  z-index: 2;
  box-sizing: border-box;
}

/* Side inset is handled by #appCapsule — avoid double horizontal padding */
body.app-page-bg #appCapsule .section:not(.full) {
  padding-left: 0;
  padding-right: 0;
}

body.app-page-bg #appCapsule .home-dashboard {
  padding-left: 0;
  padding-right: 0;
}

body.app-page-bg #appCapsule .live-schedule-page {
  padding-left: 0;
  padding-right: 0;
}

body.app-page-bg .appHeader {
  position: fixed !important;
  top: env(safe-area-inset-top, 0px);
  left: 0;
  right: 0;
  z-index: 999;
}