/**
 * Текст не мельче 12px на телефонах и планшетах.
 *
 * Рекомендация Яндекс Вебмастера «Сайт не оптимизирован для мобильных
 * устройств» → «Много мелкого текста» (24.09.2026): инструмент проверки
 * мобильных страниц советует от 12px. Замер на 390px: названия товаров в
 * карточках — 11,998px (0.857em темы) и это треть текста листингов,
 * куки-плашка — 10px, надзаголовки первого экрана — 11px.
 *
 * Правки только там и только на тех ширинах, где текст был мельче 12px.
 * С 992px тема сама ставит карточкам 1em, куки-плашке с 576px — 12px,
 * надзаголовкам с 768px — 13px: компьютер не меняется.
 *
 * max(12px, …) — не меньше 12px и не меньше, чем было: там, где родитель
 * крупнее, остаётся размер темы. Браузер без max() пропустит правило
 * и покажет как раньше.
 *
 * Селекторы на один класс сильнее темы, чтобы не зависеть от порядка
 * подключения файлов (hero.css и pages.css грузятся не на всех страницах).
 *
 * Откат: убрать подключение rentdevice-mobile-text в functions.php.
 */

/* Куки-плашка: переменная темы 10px до 576px */
@media (max-width: 575.98px) {
	body .cookie-accept {
		--rentdevice-accept-font-size: 12px;
	}
}

/* Надзаголовки первого экрана: главная и контентные страницы, 11px до 768px */
@media (max-width: 767.98px) {
	.rentdevice-hero .rentdevice-hero__eyebrow,
	.rd-hero .rd-hero__eyebrow {
		font-size: 12px;
	}
}

/* Карточки товаров, «Заказать» в баннерах главной, раздел над названием товара:
   0.857em и 0.833em от 14px — до 992px */
@media (max-width: 991.98px) {
	body .woocommerce-loop-product__title {
		font-size: max(12px, .857em);
	}

	body .da-block .da-action {
		font-size: max(12px, .833em);
	}

	body.single-product .single-product-wrapper .loop-product-categories {
		font-size: max(12px, .857em);
	}
}

/* Поля форм 16px на телефоне и планшете (пункт 2.5.3, 29.09.2026): при размере
   меньше 16px Safari на iPhone приближает страницу при нажатии в поле. Только поля
   ввода, текст страницы не меняется. Виджет чата красит поля своими стилями,
   поэтому там !important */
@media (max-width: 991.98px) {
	.wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
	.wpcf7 select,
	.wpcf7 textarea,
	input.search-field,
	body .handheld-header-v2 .site-search .widget.widget_product_search form input.search-field,
	body .rentdevice-404 input.rentdevice-404__search-input,
	form.cart input.input-text,
	form.cart .qty,
	.woocommerce-cart-form .qty,
	.woocommerce-checkout input.input-text,
	.woocommerce-checkout select,
	.woocommerce-checkout textarea {
		font-size: 16px;
	}

	.ws-offline-input {
		font-size: 16px !important;
	}
}