/* MHS mobile-fix: vergroot tap-targets op touch-apparaten zonder het desktop-design te raken.
   De hit-area wordt verruimd met een pseudo-element, zodat de layout niet verschuift. */
@media (hover: none) and (pointer: coarse) {

  /* Hamburger-menu: minimaal 44x44 */
  .elementor-menu-toggle {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }

  /* Social-icons in header en footer */
  .elementor-social-icon {
    min-width: 44px;
    min-height: 44px;
  }

  /* Losse icoon-links (o.a. terug-naar-boven, telefoon-icoon) */
  a > .elementor-icon,
  a.elementor-icon {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Tekstlinks in nav, footer en icon-lists: hit-area verticaal verruimen
     zonder de regelhoogte te veranderen. */
  .elementor-nav-menu a.elementor-item,
  .elementor-nav-menu a.elementor-sub-item,
  .elementor-icon-list-item > a,
  .bdt-ep-breadcrumb > li > a {
    position: relative;
  }

  .elementor-nav-menu a.elementor-item::after,
  .elementor-nav-menu a.elementor-sub-item::after,
  .elementor-icon-list-item > a::after,
  .bdt-ep-breadcrumb > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    bottom: -10px;
    z-index: 0;
  }

  /* Meer lucht tussen opeenvolgende footer-links, zodat de verruimde
     hit-areas elkaar niet overlappen. */
  .elementor-icon-list-items:not(.elementor-inline-items) > .elementor-icon-list-item {
    margin-bottom: 8px;
  }

  /* Formuliervelden en verzendknop comfortabel aantikbaar */
  .elementor-field-group .elementor-field,
  .elementor-field-group .elementor-select-wrapper select {
    min-height: 44px;
  }

  .elementor-widget-form .elementor-button,
  .elementor-form .elementor-button,
  .e-form__buttons .elementor-button,
  .e-form__buttons button,
  .elementor-button-wrapper > .elementor-button,
  a.elementor-button,
  button.elementor-button {
    min-height: 44px;
  }

  /* Elementor zet zelf min-height:40px op de stap-knoppen van multi-step
     formulieren; op touch moet dat 44px zijn. */
  .e-form__buttons__wrapper__button,
  .e-form__buttons .elementor-button {
    min-height: 44px !important;
  }
}

/* Voorkomt dat iOS inzoomt bij focus op een formulierveld (vereist >= 16px). */
@media (max-width: 767px) {
  .elementor-field-textual,
  .elementor-field-group textarea,
  .elementor-field-group select {
    font-size: 16px;
  }
}