/**
 * Mobile touch targets (jobbmat).
 *
 * Measured on a 390px viewport: the burger and its close button were 24x24 and
 * every link inside the open menu was 23px tall — roughly half the 44px that a
 * thumb needs, on the one control that gets a site navigated. The lead form was
 * already correct (46px chips, 16px inputs); this fixes navigation and the
 * smaller inline links around it.
 *
 * Sizes are set with padding and min-height rather than font-size so nothing
 * grows visually — the target grows, the design does not.
 */

@media (max-width: 46rem) {
  /* ── the burger, and the close button inside the panel ─────────────── */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
  }

  /* The icon itself stays its original size; only the hit area grows. */
  .wp-block-navigation__responsive-container-open svg,
  .wp-block-navigation__responsive-container-close svg {
    width: 24px;
    height: 24px;
  }

  /* ── links inside the open menu ────────────────────────────────────── */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-block: 0.35rem;
    width: 100%;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    gap: 0.25rem;
  }

  /* ── the wordmark in the header ────────────────────────────────────── */
  .dw-wordmark,
  .wp-block-site-title a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* ── breadcrumbs ───────────────────────────────────────────────────────
     Inline links in a trail, so a full 44px block would break the line. They
     get a 44px hit area via padding while the text stays where it sits. */
  .dw-smulor__link,
  .dw-smulor__here {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .dw-smulor {
    padding-top: 1rem;
  }

  /* ── FAQ rows ──────────────────────────────────────────────────────────
     summary already carries min-height 44, but confirm it survives the
     narrower layout where the question wraps to two lines. */
  .dw-fragor__q {
    padding-block: 0.85rem;
  }
}