/* Approved Hoppy Trails LLC interior-page background.
   Intentionally loaded only by interior pages; home and Battlefield are excluded. */
html:has(body.interior-photo-bg) {
  background: #1e160f;
}

body.interior-photo-bg {
  isolation: isolate;
  min-height: 100vh;
  background: #1e160f !important;
}

body.interior-photo-bg::before {
  content: '' !important;
  position: fixed !important;
  inset: -1.5% !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background-image: url('/assets/hoppy-trails-festival-background.webp') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: saturate(.94) contrast(.96) !important;
}

body.interior-photo-bg::after {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(24, 16, 10, .30) 0%, rgba(24, 16, 10, .38) 55%, rgba(24, 16, 10, .48) 100%) !important;
}

body.interior-photo-bg > header,
body.interior-photo-bg > .site-header,
body.interior-photo-bg > footer,
body.interior-photo-bg > .site-footer {
  background: rgba(27, 19, 12, .78);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.interior-photo-bg > header,
body.interior-photo-bg > .site-header {
  padding-inline: clamp(14px, 2.5vw, 28px);
  border-radius: 0 0 18px 18px;
}

body.interior-photo-bg > footer,
body.interior-photo-bg > .site-footer {
  padding-inline: clamp(14px, 2.5vw, 28px);
  border-radius: 18px 18px 0 0;
}

@media (max-width: 760px) {
  body.interior-photo-bg::before {
    background-position: 57% center !important;
  }

  body.interior-photo-bg::after {
    background: linear-gradient(180deg, rgba(24, 16, 10, .40), rgba(24, 16, 10, .54)) !important;
  }
}

@media (prefers-reduced-data: reduce) {
  body.interior-photo-bg::before {
    background-image: linear-gradient(145deg, #6c4b2f, #26331d) !important;
  }
}