/*
Theme Name: Bono Child (3дЗавод)
Theme URI: https://3dzavod.ru
Description: Дочерняя тема Bono для 3дЗавод. Все правки дизайна вносим здесь — обновление родительской темы их не затрёт.
Author: 3дЗавод
Template: bono
Version: 1.0.0
Text Domain: bono-child
*/

/* ------------------------------------------------------------------
   Свои стили добавляем ниже.
   Они подключаются ПОСЛЕ стилей родителя, поэтому переопределяют их
   без !important. Родительскую тему не трогаем — её перезапишет обновление.
   ------------------------------------------------------------------ */

/* ---------- Rubik: локальные копии вместо fonts.googleapis.com ----------
   Раньше шрифт тянулся с внешнего домена Google: лишнее подключение к чужому
   серверу тормозило отрисовку текста и отправляло туда данные посетителей.
   Файлы лежат в assets/fonts/ (woff2, кириллица+латиница), подключение Google
   отключено в functions.php. font-display:swap — как было у Google. */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('assets/fonts/rubik-v31-cyrillic_latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('assets/fonts/rubik-v31-cyrillic_latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Rubik';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('assets/fonts/rubik-v31-cyrillic_latin-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('assets/fonts/rubik-v31-cyrillic_latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/fonts/rubik-v31-cyrillic_latin-700.woff2') format('woff2');
}

/* Название товара в карточке переведено с <div> на <h2> (см. одноимённый
   шаблон в woocommerce/). Правило темы .shop-item__title не задаёт размер
   шрифта и верхний отступ, поэтому у h2 вылезли бы browser-дефолты
   (1.5em и margin-top) и карточки бы «раздулись». Возвращаем как было. */
h2.shop-item__title {
	font-size: inherit;
	margin-top: 0;
}

/* ------------------------------------------------------------------
   Блок заказа под постами моделей (рубрика «Популярные модели»).
   Раньше это были две обычные ссылки в строку — их не замечали.
   Кнопки берём ШТАТНЫЕ классы темы (.button и .button.btn-outline,
   те же, что в магазине), чтобы блок выглядел родным, а не приклеенным.
   ------------------------------------------------------------------ */
.order-cta {
	margin: 2em 0 1em;
	padding: 1.25em 1.35em;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 14px;
	background: rgba(0, 0, 0, .025);
}

.order-cta__title {
	margin: 0 0 .35em;
	font-weight: 700;
	font-size: 1.15em;
	line-height: 1.3;
}

.order-cta__text {
	margin: 0 0 1em;
	opacity: .85;
}

/* Кнопки в ряд, на узких экранах — друг под другом на всю ширину. */
.order-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .6em;
	margin: 0;
}

.order-cta__actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

@media (max-width: 480px) {
	.order-cta__actions .button {
		width: 100%;
	}
}