/* Spiritual Gorillaz 1.0.8 — phone input, owner-logo and bounded-menu accessibility fixes. */

/* Owner-published logos keep their intrinsic ratio but must remain inside the
   verified public-header envelope, including unusually tall uploaded images. */
.site-header .brand-logo-wrap .site-logo {
  width: auto !important;
  height: auto !important;
  max-width: 174px !important;
  max-height: 77px !important;
  object-fit: contain !important;
}

@media (max-width: 820px) {
  /* The disclosure is intentionally bounded even on taller phones. That keeps
     it clear of the persistent player and guarantees a real scroll container
     when all public destinations are available. public.js still supplies the
     smaller live viewport limit when needed. */
  .site-header .public-nav {
    max-height: min(260px, var(--menu-max-height, 260px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scroll-padding-block: 14px;
    padding-bottom: 20px !important;
  }

  .site-header .brand-logo-wrap .site-logo {
    max-width: 142px !important;
    max-height: 72px !important;
  }

  /* Prevent iOS/phone zoom and keep all real booking, Search and commerce
     controls readable. */
  .concept-booking .public-form input:not([type="checkbox"]),
  .concept-booking .public-form select,
  .concept-booking .public-form textarea,
  .header-search-fields input,
  .header-search-fields select,
  .product-details .public-form select[name="variant_id"],
  .product-details .public-form input[name="quantity"],
  .cart-edit input[name="quantity"],
  .shop-filter input,
  .shop-filter select {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
}