/*
 * Front-end styles for bsm-subnav (sticky tabs).
 *
 * Markup: ../template-parts/subnav.php
 * Source: ../files/10_Projects/bsm_company/05_Brand/design/04-library.html (.subnav)
 *
 * Sticky-табы прямо под topnav. Заполняются JS из H2 в .bsm-page-content
 * (см. assets/js/subnav.js). Активный таб подсвечивается через
 * IntersectionObserver.
 */

.bsm-subnav {
	background: var(--surface);
	border-bottom: var(--hairline);
	position: sticky;
	top: var(--topnav-h);
	z-index: 40;
	font-family: inherit;
}

.bsm-subnav__wrap {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 0 32px;
	display: flex;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none; /* Firefox */
}

.bsm-subnav__wrap::-webkit-scrollbar {
	display: none; /* Chrome / Safari */
}

.bsm-subnav__link {
	padding: 16px 18px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--text-secondary);
	border-bottom: 2px solid transparent;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.15s, border-color 0.15s;
}

.bsm-subnav__link:hover {
	color: var(--navy);
	text-decoration: none;
}

.bsm-subnav__link.active {
	color: var(--accent-strong);
	border-bottom-color: var(--accent);
}

@media (max-width: 900px) {
	.bsm-subnav__wrap {
		padding: 0 16px;
	}

	.bsm-subnav__link {
		padding: 12px 14px;
		font-size: 13px;
	}
}