/* Heritage Fiji V3.5 — 05-responsive-hardening.css
   Formatting/organization only. Rule order is preserved from V3.4. */

/* V2.1 portable and responsive hardening */
html,body {
  max-width:100%;
  overflow-x:hidden
}

*,*::before,*::after {
  box-sizing:border-box
}

img,video,svg,canvas {
  display:block;
  max-width:100%;
  height:auto
}

button,input,select,textarea {
  max-width:100%;
  font:inherit
}

.site-header {
  max-width:100vw
}

.brand {
  min-width:0
}

.brand span:last-child {
  min-width:0
}

.site-tabs-inner {
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch
}

.site-tabs-inner::-webkit-scrollbar {
  display:none
}

.site-tabs button {
  flex:0 0 auto;
  white-space:nowrap
}

.admin-table-wrap {
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}

@media(max-width:720px) {
  .site-header {
    gap:7px
  }

  .theme-button,.mobile-menu-button {
    flex:0 0 auto
  }

  .page,.home-hero,.site-hero,.section,.section-compact {
    max-width:100vw
  }

  .site-hero-content,.hero-content {
    width:min(100% - 24px,1220px)
  }

  .detail-layout,.split,.contact-grid {
    min-width:0
  }

  .card,.content-card,.info-card,.form-card,.booking-summary {
    min-width:0;
    max-width:100%
  }

  .site-tabs {
    overflow:hidden
  }

  .site-tabs-inner {
    width:100%;
    padding-inline:12px
  }

  .site-tabs button {
    padding-inline:14px
  }

  .modal-card {
    max-height:calc(100vh - 20px);
    overflow-y:auto
  }


}

@media(max-width:390px) {
  .brand strong {
    font-size:.86rem
  }

  .site-header {
    padding-inline:10px
  }

  .hero-copy h1,.site-hero h1 {
    overflow-wrap:anywhere
  }

  .btn {
    padding-inline:14px
  }


}