/*
 * гимнастика36.рф — shop and category pages (README «Каталог»). Same palette as product.css / home.css.
 */
:root {
	--gym36-blue: #1f74b8;
	--gym36-blue-dark: #185c93;
	--gym36-blue-soft: #eaf3fb;
	--gym36-ink: #1f2933;
	--gym36-muted: #5f6b76;
	--gym36-line: #e3e8ee;
}

/* ---- Category chips over the catalog: one scrollable row, the current one filled ---- */
.gym36-chips ul {
	list-style: none;
	margin: 0;
	padding: 2px 2px 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.gym36-chips li {
	margin: 0;
}
.gym36-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 6px 14px 6px 8px;
	border: 1px solid var(--gym36-line);
	border-radius: 999px;
	background: #fff;
	color: var(--gym36-ink);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	transition: border-color .15s, background-color .15s;
}
.gym36-chip:not(:has(img)) {
	padding-left: 14px;
}
.gym36-chip img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	border-radius: 6px;
}
.gym36-chip:hover {
	border-color: #65b4f1;
	color: var(--gym36-ink);
}
.gym36-chip.is-active {
	background: var(--gym36-blue);
	border-color: var(--gym36-blue);
	color: #fff;
}
.gym36-chip.is-active img {
	background: #fff;
}
.gym36-chip--accent:not(.is-active) {
	border-color: #f3c2b8;
	background: #fff6f3;
}
.gym36-chip:focus-visible {
	outline: 3px solid var(--gym36-blue);
	outline-offset: 2px;
}

/* ---- Filter column ---- */
.wd-sidebar .sidebar-widget,
.sidebar-container .sidebar-widget {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--gym36-line);
}
.wd-sidebar .sidebar-widget:last-child,
.sidebar-container .sidebar-widget:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.sidebar-widget .widget-title {
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--gym36-ink);
}

/* Lists with checkboxes (brand, stock): roomy rows, counts in grey on the right */
.sidebar-widget .wd-filter-list li,
.sidebar-widget.wd-widget-stock-status li {
	margin-bottom: 4px;
}
.sidebar-widget .wd-filter-list .layered-nav-link,
.sidebar-widget.wd-widget-stock-status a {
	padding: 4px 0;
	font-size: 14px;
	color: var(--gym36-ink);
}
.sidebar-widget .wd-filter-list .count {
	min-width: 26px;
	padding: 1px 7px;
	border: 0;
	border-radius: 999px;
	background: #f1f4f7;
	color: var(--gym36-muted);
	font-size: 12px;
	text-align: center;
}
.sidebar-widget .wd-filter-list .wd-active > a,
.sidebar-widget.wd-widget-stock-status .wd-active > a,
.sidebar-widget .wd-filter-list .chosen > a {
	color: var(--gym36-blue);
	font-weight: 600;
}

/* Colours: one column (long names broke two), the list scrolls after ~8 rows; search over it */
#woodmart-woocommerce-layered-nav-12 .wd-scroll-content {
	max-height: 300px;
}
.sidebar-widget .wd-filter-search input {
	height: 38px;
	border-radius: 8px;
	font-size: 14px;
}

/* Sizes and lengths (inline): buttons like on the product page */
.sidebar-widget .wd-layout-inline .wd-swatch-wrap {
	margin: 0 6px 6px 0;
}
.sidebar-widget .wd-layout-inline .wd-swatch.wd-text {
	min-width: 44px;
	min-height: 36px;
	padding: 0 10px;
	border: 1px solid var(--gym36-line);
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	color: var(--gym36-ink);
}
.sidebar-widget .wd-layout-inline .wd-active .wd-swatch.wd-text,
.sidebar-widget .wd-layout-inline .chosen .wd-swatch.wd-text {
	border-color: var(--gym36-blue);
	box-shadow: inset 0 0 0 1px var(--gym36-blue);
	background: var(--gym36-blue-soft);
	color: var(--gym36-blue-dark);
}
.sidebar-widget .wd-layout-inline .count {
	display: none;
}

/* Price: inputs side by side, apply button in brand blue */
.widget_price_filter .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.widget_price_filter .price_slider_amount .button {
	order: 3;
	min-height: 36px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--gym36-blue);
	color: #fff;
	font-weight: 600;
	text-transform: none;
}
.widget_price_filter .price_slider_amount .button:hover {
	background: var(--gym36-blue-dark);
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--gym36-blue);
}

/* ---- Toolbar and active filters ---- */
.wd-shop-tools .wd-products-per-page .per-page-variation.current-variation,
.wd-products-per-page .current-variation {
	color: var(--gym36-blue);
	font-weight: 700;
}
.wd-active-filters .widget_layered_nav_filters li a,
.wd-active-filters a {
	border-radius: 999px;
}
.wd-active-filters .widget_layered_nav_filters li a {
	padding: 6px 12px;
	border: 1px solid var(--gym36-blue);
	background: var(--gym36-blue-soft);
	color: var(--gym36-blue-dark);
	font-size: 13px;
	font-weight: 500;
}

/* «Фильтры» button over the products on tablets and phones */
.wd-off-canvas-btn .wd-tools-text,
.wd-builder-off-canvas-btn .wd-tools-text {
	font-weight: 600;
}
.elementor-widget-wd_builder_off_canvas_column_btn a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 16px 0 12px;
	border: 1px solid var(--gym36-blue);
	border-radius: 999px;
	color: var(--gym36-blue-dark);
	font-weight: 600;
}

/* ---- Pagination ---- */
.woocommerce-pagination .page-numbers .current {
	background: var(--gym36-blue);
	color: #fff;
}

/* ---- Phones ---- */
@media (max-width: 767px) {
	.gym36-chips {
		margin: 0 -15px;
	}
	.gym36-chips ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 2px 15px 12px;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.gym36-chips ul::-webkit-scrollbar {
		display: none;
	}
	.gym36-chips li {
		flex: 0 0 auto; /* in the scrolling row chips keep their width («Мячи», not «Мяч») */
		scroll-snap-align: start;
	}
}