/* MN Mobile UX — Tokens (Spacing/Container) */

:root {
  --mn-space-mobile-x: 16px;
  --mn-space-tablet-x: 24px;
  --mn-section-y-mobile: 48px;
  --mn-section-y-mobile-hero-top: 16px;
  --mn-section-y-mobile-hero-bottom: 32px;
  --mn-section-y-mobile-cta: 40px;
  --mn-radius-card: 14px;
  --mn-radius-hero: 22px;
}

/* Mobile — ≤ 767 px */
@media (max-width: 767px) {
  html body .elementor .e-parent,
  html body.elementor-page .elementor .e-parent {
    padding-left: var(--mn-space-mobile-x) !important;
    padding-right: var(--mn-space-mobile-x) !important;
    padding-top: var(--mn-section-y-mobile) !important;
    padding-bottom: var(--mn-section-y-mobile) !important;
  }

  /* Alle geschachtelten Container killen vertikales + horizontales Innenpadding */
  html body .elementor .e-parent.e-con .e-con.e-flex,
  html body .elementor .e-parent.e-con .e-con.e-child,
  html body .elementor .e-parent.e-con .e-con-inner,
  html body .elementor .e-parent.e-con .elementor-widget-wrap,
  html body .elementor .e-parent .e-con.e-flex,
  html body .elementor .e-parent .e-con.e-child,
  html body .elementor .e-parent .e-con-inner,
  html body .elementor .e-parent .elementor-widget-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Hero-Sektion (manuell per mn-hero-Klasse markiert ODER first-of-type) */
  html body .elementor .e-parent.mn-hero,
  html body .elementor main > .elementor .e-parent:first-of-type,
  html body .elementor .elementor .e-parent:first-child {
    padding-top: var(--mn-section-y-mobile-hero-top) !important;
    padding-bottom: var(--mn-section-y-mobile-hero-bottom) !important;
  }

  html body .elementor .e-parent.mn-cta {
    padding-top: var(--mn-section-y-mobile-cta) !important;
    padding-bottom: var(--mn-section-y-mobile-cta) !important;
  }
}

/* Tablet — 768–1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  html body .elementor .e-parent {
    padding-left: var(--mn-space-tablet-x) !important;
    padding-right: var(--mn-space-tablet-x) !important;
  }
}