/* Filtry v obchodě (inc/shop-filters.php) – načítá se jen na stránkách katalogu. */

/* Dlouhé seznamy hodnot (velikosti, normy) se rolují uvnitř widgetu. */
#secondary .kapee-attributes-filter ul {
	max-height: 280px;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-right: 4px;
}

/* Počet produktů u hodnoty. */
#secondary .kapee-attributes-filter li,
#secondary .rivalt-stock-filter li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
#secondary .kapee-attributes-filter li .count,
#secondary .rivalt-stock-filter li .count {
	flex: 0 0 auto;
	min-width: 26px;
	padding: 0 6px;
	border-radius: 10px;
	background: #f1f1f1;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
#secondary .kapee-attributes-filter li .nav-title {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}
#secondary .kapee-attributes-filter li.chosen > a,
#secondary .rivalt-stock-filter li.chosen > a {
	color: #D81E1F;
	font-weight: 600;
}

/* Velikosti a třídy ochrany jako čipy. */
#secondary ul.swatch-filter-pa_velikost,
#secondary ul.swatch-filter-pa_stupen-ochrany {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
#secondary ul.swatch-filter-pa_velikost li,
#secondary ul.swatch-filter-pa_stupen-ochrany li {
	margin: 0;
	padding: 0;
}
#secondary ul.swatch-filter-pa_velikost li a,
#secondary ul.swatch-filter-pa_stupen-ochrany li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 36px;
	padding: 0 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	font-size: 13px;
}
#secondary ul.swatch-filter-pa_velikost li a,
#secondary ul.swatch-filter-pa_stupen-ochrany li a {
	padding: 0 8px !important; /* Kapee nechává odsazení pro skrytý checkbox */
	text-align: center;
}
#secondary ul.swatch-filter-pa_velikost li a:hover,
#secondary ul.swatch-filter-pa_stupen-ochrany li a:hover {
	border-color: #333;
}
#secondary ul.swatch-filter-pa_velikost li.chosen a,
#secondary ul.swatch-filter-pa_stupen-ochrany li.chosen a {
	border-color: #D81E1F;
	background: #D81E1F;
	color: #fff;
}
#secondary ul.swatch-filter-pa_velikost li .count,
#secondary ul.swatch-filter-pa_stupen-ochrany li .count {
	display: none; /* čipy velikostí/tříd bez počtu (jinak by se lámaly), počty mají ostatní filtry */
}
#secondary ul.swatch-filter-pa_velikost li::before,
#secondary ul.swatch-filter-pa_stupen-ochrany li::before,
#secondary ul.swatch-filter-pa_velikost li a::before,
#secondary ul.swatch-filter-pa_stupen-ochrany li a::before {
	display: none !important; /* bez „checkboxu“ Kapee */
}

/* Aktivní filtry nad výpisem (Kapee + „Jen skladem“) v jednom zalomitelném řádku. */
.kapee-active-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
}
.kapee-active-filters > *,
.kapee-active-filters .widget {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: 0;
}
.kapee-active-filters ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0;
	padding: 0;
}
.kapee-active-filters li,
.kapee-active-filters .kapee-clear-filters {
	margin: 0;
	white-space: nowrap;
}

/* Tlačítko Filtry nad výpisem – jen mobil (off-canvas sidebar Kapee do 767 px). */
.rivalt-filter-btn {
	display: none;
}
@media (max-width: 767px) {
	.rivalt-filter-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		min-height: 44px;
		margin: 0 0 12px;
		padding: 0 16px;
		border: 1px solid #333;
		border-radius: 3px;
		background: #fff;
		color: #333;
		font-size: 15px;
		font-weight: 600;
		text-transform: none;
		line-height: 1;
	}
	.rivalt-filter-btn .rivalt-filter-ico {
		width: 18px;
		height: 14px;
		background: linear-gradient(#333, #333) 0 0/100% 2px no-repeat,
			linear-gradient(#333, #333) 0 6px/70% 2px no-repeat,
			linear-gradient(#333, #333) 0 12px/40% 2px no-repeat;
	}
	.rivalt-filter-btn .rivalt-filter-num {
		min-width: 20px;
		padding: 0 6px;
		border-radius: 10px;
		background: #D81E1F;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
	}
	#secondary .kapee-attributes-filter ul {
		max-height: none; /* v off-canvas panelu se roluje celý panel */
	}
}

/* Kapee widget u atributů bez nastavené barvy vypisuje prázdný barevný swatch
   (get_option(…, true) == 'color' je v PHP pravda) – prázdné skrýt. */
#secondary .kapee-attributes-filter .kp-term.swatch-color[style^="background-color:;"] {
	display: none;
}
#secondary .kapee-attributes-filter .kp-term.swatch-color[style^="background-color:;"] + .nav-title {
	padding-left: 0;
}