/* Mobile/tablet overrides — load after style.css */

/* Header (tablet and below): the hidden "Call Now" spacer only exists to position
   the email on desktop; hide it so it doesn't leave a blank line under the logo */
@media (max-width: 991px) {
  .header-uper .contact-info .item[aria-hidden="true"] {
    display: none !important;
  }
  .header-uper .contact-info {
    float: none;
  }
}

/* Mobile only */
@media (max-width: 767px) {
  /* Header: hide the email block and pull the Book Now button up */
  .header-uper .contact-info {
    display: none;
  }
  .header-uper .right-side .link-btn {
    margin-left: 0;
    margin-top: 0;
  }

  /* Space under the page banner: style.css adds margin-top:50px to .story-content on top of
     the section's 100px padding, so About and Flow With Us sit lower than the other pages */
  .story > .container > .row:first-child .story-content {
    margin-top: 0;
  }

  /* Footer: hide the location/email icons and center everything */
  .footer-main .footer-top .col-md-4 {
    text-align: center !important;
    padding-left: 15px !important;
  }
  .footer-main .footer-top .location-link .item {
    padding-left: 0;
  }
  .footer-main .footer-top .location-link .item i {
    display: none;
  }
}

@media (max-width: 575px) {
  /* Side-by-side button pairs wrap onto separate lines on phones — give them breathing room */
  .row.justify-content-center > .col-auto:not(:last-child) {
    margin-bottom: 12px;
  }
}