html { scroll-behavior: smooth; }
body { padding-bottom: 5rem; }
.parallax { background-position: center; background-size: cover; }
.holistic-box { background-color: rgba(255,255,255,0.4); }
@media(min-width:768px){ .holistic-box { background-color: rgba(255,255,255,0.8);} }

/* images */
.holistic { background-image: url('images/holistic.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .holistic { background-image: url('images/holistic-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.corporate { background-image: url('images/corporate.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .corporate { background-image: url('images/corporate-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.mindful-massage { background-image: url('images/mindful.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .mindful-massage { background-image: url('images/mindful-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.lymphatic-drainage { background-image: url('images/lymphatic-drainage.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .lymphatic-drainage { background-image: url('images/lymphatic-drainage.jpg'); background-repeat: no-repeat; background-position: center; } }
.sports-maintenance { background-image: url('images/sports-maintenance.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .sports-maintenance { background-image: url('images/sports-maintenance-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.chair { background-image: url('images/chair.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .chair { background-image: url('images/chair.jpg'); background-repeat: no-repeat; background-position: center; } }
.add-ons { background-image: url('images/add-ons.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .add-ons { background-image: url('images/add-ons.jpg'); background-repeat: no-repeat; background-position: center; } }
.pricing { background-image: url('images/pricing.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .pricing { background-image: url('images/pricing-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.client-stories { background-image: url('images/client-stories.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .client-stories { background-image: url('images/client-stories-mobile.jpg'); background-repeat: no-repeat; background-position: center; } }
.about { background-image: url('images/about.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .about { background-image: url('images/about.jpg'); background-repeat: no-repeat; background-position: center; } }
.blog { background-image: url('images/blog.jpg'); background-repeat: no-repeat; background-position: center top; }
@media(min-width:768px) { .blog { background-image: url('images/blog.jpg'); background-repeat: no-repeat; background-position: center; } }


@media (max-width: 799px), (max-height: 599px) {
  #nav-menu.open {
    display: flex !important;
  }
}

/* --- iPhone landscape / short-height rescue --- */
@media (max-height: 600px) {
  /* Don’t force full-screen sections on short viewports */
  .md\:h-screen { height: auto !important; min-height: 0 !important; }

  /* Disable parallax/fixed backgrounds (iOS Safari glitches here) */
  .parallax { background-attachment: scroll !important; }

  /* Give content a bit more breathing room */
  section { padding-top: 1rem; padding-bottom: 1rem; }

  /* Slim the booking bar so it doesn’t crowd everything */
  #booking-bar { padding: 0.5rem 0.75rem !important; }
  #booking-bar .text-xs,
  #booking-bar .md\:inline-block { display: none !important; } /* hide the tiny copyright + desktop-only text */
}

/* 1) Handle short viewports (e.g., iPhone landscape ~430px tall) */
@media (max-height: 500px) {
  /* Stop trying to be 100vh on short screens */
  .md\:h-screen { height: auto !important; min-height: 0 !important; }

  /* Disable parallax/fixed bg (buggy on iOS + wastes height) */
  .parallax { background-attachment: scroll !important; }

  /* Give sections some breathing room without eating height */
  section { padding-top: 0.75rem; padding-bottom: 0.75rem; }

  /* Slim the booking bar */
  #booking-bar { padding: 0.5rem 0.75rem !important; }
  /* Optional: hide non-critical text to save lines */
  #booking-bar .text-xs { display: none !important; }
}

/* 2) Extra safety: iOS Safari has issues with background-attachment: fixed */
@supports (-webkit-touch-callout: none) {
  .parallax { background-attachment: scroll !important; }
}

/* 3) Treat touch devices as mobile-ish even if wide */
@media (hover: none) and (pointer: coarse) {
  /* Same as mobile: ensure “Book” labels don’t misalign */
  .btn-book-mobile { display: inline !important; }
  .btn-book-desktop { display: none !important; }
}