/*
Theme Name: Чистый поток
Theme URI: https://ugolfilter.ru/
Author: Teya / Aurora
Author URI: https://ugolfilter.ru/
Description: Premium WooCommerce theme for канальные угольные фильтры «Чистый поток». NEXORA-style design system by AURA.
Version: 1.6.10
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chistiy-potok
Tags: e-commerce, woocommerce, custom-menu, custom-logo, translation-ready, block-styles

WooCommerce-ready theme for ugolfilter.ru — THEME BASE build.
*/

/* Compiled tokens and components live in assets/dist/style.css */

.site-wordmark__logo {
	display: block;
	height: 50px;
	width: auto;
	max-width: min(160px, 52vw);
	transition: opacity 0.2s ease, height 0.2s ease;
}

@media (max-width: 1023px) {
	.site-wordmark__logo {
		height: 72px;
		max-width: min(231px, 58vw);
	}
}

.site-wordmark:hover .site-wordmark__logo {
	opacity: 0.85;
}

/* Header shell — под крупный логотип */
@media (min-width: 1024px) {
	:root {
		--cp-header-height: 72px;
	}
}

@media (max-width: 1023px) {
	:root {
		--cp-header-height: 96px;
	}
}

/* Header width = container / bento blocks (--cp-container-pad 24px) */
.site-header {
	width: min(100% - var(--cp-container-pad) * 2, var(--cp-container-max)) !important;
}

@media (min-width: 1024px) {
	body.has-sidebar-rail:not(.home) .site-header {
		width: min(100% - var(--cp-sidebar-rail) - var(--cp-container-pad) * 2, var(--cp-container-max)) !important;
	}
}

/* Header CTA «Все фильтры» — 50px total (10 + 30 chip + 10) */
@media (min-width: 1024px) {
	.pill-cta--header {
		padding: 10px 16px 10px 18px;
		font-size: 14px;
		gap: 8px;
		min-height: 50px;
		box-sizing: border-box;
	}

	.pill-cta--header .pill-cta__chip {
		width: 30px;
		height: 30px;
		flex-shrink: 0;
	}

	.pill-cta--header .pill-cta__chip svg {
		width: 14px;
		height: 14px;
	}
}

/* Полный сброс заливки (фона) у ВСЕХ ссылок главного меню по умолчанию (статичное состояние) */
.primary-nav__link,
.primary-nav__item.nav-item--accent .primary-nav__link,
.primary-nav__item.current-menu-item .primary-nav__link,
.primary-nav__item.current_page_item .primary-nav__link,
.primary-nav__item.current-page-ancestor .primary-nav__link {
	background: transparent !important;
	color: #1a2332 !important;
}

/* Эффект наведения (Hover) — появляется красивая темная заливка и сочный салатовый цвет текста, как на скрине */
.primary-nav__link:hover,
.primary-nav__link:focus-visible,
.primary-nav__item.nav-item--accent .primary-nav__link:hover,
.primary-nav__item.nav-item--accent .primary-nav__link:focus-visible,
.primary-nav__item.current-menu-item .primary-nav__link:hover,
.primary-nav__item.current_page_item .primary-nav__link:hover,
.primary-nav__item.current-page-ancestor .primary-nav__link:hover {
	background: #1a2332 !important;
	color: #b8ff3c !important;
	opacity: 1 !important;
}

/* Выделение активного пункта меню через полужирный шрифт без постоянного фона */
.primary-nav__item.current-menu-item .primary-nav__link,
.primary-nav__item.current_page_item .primary-nav__link,
.primary-nav__item.current-page-ancestor .primary-nav__link {
	font-weight: 700 !important;
	opacity: 1 !important;
}