/**

 * JEDINEČNO Product Filter

 * Odlehčený design s checkboxy v řádku vedle sorting

 */



/* Toolbar kontejner - flex layout pro zarovnání */

.ast-shop-toolbar-container,

.woocommerce-notices-wrapper + .ast-shop-toolbar-container {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	flex-wrap: wrap !important;

	gap: 20px !important;

	margin-bottom: 24px !important;

}



/* Filtr vlevo - zabere prostor */

.jedinecno-product-filter-wrapper {

	order: 1;

	flex: 1 1 auto;

	margin: 0;

	padding: 0;

	display: flex;

	align-items: center;

}



/* Aside wrap se sortingem - doprava */

.ast-shop-toolbar-container > .ast-shop-toolbar-aside-wrap {

	order: 2;

	flex: 0 0 auto;

	margin-left: auto;

}



/* Sorting uvnitř aside-wrap */

.ast-shop-toolbar-container .woocommerce-ordering {

	margin: 0;

}



.jedinecno-filter-container {

	display: inline-flex;

	align-items: center;

	gap: 16px;

	flex-wrap: wrap;

}



/* === OPTIONS CONTAINER === */

.jedinecno-filter-options {

	display: flex;

	align-items: center;

	gap: 20px;

	flex-wrap: wrap;

	margin-top: 2px;

}



/* === JEDNOTLIVÁ MOŽNOST === */

.jedinecno-filter-option {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	cursor: pointer;

	user-select: none;

	position: relative;

	transition: all 0.2s ease;

}



/* === CHECKBOX (skrytý) === */

.jedinecno-filter-checkbox {

	position: absolute;

	opacity: 0;

	cursor: pointer;

	height: 0;

	width: 0;

}



/* === CUSTOM CHECKMARK === */

.jedinecno-filter-checkmark {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 20px;

	height: 20px;

	border: 2px solid #D8D0C8;

	border-radius: 4px;

	background-color: transparent;

	transition: all 0.2s ease;

	position: relative;

}



/* Checkmark icon (hidden by default) */

.jedinecno-filter-checkmark::after {

	content: '';

	position: absolute;

	display: none;

	left: 6px;

	top: 2px;

	width: 5px;

	height: 10px;

	border: solid #FFFFFF;

	border-width: 0 2px 2px 0;

	transform: rotate(45deg);

}



/* === LOADING STATE === */

.jedinecno-product-filter-wrapper.loading {

	opacity: 0.6;

	pointer-events: none;

}



/* === HOVER STATE === */

.jedinecno-filter-option:hover .jedinecno-filter-checkmark {

	border-color: #96816B;

	transform: scale(1.05);

}



/* === CHECKED STATE === */

.jedinecno-filter-checkbox:checked ~ .jedinecno-filter-checkmark {

	background-color: #96816B;

	border-color: #96816B;

}



.jedinecno-filter-checkbox:checked ~ .jedinecno-filter-checkmark::after {

	display: block;

}



/* === TEXT === */

.jedinecno-filter-text {

	font-family: 'Figtree', sans-serif;

	font-size: 14px;

	font-weight: 400;

	color: #051F34;

	transition: color 0.2s ease;

}



.jedinecno-filter-checkbox:checked ~ .jedinecno-filter-text {

	font-weight: 600;

	color: #96816B;

}



.jedinecno-filter-option:hover .jedinecno-filter-text {

	color: #96816B;

}



/* === INTEGRACE S ORDERING === */

.woocommerce-ordering {

	margin-bottom: 0;

}



/* === RESPONSIVE === */

@media (max-width: 768px) {

	/* Na mobilu: pouze filtry (sorting schovaný) */

	.ast-shop-toolbar-container,

	.woocommerce-notices-wrapper + .ast-shop-toolbar-container {

		flex-direction: column !important;

		align-items: flex-start !important;

		gap: 15px !important;

	}

	

	.jedinecno-product-filter-wrapper {

		order: 1;

		width: 100%;

		flex: 1 1 auto;

	}

	

	/* SCHOVAT SORTING NA MOBILU - nevejde se to vedle filtrů */

	.ast-shop-toolbar-container > .ast-shop-toolbar-aside-wrap {

		display: none !important;

	}

	

	.jedinecno-filter-options {

		gap: 16px;

		flex-wrap: wrap;

		flex-direction: row;

	}

	

	.jedinecno-filter-text {

		font-size: 13px;

	}

}



@media (max-width: 480px) {

	/* Na velmi malých displejích můžeme nechat filtry pod sebou */

	.jedinecno-filter-options {

		flex-direction: column;

		align-items: flex-start;

		gap: 12px;

	}

	

	.jedinecno-filter-option {

		width: 100%;

	}

}



/* === FOCUS STATES (accessibility) === */

.jedinecno-filter-checkbox:focus ~ .jedinecno-filter-checkmark {

	outline: 2px solid #96816B;

	outline-offset: 2px;

}