/* MHS Media — correcties bovenop de Elementor-export. */

/* Blauwe balk bovenin de header (e-mail, adres, telefoon) stond op padding:0,
   waardoor hij alleen zo hoog was als de regel zelf. */
.elementor-element-69448bce {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Elementor zet de popups op een vaste width:1000px; op een telefoon loopt dat
   buiten beeld en veroorzaakt horizontale scroll. */
html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

.dialog-widget-content,
.dialog-message {
  max-width: 100% !important;
}

@media (max-width: 1060px) {
  #elementor-popup-modal-3240 .dialog-message,
  #elementor-popup-modal-2946 .dialog-message {
    width: calc(100vw - 32px) !important;
  }
}

/* Voorkomt dat afbeeldingen/iframes (video's, kaarten) breder worden dan hun kolom. */
img,
video,
iframe {
  max-width: 100%;
}

/* Tap-targets van minimaal ~44px op touch-schermen (WCAG 2.5.8). */
@media (max-width: 767px) {
  .elementor-button,
  .elementor-field-type-submit button,
  a[href^="tel:"],
  a[href^="mailto:"] {
    min-height: 44px;
  }

  .elementor-button,
  .elementor-field-type-submit button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* iOS zoomt in bij focus op velden kleiner dan 16px. */
  .elementor-field-textual {
    font-size: 16px;
  }
}