/**
 * Mobile Font-Size Fix v4
 *
 * Яндекс Вебмастер: "Сайт не оптимизирован для мобильных устройств"
 * Проблема: "Слишком мелкий текст" — шрифты < 12px на мобильных.
 *
 * Стратегия: увеличиваем html до 16px + точечные override для контентных зон.
 * НЕ трогаем: карточки товаров, бейджи, иконки, хедер, UI-элементы.
 *
 * @since 2026-04-16
 * @version 4
 */

/* ==========================================================================
   1. BASE — html/body 16px на мобильных
   ========================================================================== */

@media (max-width: 768px) {
    html {
        font-size: 16px !important;
    }

    body {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

/* ==========================================================================
   2. КОНТЕНТНЫЕ ЗОНЫ — clamp минимум 12px
   Только внутри зон с читаемым текстом, не в карточках/UI
   ========================================================================== */

@media (max-width: 768px) {
    /* Хлебные крошки */
    .nt-breadcrumbs,
    .nt-breadcrumbs a,
    .nt-breadcrumbs span,
    .woocommerce-breadcrumb,
    .woocommerce-breadcrumb a,
    .woocommerce-breadcrumb span {
        font-size: clamp(12px, 1em, 999px) !important;
    }

    /* Описания товаров */
    .nt-full-description p,
    .nt-full-description li,
    .nt-full-description span,
    .nt-full-description a,
    .nt-full-description td,
    .nt-full-description th,
    .nt-short-description p,
    .nt-short-description span {
        font-size: clamp(12px, 1em, 999px) !important;
    }

    /* Контент статей */
    .entry-content p,
    .entry-content li,
    .entry-content span,
    .entry-content a,
    .entry-content td,
    .entry-content th,
    .default-content p,
    .default-content li,
    .default-content span,
    .default-content a,
    .default-content td,
    .default-content th {
        font-size: clamp(12px, 1em, 999px) !important;
    }

    /* Таблицы (спеки товаров, контент) */
    .default-content table,
    .default-content th,
    .default-content td {
        font-size: 13px !important;
    }

    /* Формы — 16px предотвращает зум на iOS */
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* ==========================================================================
   3. CATALOG CARDS — specs, labels, ratings
   ========================================================================== */

@media (max-width: 768px) {
    .spec,
    .spec-label,
    .spec-val {
        font-size: 12px !important;
    }

    .pc-brand {
        font-size: 12px !important;
    }

    .pc-stock,
    .pc-credit {
        font-size: 12px !important;
    }

    .pc-rating {
        font-size: 12px !important;
    }

    .pc-name {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .pc-name {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   4. CATALOG V2 — filters, tree navigation, labels
   ========================================================================== */

@media (max-width: 768px) {
    .nf-count,
    .nf-pill-count {
        font-size: 12px !important;
    }

    .nf-chip {
        font-size: 12px !important;
    }

    .nt-catalog-page .nt-stat-label {
        font-size: 12px !important;
    }

    .chip-count {
        font-size: 12px !important;
    }

    a.shop-tree-child,
    .shop-tree-child-hint,
    .shop-tree-cat-hint {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   5. PRODUCT PAGE — specs, info cards
   ========================================================================== */

@media (max-width: 768px) {
    .nt-similar-product-desc {
        font-size: 12px !important;
    }

    .nt-spec-label,
    .nt-spec-value {
        font-size: 14px !important;
    }

    .sticky-product-details h3 {
        font-size: 13px !important;
    }

    .nt-specs-info-cards .nt-info-card-title {
        font-size: 13px !important;
    }

    .nt-specs-info-cards .nt-info-card-link {
        font-size: 12px !important;
    }

    /* Upgrade блок — не ломаем overflow */
    .nt-upgrades-subtitle {
        font-size: 13px !important;
    }

    .nt-upgrade-spec {
        font-size: 12px !important;
    }

    .nt-package-item-text {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   6. BRANDS — hero stats, brand names
   ========================================================================== */

@media (max-width: 768px) {
    .nt-brand-hero-stat-nb .nt-brand-hero-stat-label {
        font-size: 12px !important;
    }

    .nt-brand-name {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   7. FOOTER — ссылки, копирайт, ИНН
   ========================================================================== */

@media (max-width: 768px) {
    .nt-footer .footer-links a,
    .nt-footer .footer-links li,
    .nt-footer .footer-section-title {
        font-size: 14px !important;
    }

    .footer-description {
        font-size: 12px !important;
    }

    .footer-copyright {
        font-size: 12px !important;
    }

    .footer-copyright span,
    .footer-inn,
    .footer-inn span {
        font-size: 12px !important;
        text-align: left !important;
    }
}

@media (max-width: 480px) {
    .footer-copyright {
        font-size: 12px !important;
    }

    .footer-description {
        font-size: 12px !important;
    }

    .footer-inn {
        text-align: left !important;
    }
}

/* ==========================================================================
   8. CTA FORM — privacy text, labels, Elementor forms
   ========================================================================== */

@media (max-width: 768px) {
    .nt-cta-privacy,
    .nt-cta-subtitle {
        font-size: 12px !important;
    }

    /* Elementor forms — не ломаем layout */
    .elementor-form .elementor-field-label {
        font-size: 13px !important;
    }

    /* CTA блоки (nt-cta-block) */
    .nt-cta-block__benefit {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   9. HOMEPAGE — stat labels
   ========================================================================== */

@media (max-width: 768px) {
    .nt-hero-stat-label,
    .nt-stat-label {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   10. ABOUT PAGE
   ========================================================================== */

@media (max-width: 768px) {
    .nt-about-breadcrumbs,
    .nt-about-breadcrumbs a,
    .nt-about-breadcrumbs span {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   11. CATALOG-WOO old styles
   ========================================================================== */

@media (max-width: 768px) {
    a.air-head__row-bottom-block-link {
        font-size: 12px !important;
    }
}