/* =====================================================
   Mobile-Fixes - Walter-Pflicht-Patches
   Tested @ 320px / 375px / 414px / 768px
   ===================================================== */

/* iOS Safe-Area + Form-Zoom-Fix */
@supports (padding: max(0px)) {
    body { padding-bottom: env(safe-area-inset-bottom); }
}

/* --- Hero auf Mobile --- */
@media (max-width: 767px) {
    .hero { padding-block: clamp(2.5rem, 8vw, 4rem); }
    .hero__inner { text-align: left; }
    .hero__headline {
        font-size: clamp(1.75rem, 8vw, 2.75rem) !important;
        hyphens: auto;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

/* --- Funnel auf Mobile --- */
@media (max-width: 640px) {
    .funnel { border-radius: var(--radius-xl); }
    .funnel__header,
    .funnel__body,
    .funnel__nav { padding-inline: var(--space-4); }
    .funnel__body { padding-block: var(--space-5); }
    .funnel__question { font-size: var(--text-h4) !important; }

    .choices--2col,
    .choices--3col,
    .choices--4col { grid-template-columns: 1fr; }

    .choice { padding: var(--space-3) var(--space-4); min-height: 56px; }

    .funnel__nav { flex-direction: column-reverse; }
    .funnel__nav .btn { width: 100%; }
    .funnel__nav .btn--ghost { margin-right: 0; order: 2; }
}

/* --- Trust-Row auf Mobile --- */
@media (max-width: 480px) {
    .trust-row { gap: var(--space-3); padding: var(--space-3); }
    .trust-row__item { font-size: var(--text-micro); }
}

/* --- Header auf Mobile --- */
@media (max-width: 380px) {
    .site-header__inner { gap: var(--space-2); }
    .site-header__logo span { display: none; }
    .site-header__logo img { height: 32px; }
}

/* --- Footer auf Mobile --- */
@media (max-width: 480px) {
    .site-footer__bottom { flex-direction: column; gap: var(--space-2); align-items: flex-start; }
}

/* --- Choice-Card mit Slot-Days (4-col grid bei genug Breite) --- */
@media (min-width: 481px) and (max-width: 767px) {
    .choices--4col { grid-template-columns: repeat(5, 1fr); gap: var(--space-2); }
    .choices--4col .choice { padding: var(--space-2) var(--space-3); align-items: center; min-height: 48px; }
    .choices--4col .choice__title { font-size: var(--text-small); }
}

/* Anti-Overflow Hardening - Walter-Lesson */
section, .hero, .funnel, .container {
    max-width: 100vw;
    overflow-wrap: anywhere;
}

/* === Mitfliegender CTA (mobil) === */
@media (max-width: 640px) {
  .ed-nav {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin: 24px -22px -24px;
    padding: 12px 22px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,0.94);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .ed-nav .ed-btn-primary { flex: 1; margin-left: 12px; }
}