/**
 * Отклик кнопок на наведение и размер зоны нажатия — 19.09.2026.
 *
 * Проверка страницы /krovati/ показала кнопки, которые выглядят как кнопки,
 * курсор над ними становится «рукой», но при наведении не меняется ничего.
 * Здесь только они: остальные кнопки сайта свой ховер имеют, их не трогаем.
 *
 * Плюс две правки под палец на телефоне: у стрелок карусели и у ссылки
 * «Рассчитаем за 1 минуту» зона нажатия была ниже 30 px.
 */

/* ------------------------------------------------------------------
   «Посмотреть все», «Показать еще», «Все статьи».
   Правило темы «.all .btn { background: none }» стоит в style.css ниже,
   чем «.btn-danger:hover», и при равной силе перебивает его — оранжевая
   заливка на наведении не появлялась никогда.
   ------------------------------------------------------------------ */
.all .btn,
.all .btn:link,
.all .btn:visited {
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.all .btn:hover,
.all .btn:focus-visible {
	color: #fff;
	background: #f26a2f;
	border-color: #f26a2f;
}
.all .btn:active {
	color: #fff;
	background: #de4e0f;
	border-color: #de4e0f;
}

/* ------------------------------------------------------------------
   Теги под статьями и разделами: «.tegs .btn-default» задаёт свой серый
   фон и перебивает ховер бутстрапа. Возвращаем отклик в тёплом сером.
   ------------------------------------------------------------------ */
.tegs .btn-default {
	transition: background-color .18s ease, color .18s ease;
}
.tegs .btn-default:hover,
.tegs .btn-default:focus-visible {
	color: #26211e;
	background: #e7ded7;
}

/* ------------------------------------------------------------------
   «Рассчитаем за 1 минуту» — ссылка в квиз под ценой. Пунктир под текстом
   был, отклика не было.
   ------------------------------------------------------------------ */
.product-price--calc a {
	transition: color .18s ease, border-color .18s ease;
}
.product-price--calc a:hover,
.product-price--calc a:focus-visible {
	color: #de4e0f;
	border-bottom-style: solid;
}

/* ------------------------------------------------------------------
   «показать ещё» в блоке «О компании» — кнопку рисует js/index.js,
   класса у неё нет, поэтому и стилей не было никаких.
   ------------------------------------------------------------------ */
.about button:not([class]),
.block.about button:not([class]) {
	color: #f26a2f;
	border: 0;
	background: none;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .18s ease;
}
.about button:not([class]):hover,
.block.about button:not([class]):hover,
.about button:not([class]):focus-visible,
.block.about button:not([class]):focus-visible {
	color: #de4e0f;
	text-decoration: none;
}

/* ------------------------------------------------------------------
   Палец на телефоне. Ничего не двигаем — расширяем только зону нажатия.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
	/* Стрелки карусели — картинка 20×35. Оставляем её как есть,
	   а нажимать даём по площадке 44×44 вокруг. */
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		overflow: visible;
	}
	.owl-carousel .owl-nav button.owl-prev::before,
	.owl-carousel .owl-nav button.owl-next::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 44px;
		height: 44px;
		transform: translate(-50%, -50%);
	}

	/* Ссылка-строка: вертикальные отступы у строчного элемента увеличивают
	   зону нажатия и не сдвигают соседей. */
	.product-price--calc a {
		padding-block: 9px;
	}

	.about button:not([class]),
	.block.about button:not([class]) {
		min-height: 40px;
		padding: 8px 4px;
	}
}