/* SHOPSTYLE child: каталог (ТЗ п.4) — фильтры-шторка, заголовок раздела, описание категории,
   служебные мелочи. Подключается автоматически через inc/enqueue.php (assets/*.css). */

/* ---------- Заголовок раздела: 40px десктоп / 28px мобайл, отступы вдвое меньше темы ----------
   Woodmart 8: обёртка .wd-page-title.title-size-large, размеры через переменные темы
   (--wd-title-sp → padding-block, --wd-title-font-s → .title). */
.wd-page-title.title-size-large { --wd-title-sp: 50px; --wd-title-font-s: 40px; }      /* тема: 100px / 78px */
@media (max-width: 1024px) {
	.wd-page-title.title-size-large { --wd-title-sp: 8px; --wd-title-font-s: 28px; }   /* тема: 15px / 36px */
}
/* Woodmart 8 добавил стрелку «назад» в заголовок категории — в ТЗ и макетах её нет */
.wd-page-title .wd-back-btn { display: none; }

/* ---------- Описание категории (выводится после товаров, опция cat_desc_position=after) ----------
   Старые SEO-тексты содержат второй h1/h2 — понижаем до обычного текста. */
.term-description :is(h1, h2, h3) {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0 0 .5em;
}
.term-description { font-size: 14px; color: var(--color-gray-500, #767676); }

/* ---------- Фильтры на мобайле: шторка снизу вместо панели слева ----------
   Woodmart 8: aside.wd-sidebar, JS (hiddenSidebar.js) при ≤768px вешает .wd-side-hidden.wd-left
   и переключает .wd-opened; ширина через --wd-side-hidden-w. */
@media (max-width: 768.98px) {
	.wd-sidebar.wd-side-hidden,
	.wd-sidebar.wd-side-hidden.wd-left {
		--wd-side-hidden-w: 100vw;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100% !important;                 /* ponytail: у темы width:270px !important */
		max-width: none;
		max-height: 85vh;
		border-radius: 16px 16px 0 0;
		box-shadow: 0 -8px 30px rgba(0, 0, 0, .12);
		transform: translate3d(0, 100%, 0);
	}
	.wd-sidebar.wd-side-hidden.wd-opened { transform: none; }
}

/* Артикулы загружены 05.09 (файлы С.) — строка «Артикул» на товаре показывается. */

/* ---------- /my-account/: honeypot «Anti-spam» из woodmart/woocommerce/myaccount/form-login.php ---------- */
label[for="trap"] { display: none; }

/* ---------- Логотип в шапке на мобайле: 25px против 20px из header.css (бургер 22px) ---------- */
@media (max-width: 1024px) {
	.ss-logo .wd-logo.wd-logo { font-size: 25px; }
}

/* ---------- Правки дизайна 08.09: кнопка «В корзину» в карточке (hover-alt Woodmart) ----------
   Общий стиль .add_to_cart_button давал рамку при нулевых отступах Woodmart — в карточке кнопка текстовая, с воздухом снизу. */
.product-grid-item .wd-add-btn > a,
.product-grid-item .wd-add-btn > a.add_to_cart_button,
.product-grid-item .wd-add-btn > a:hover {
	border: 0; padding: 0; height: auto; min-height: 0; background: transparent; box-shadow: none;
	font-size: 12px; letter-spacing: .14em; text-transform: uppercase; line-height: 1.5;
	text-decoration: underline; text-underline-offset: 4px; color: var(--ss-text);
}
.product-grid-item .wd-add-btn > a:hover { color: var(--ss-accent); }
.product-grid-item .wd-add-btn { margin-top: 6px; }
.wd-hover-alt .product-element-bottom { padding-bottom: 18px; }   /* отступ до следующего ряда при всплывании */
/* ряды каталога на десктопе — с воздухом (инлайн-зазор темы 6px рассчитан на мобайл), текст кнопки — как ссылка */
@media (min-width: 769px) { .wd-products.wd-grid-g { row-gap: 40px; } }
.product-grid-item .wd-add-btn > a { text-decoration: underline !important; text-underline-offset: 4px; text-transform: uppercase !important; font-weight: 500 !important; }