/* ===========================
   NEXTHIT - MOBILE TYPOGRAPHY FIX
   Behebt zu kleine Schriftgrößen auf Mobile (< 14px)
   =========================== */

@media (max-width: 768px) {
    /* === BODY & BASE === */
    body {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* === ÜBERSCHRIFTEN === */
    h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    h2, .h1-style {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    h4 {
        font-size: 18px !important;
    }

    h5 {
        font-size: 16px !important;
    }

    h6 {
        font-size: 14px !important;
    }

    /* === TEXT-ELEMENTE === */
    p, li, span, a, label, div {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* === BUTTONS === */
    button,
    .btn,
    .neon-button,
    .neon-button-large,
    [role="button"] {
        font-size: 16px !important;
        padding: 14px 28px !important;
        min-height: 48px !important;
    }

    /* === INPUT FIELDS === */
    input,
    textarea,
    select {
        font-size: 16px !important; /* Verhindert iOS Auto-Zoom */
        padding: 12px !important;
        min-height: 48px !important;
    }

    /* === NAVIGATION === */
    nav a,
    .nav-link,
    .menu-item {
        font-size: 16px !important;
    }

    /* === FOOTER === */
    footer,
    footer p,
    footer a,
    footer span {
        font-size: 14px !important;
    }

    /* === HERO TAGLINE === */
    .tagline,
    .hero p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* === SMALL TEXT (mindestens 12px) === */
    small,
    .small,
    .text-small {
        font-size: 12px !important;
    }

    /* === PRICING CARDS === */
    .pricing-card,
    .price-card {
        font-size: 14px !important;
    }

    .price,
    .pricing-amount {
        font-size: 24px !important;
    }

    /* === FAQ === */
    .faq-question {
        font-size: 16px !important;
    }

    .faq-answer {
        font-size: 14px !important;
    }

    /* === TESTIMONIALS === */
    .testimonial p {
        font-size: 14px !important;
    }

    .testimonial .author {
        font-size: 12px !important;
    }
}

/* === EXTRA SMALL DEVICES (< 375px) === */
@media (max-width: 374px) {
    body {
        font-size: 13px !important;
    }

    h1 {
        font-size: 24px !important;
    }

    h2, .h1-style {
        font-size: 20px !important;
    }

    button,
    .btn {
        font-size: 14px !important;
    }
}