/**
 * Клик-зоны на телефоне не меньше 44 × 44 (аудит 7.14, 25.09.2026).
 *
 * Зона нажатия растягивается без изменения вида: у иконок — невидимым
 * квадратом ::after 44 × 44 по центру (размером, а не отступами: у части
 * кнопок рамка, и отступ от неё давал 42), у текстовых ссылок — полями
 * с отрицательным отступом (строка не раздвигается). Где у элемента
 * ::before/::after уже заняты темой (подчёркивание вкладок), — полями.
 *
 * Мерили в headless Chrome с эмуляцией телефона: нажатие в 21px от центра
 * по восьми направлениям должно попадать в сам элемент. Не трогали ссылки
 * внутри текста абзацев (исключение WCAG для строчных ссылок) и перечни
 * разделов товара через запятую: они переносятся, и расширенная зона нижней
 * строки ложилась на верхнюю — нажатие открывало соседний раздел (рецензия
 * 25.09.2026). Ещё не трогали галочки согласия (нажимается вся подпись)
 * и картинку галереи (нажимается целиком).
 *
 * Хлебные крошки — в breadcrumbs.css, теги — в tags.css.
 */

/* ============ Шапка и полоса с почтой (есть до 1199px) ============ */

/* Кнопки «меню» и «закрыть» 46 × 27: зона 44 по высоте */
.navbar-toggle-hamburger,
.navbar-toggle-close {
	position: relative;
}

.navbar-toggle-hamburger::after,
.navbar-toggle-close::after {
	position: absolute;
	top: 50%;
	left: 0;

	width: 100%;
	height: 44px;

	content: '';
	transform: translateY(-50%);
}

/* Поиск и корзина 22 × 22: зона 44 × 44; между зонами 8px (пункт 2.5.4) */
.handheld-header-links li.search > a {
	position: relative;
}

.handheld-header-links li.search > a::after,
.handheld-header-links li.cart > a::after {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 44px;
	height: 44px;

	content: '';
	transform: translate(-50%, -50%);
}

.handheld-header-v2 .handheld-header-links > ul li + li.cart {
	margin-left: 30px;
}

/* Почта в полосе вверху страницы и в подвале: 17px → 44 по высоте */
.rentdevice-info-bar .nav-inline > li > a {
	display: inline-block;

	margin: -10px 0;
	padding: 10px 0;

	line-height: 24px;
}

/* ============ Подвал телефона (до 991px) ============ */

/* Телефоны в тёмной полосе: 24px → 44 по высоте */
.handheld-footer-bar .call-us-number a {
	display: inline-block;

	margin: -8px 0;
	padding: 8px 0;
}

/* Подпись города под номером лежит поверх нижнего поля ссылки — пропускает нажатие к номеру */
.handheld-footer-bar .call-us-number .rd-call-city {
	pointer-events: none;
}

/* Ссылки в раскрывающихся списках: строка 44px вместо ссылки 17px через 7px */
.handheld-footer .handheld-widget-menu ul.menu li {
	margin-top: 0;
}

.handheld-footer .handheld-widget-menu ul.menu li > a {
	display: block;

	padding: 10px 0;

	line-height: 24px;
}

/* Кнопка «Наверх» 36 × 36: зона 44 × 44 */
.back-to-top-link::after {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 44px;
	height: 44px;

	content: '';
	transform: translate(-50%, -50%);
}

/* «Наверх» до 1199px: у темы отступ сверху 100vh минус 5rem, а 100vh на телефоне — экран
   без панелей браузера, поэтому при видимой нижней панели кнопка уходила под неё.
   Ставим над плашкой чата Envybox (у неё снизу 8vh, высота 46px, справа 5vw — на телефоне
   и планшете она под кнопкой): 92svh минус 46px плашки, 16px зазора и 36px кнопки.
   svh — высота с видимыми панелями браузера, плюс нижний вырез iPhone.
   Первая строка — для браузеров без svh. Поменяют плашку в Envybox — пересчитать.
   В комментариях не писать calc со скобкой: минификатор Autoptimize теряет блок */
@media (max-width: 1199.98px) {
	.back-to-top-link {
		top: calc(92vh - 98px - env(safe-area-inset-bottom));
		top: calc(92svh - 98px - env(safe-area-inset-bottom));
	}
}

/* ============ Содержимое страниц на телефоне (до 767px) ============ */

@media (max-width: 767.98px) {
	/* Вкладки товаров на главной и вкладка «Описание» на карточке: у темы
	   ::before/::after — подчёркивание, поэтому высота полями */
	#content .nav-inline > .nav-item > .nav-link {
		padding-top: 10px;
		padding-bottom: 19px;
	}

	.woocommerce-tabs .wc-tabs > li > a {
		padding-top: 4px;
		padding-bottom: 22px;
	}

	/* Значки мессенджеров в карточке «Контактов» 30 × 30 через 10px — как в полосе с почтой */
	.rd-card .social-links {
		--rentdevice-link-gap: 22px;
	}

	.rd-card .social-links > .menu > li > a {
		position: relative;
	}

	.rd-card .social-links > .menu > li > a::after {
		position: absolute;
		inset: -7px;

		content: '';
	}

	/* Лупа на фото товара 18 × 24 */
	.woocommerce-product-gallery__trigger::after {
		position: absolute;
		top: 50%;
		left: 50%;

		width: 44px;
		height: 44px;

		content: '';
		transform: translate(-50%, -50%);
	}

	/* Номера страниц каталога 35 × 35 → кружки 44 × 44, между ними 8px (пункт 2.5.4).
	   Селектор с ul: у темы такой же, иначе её скругление 20px и строка 34px
	   перебивали бы наши */
	.woocommerce-pagination ul.page-numbers > li {
		margin: 0 4px;
	}

	.woocommerce-pagination ul.page-numbers > li > a,
	.woocommerce-pagination ul.page-numbers > li > span {
		width: 44px;
		min-width: 44px;
		height: 44px;

		line-height: 42px;

		border-radius: 50%;
	}

	.woocommerce-pagination ul.page-numbers > li > span.current {
		line-height: 44px;
	}

	/* «Подробнее о доставке», «Способы оплаты…», «Подробнее о компании» */
	.rd-page a.general-link {
		display: inline-block;

		margin: -12px 0;
		padding: 12px 0;
	}

	/* Телефоны и почта в карточках «Контактов» 31px */
	.rd-contact a {
		display: inline-block;

		margin: -7px 0;
		padding: 7px 0;
	}

	/* Корзина: крестик удаления 17 × 31 (невидимый квадрат — вид и высота строки
	   прежние), название товара 20px, количество 40px */
	.woocommerce-cart-form .product-remove a.remove {
		position: relative;
	}

	.woocommerce-cart-form .product-remove a.remove::after {
		position: absolute;
		top: 50%;
		left: 50%;

		width: 44px;
		height: 44px;

		content: '';
		transform: translate(-50%, -50%);
	}

	.woocommerce-cart-form .product-name a {
		display: inline-block;

		margin: -12px 0;
		padding: 12px 0;
	}

	.woocommerce-cart-form .quantity .qty {
		min-height: 44px;
	}
}

/* ============ Правки по проверке 29.09.2026 (пункты 2.5.1 и 2.5.4) ============ */

/* Окно заявки на экранах уже 344px: капча SmartCaptcha 300px плюс поля окна
   1rem и поля fancybox 6px не влезали в 320, окно уезжало под нижний край.
   Поля окна 10px, у fancybox по бокам 0: 300 + 20 = 320 */
@media (max-width: 343.98px) {
	.fancybox-slide--html {
		padding-left: 0;
		padding-right: 0;
	}

	.modal-dialog {
		padding: 1.5rem 10px;
	}
}

/* Вкладки товаров на главной переносятся на телефоне во вторую строку вплотную:
   между рядами зон нажатия 0 вместо 8px */
@media (max-width: 767.98px) {
	.products-carousel-tabs .nav-inline {
		row-gap: 8px;
	}
}