/* ------------------------------------------------------------------
   Mobile menu (Elementor popup 767) tweaks for the static build.
   Loaded last so it wins the cascade without touching generated CSS.
   ------------------------------------------------------------------ */

/* 1. language flags side by side instead of stacked full-width rows */
.elementor-popup-modal li.wpml-ls-item {
  display: inline-block !important;
  width: auto !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
}
.elementor-popup-modal li.wpml-ls-item > a.elementor-item,
.elementor-popup-modal li.wpml-ls-item > a {
  padding: 0.3rem 0.45rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* the flag source is only 18x12 - rendering it larger upscales and blurs it,
   so cap at native width and let height follow. */
.elementor-popup-modal li.wpml-ls-item img.wpml-ls-flag {
  width: 18px !important;
  height: auto !important;
  max-height: none !important;
  display: block;
}

/* 2. tighten the space around the phone / e-mail block */
.elementor-popup-modal .elementor-widget-icon-list .elementor-widget-container {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.elementor-popup-modal .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child) {
  margin-bottom: 0.25rem !important;
}
.elementor-popup-modal .elementor-widget-icon-list .elementor-icon-list-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 3. faster open / close transition (was 1.2s) */
.elementor-popup-modal .dialog-widget-content.animated,
.elementor-popup-modal .dialog-message.animated,
.elementor-popup-modal.animated {
  animation-duration: 0.35s !important;
}
.elementor-popup-modal .dialog-widget-content {
  transition-duration: 0.35s !important;
}

/* 4. the popup is taller than a phone screen, so anything at the bottom
   (Impressum) was unreachable - cap it to the viewport and allow scrolling.
   dvh first so the mobile browser toolbar does not push content off-screen. */
.elementor-popup-modal .dialog-widget-content {
  max-height: 100vh;
  max-height: 100dvh;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 5. claw back vertical space on small screens so the footer link fits */
@media (max-width: 767px) {
  .elementor-popup-modal .elementor-nav-menu > li:not(:last-child) {
    margin-bottom: 12px !important;
  }
  .elementor-popup-modal .elementor-widget-wrap {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

/* ------------------------------------------------------------------
   6. contact form: the theme's global typography sets text-transform:
   capitalize on form fields (live does this too), which renders an
   e-mail address as "Andi@Gmail.Com". Purely visual - the submitted
   value was always correct - but confusing, so turn it off.
   ------------------------------------------------------------------ */
form.elementor-form input,
form.elementor-form textarea,
form.elementor-form .elementor-field,
form.elementor-form .elementor-field-textual {
  text-transform: none !important;
}