/* FT Sidebar katalogu — levý sloupec v kategoriích.
   Barvu zvýraznění plní PHP do --ftks-accent (výchozí zelená z tlačítek e-shopu). */

/* --- společný vzhled nadpisů widgetů --- */

#secondary .widget {
	margin-bottom: 28px;
}

#secondary .widget > .gamma,
#secondary .widget > .widget-title,
#secondary .widget > .widgettitle,
#secondary .widget > h2,
#secondary .widget > h3 {
	display: block;
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid #f0f0f0;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #111;
}

/* --- filtr podle barvy jako kolečka --- */

#secondary .widget_layered_nav ul.woocommerce-widget-layered-nav-list {
	display: grid;
	/* sedm v řadě; horní mez drží kolečka v rozumné velikosti i tam,
	   kde je sloupec přes celou šířku (mobil) */
	grid-template-columns: repeat(7, minmax(0, 32px));
	justify-content: start;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondary .widget_layered_nav ul.woocommerce-widget-layered-nav-list li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

/* WooCommerce si u zvolené barvy přidává vlastní křížek — nepotřebujeme ho,
   zrušení řeší odkaz pod mřížkou. */
#secondary .widget_layered_nav ul.woocommerce-widget-layered-nav-list li::before,
#secondary .widget_layered_nav ul.woocommerce-widget-layered-nav-list li .count {
	display: none;
}

.ftks-color {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	text-decoration: none;
}

.ftks-dot {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.18);
	box-shadow: inset 0 0 0 2px #fff;
	transition: transform 0.12s ease;
}

.ftks-color:hover .ftks-dot,
.ftks-color:focus-visible .ftks-dot {
	transform: scale(1.12);
}

#secondary .widget_layered_nav li.chosen .ftks-dot,
#secondary .widget_layered_nav li.woocommerce-widget-layered-nav-list__item--chosen .ftks-dot {
	box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px var(--ftks-accent, #3bb54a);
}

.ftks-reset {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	color: #777;
	text-decoration: underline;
}

.ftks-reset:hover {
	color: var(--ftks-accent, #3bb54a);
}

/* --- menu kategorií --- */

#secondary .widget_product_categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondary .widget_product_categories > ul > li {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

#secondary .widget_product_categories li a {
	display: block;
	padding: 9px 26px 9px 0;
	font-size: 14px;
	line-height: 1.35;
	color: #222;
	text-decoration: none;
	transition: color 0.12s ease;
}

#secondary .widget_product_categories li a:hover {
	color: var(--ftks-accent, #3bb54a);
}

#secondary .widget_product_categories li.current-cat > a {
	color: var(--ftks-accent, #3bb54a);
	font-weight: 600;
}

#secondary .widget_product_categories li.current-cat-parent > a,
#secondary .widget_product_categories li.current-cat-ancestor > a {
	font-weight: 600;
}

#secondary .widget_product_categories ul ul {
	margin: 0 0 8px;
	padding-left: 14px;
	border-left: 2px solid #f0f0f0;
}

#secondary .widget_product_categories ul ul li {
	border: 0;
}

#secondary .widget_product_categories ul ul a {
	padding: 6px 0;
	font-size: 13.5px;
	color: #555;
}

/* Sbalování zapíná JavaScript — bez něj zůstane strom rozbalený. */
#secondary .widget_product_categories.ftks-collapsible ul ul {
	display: none;
}

#secondary .widget_product_categories.ftks-collapsible li.ftks-open > ul {
	display: block;
}

.ftks-toggle {
	position: absolute;
	right: 0;
	top: 8px;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.ftks-toggle::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 7px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid #999;
	border-bottom: 1.5px solid #999;
	transform: rotate(45deg);
	transition: transform 0.15s ease;
}

.ftks-open > .ftks-toggle::before {
	top: 10px;
	transform: rotate(-135deg);
}

#secondary .widget_product_categories ul ul li {
	position: relative;
}

#secondary .widget_product_categories ul ul .ftks-toggle {
	top: 5px;
}