/* Alpas — filtry FacetWP (ÚKOL 002, vzhled ÚKOL 008)
 *
 * Panel (bílá plocha, rámeček, rádius 15 px, stín karty, odsazení 20 px) je nativní nastavení
 * sloupce „alpas-sidebar" v Avada prvku 4547 — tady není.
 * Tady je jen vzhled ovládacích prvků FacetWP: plugin vykresluje holé prvky prohlížeče
 * a Avada Options na ně nedosáhnou. Barvy jen z palety (var(--awb-colorN)).
 */

/* --- odstupy mezi fasetami: 24 px a jemná linka --- */
.alpas-faseta:not(.alpas-napoveda) {
	margin: 0 0 24px;
	padding: 0 0 24px;
	border-bottom: 1px solid var(--awb-color3);
}
.alpas-faseta .facetwp-facet {
	margin-bottom: 0;
}
.alpas-faseta-prazdna {
	display: none !important;
}

/* --- nadpis fasety --- */
.alpas-faseta .alpas-faseta-nadpis {
	margin: 0 0 10px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--awb-color3);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--awb-custom_color_6);
}

/* --- zaškrtávátka: celý řádek klikací --- */
.alpas-faseta .facetwp-checkbox {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 6px 8px 6px 36px;
	border-radius: 8px;
	background: none;
	font-size: 15px;
	line-height: 1.4;
	color: var(--awb-color6);
	cursor: pointer;
	transition: background-color .15s;
}
.alpas-faseta .facetwp-checkbox:hover {
	background: var(--awb-color2);
}
.alpas-faseta .facetwp-checkbox::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	box-sizing: border-box;
	border: 1px solid var(--awb-color3);
	border-radius: 4px;
	background: var(--awb-color1);
	transition: background-color .15s, border-color .15s;
}
.alpas-faseta .facetwp-checkbox:hover::before {
	border-color: var(--awb-custom_color_6);
}
.alpas-faseta .facetwp-checkbox.checked::before {
	border-color: var(--awb-color4);
	background: var(--awb-color4);
}
.alpas-faseta .facetwp-checkbox.checked::after { /* bílá fajfka */
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 6px;
	height: 10px;
	margin-top: -7px;
	border: solid var(--awb-color1);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.alpas-faseta .facetwp-checkbox:focus-visible {
	outline: 2px solid var(--awb-color4);
	outline-offset: 1px;
}
.alpas-faseta .facetwp-display-value {
	padding: 0;
}
.alpas-faseta .facetwp-counter {
	margin-left: auto;
	font-size: 13px;
	color: var(--awb-custom_color_6);
}
.alpas-faseta .facetwp-toggle {
	display: inline-block;
	margin: 6px 0 0 8px;
	font-size: 14px;
	color: var(--awb-color4);
	cursor: pointer;
}
.alpas-faseta .facetwp-toggle.facetwp-hidden { /* „Zobrazit další" / „Zobrazit méně" — vždy jen jeden (ÚKOL 031) */
	display: none;
}

/* --- rozbalovací s hledáním (fSelect): jako pole hledání v záhlaví (40 px, rádius 15 px) --- */
.alpas-faseta .fs-wrap {
	width: 100%;
	line-height: 1.4;
}
.alpas-faseta .fs-label-wrap {
	display: flex;
	align-items: center;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid var(--awb-color3);
	border-radius: 15px;
	background: var(--awb-color1);
	cursor: pointer;
}
.alpas-faseta .fs-wrap.fs-open .fs-label-wrap,
.alpas-faseta .fs-label-wrap:hover {
	border-color: var(--awb-color4);
}
.alpas-faseta .fs-label-wrap .fs-label {
	padding: 0 34px 0 14px;
	font-size: 15px;
	color: var(--awb-color6);
}
.alpas-faseta .fs-arrow {
	right: 14px;
	border-top-color: var(--awb-custom_color_6);
}
.alpas-faseta .fs-dropdown {
	width: 100%;
	margin-top: 6px;
	overflow: hidden;
	border: 1px solid var(--awb-color3);
	border-radius: 15px;
	background: var(--awb-color1);
	box-shadow: 0 15px 35px rgba(28, 24, 24, .065);
}
.alpas-faseta .fs-search {
	padding: 8px;
	border-bottom: 1px solid var(--awb-color3);
}
.alpas-faseta .fs-search input {
	width: 100%;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--awb-color3);
	border-radius: 10px;
	font-size: 15px;
}
.alpas-faseta .fs-option {
	padding: 6px 8px;
	margin: 2px 6px;
	border-radius: 8px;
	font-size: 15px;
}
.alpas-faseta .fs-option:hover,
.alpas-faseta .fs-option.hl {
	background: var(--awb-color2);
}
.alpas-faseta .fs-option .fs-checkbox i {
	width: 18px;
	height: 18px;
	border: 1px solid var(--awb-color3);
	border-radius: 4px;
	background: var(--awb-color1);
}
.alpas-faseta .fs-option.selected .fs-checkbox i {
	border-color: var(--awb-color4);
	background-color: var(--awb-color4);
}

/* --- posuvník (noUiSlider) --- */
.alpas-faseta .facetwp-slider-wrap {
	padding: 10px 9px 4px;
}
.alpas-faseta .noUi-target {
	height: 4px;
	border: 0;
	border-radius: 2px;
	background: var(--awb-color3);
	box-shadow: none;
}
.alpas-faseta .noUi-connect {
	background: var(--awb-color4);
}
.alpas-faseta .noUi-horizontal .noUi-handle {
	top: -8px;
	right: -10px;
	width: 20px;
	height: 20px;
	border: 2px solid var(--awb-color4);
	border-radius: 50%;
	background: var(--awb-color1);
	box-shadow: 0 2px 6px rgba(28, 24, 24, .15);
	cursor: grab;
}
.alpas-faseta .noUi-handle::before,
.alpas-faseta .noUi-handle::after {
	display: none;
}
.alpas-faseta .facetwp-slider-label {
	display: inline-block;
	margin-top: 4px;
	font-size: 14px;
	color: var(--awb-color6);
}
.alpas-faseta .facetwp-slider-reset {
	float: right;
	margin-top: 2px;
	padding: 4px 12px;
	border: 1px solid var(--awb-color3);
	border-radius: 15px;
	background: var(--awb-color1);
	font-size: 13px;
	color: var(--awb-color6);
	cursor: pointer;
}
.alpas-faseta .facetwp-slider-reset:hover {
	border-color: var(--awb-color4);
	color: var(--awb-color4);
}

/* --- řádek „2 aktivní filtry · Zrušit filtry" (jen když je něco vybrané) --- */
.alpas-aktivni-filtry {
	display: none;
}
.alpas-aktivni-filtry.alpas-aktivni-filtry-ano {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 20px !important;
	padding: 10px 14px;
	border-radius: 8px;
	background: var(--awb-custom_color_7);
	font-size: 14px;
}
.alpas-aktivni-filtry p {
	display: contents;
}
.alpas-aktivni-filtry .alpas-pocet-filtru {
	font-weight: 600;
	color: var(--awb-color8);
}
.alpas-aktivni-filtry .facetwp-facet {
	margin: 0;
}
.alpas-aktivni-filtry .facetwp-reset {
	font-weight: 600;
	color: var(--awb-color4);
	text-decoration: underline;
}

/* --- tlačítko „Filtry" jen na mobilu --- */
.alpas-filtry-tlacitko {
	display: none;
}

@media only screen and (max-width: 800px) {
	.alpas-filtry-tlacitko {
		display: block;
		width: 100%;
		margin: 0 0 16px;
		padding: 12px 16px;
		border: 1px solid var(--awb-color4);
		border-radius: 15px;
		background: var(--awb-color1);
		color: var(--awb-color4);
		font-weight: 600;
		text-align: left;
		cursor: pointer;
	}
	.alpas-filtry-tlacitko::after {
		content: "▾";
		float: right;
	}
	body.alpas-filtry-otevreno .alpas-filtry-tlacitko::after {
		content: "▴";
	}
	body:not(.alpas-filtry-otevreno) .alpas-faseta {
		display: none !important;
	}
}

/* Zaškrtnutý řádek (ÚKOL 031): FacetWP dává .facetwp-checkbox.checked obrázek checkbox-on.png;
   naše zkratka `background: none` nastavila background-repeat: repeat, takže se jeho šedý čtvereček
   opakoval přes celý řádek („šedé pruhy"). Zaškrtávátko je naše vlastní (::before/::after) → obrázek pryč. */
.alpas-faseta .facetwp-checkbox,
.alpas-faseta .facetwp-checkbox.checked,
.alpas-faseta .facetwp-checkbox.disabled {
	background-image: none !important;
}
.alpas-faseta .facetwp-checkbox.checked {
	background-color: transparent;
	font-weight: 400;
}

/* Barevné fasety (ÚKOL 031): kolečko z barvy termu + název + počet. Tenká linka u všech koleček,
   aby bílá a krémová nezmizely na bílém panelu. */
.alpas-faseta .alpas-faseta-barva {
	flex: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	box-shadow: inset 0 0 0 1px rgba(28, 24, 24, .2);
}
.alpas-faseta .facetwp-display-value:has(.alpas-faseta-barva) {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* ÚKOL 045 — stránkování výpisu = pager FacetWP (faseta „strankovani“, prvek Text „alpas-strankovani“ v 7540).
   Vzhled převzatý z dřívějšího stránkování Avady: čtverečky 40 × 40, rádius 4 px, vpravo, 40 px nad sebou. */
.alpas-strankovani .facetwp-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 40px;
}
.alpas-strankovani .facetwp-pager:empty {
	display: none; /* jediná stránka → žádné místo navíc */
}
.alpas-strankovani,
.alpas-strankovani p,
.alpas-strankovani .facetwp-facet {
	margin-bottom: 0 !important;
}
.alpas-strankovani .facetwp-page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 6px;
	margin: 0;
	border: 1px solid var(--awb-color3);
	border-radius: 4px;
	background: transparent;
	color: var(--awb-color4);
	font-size: 14px;
	line-height: 1;
	text-decoration: none !important; /* globální tečkované podtržení odkazů */
	cursor: pointer;
	transition: border-color .15s, background-color .15s, color .15s;
}
.alpas-strankovani .facetwp-page:hover {
	border-color: var(--awb-color4);
}
.alpas-strankovani .facetwp-page.active {
	background: var(--awb-color4);
	border-color: var(--awb-color4);
	color: var(--awb-color1);
	cursor: default;
}
.alpas-strankovani .facetwp-page.prev,
.alpas-strankovani .facetwp-page.next {
	padding: 0 14px;
}
.alpas-strankovani .facetwp-page.dots {
	border-color: transparent;
	cursor: default;
}
@media (max-width: 640px) {
	.alpas-strankovani .facetwp-pager {
		justify-content: center;
		gap: 6px;
		margin-top: 24px;
	}
	/* na mobilu šipky místo „Předchozí / Další“, ať se pager vejde na jeden řádek */
	.alpas-strankovani .facetwp-page.prev,
	.alpas-strankovani .facetwp-page.next {
		padding: 0 6px;
		font-size: 0;
	}
	.alpas-strankovani .facetwp-page.prev::before { content: "‹"; font-size: 20px; }
	.alpas-strankovani .facetwp-page.next::before { content: "›"; font-size: 20px; }
}