/* ============================================================================
   Site-specific overrides — layered on top of the 1:1 WP `main.css`.
   Keep this file small; it's for spacing/layout tweaks that the ported theme
   needs under the new Wagtail block structure (where sections are sibling
   StreamField blocks rather than WP's nested template includes).
   ============================================================================ */

/* Wagtail wraps every StreamField block in a `.block-{type}` div, so a section
   and the one after it are NOT adjacent siblings (e.g. `.header--service-page`
   and `.price` live in separate `.block-*` wrappers). Spacing therefore has to
   go on the wrappers, not on the inner elements. */

/* Equipment pages: separate the price cards from the dark hero banner above. */
.block-intro {
  margin-bottom: 100px;
}

/* Mobile menu panel (`.navigation__bar`, opened by the burger). main.css lays it out as a
   centered column but leaves the search form at its intrinsic width, which overflows narrow
   phones; make it fill the panel and let the panel scroll on short screens. */
@media (max-width: 991.98px) {
  .navigation__bar {
    overflow-y: auto;
  }
  .navigation__bar .search-navigation {
    width: 100%;
    max-width: 420px;
    margin-bottom: 25px;
  }
  .navigation__bar .search-navigation__input {
    min-width: 0;
    font-size: 16px;
  }
}