/**
 * JIT Shop Sidebar — search, categories, filters
 */

/* ── Sidebar container ── */
#shop-sidebar.sidebar-inner,
#product-sidebar .sidebar-inner {
	background: var(--jit-color-surface);
	border: 1px solid var(--jit-color-border);
	border-radius: var(--jit-radius-md);
	padding: 1.25rem;
	box-shadow: var(--jit-shadow-card);
}

#shop-sidebar .widget,
#product-sidebar .widget {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--jit-color-border);
}

#shop-sidebar .widget:last-child,
#product-sidebar .widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* ── Widget titles ── */
#shop-sidebar .widget-title,
#product-sidebar .widget-title,
#shop-sidebar .jit-shop-widget__title,
#product-sidebar .jit-shop-widget__title {
	display: block;
	margin: 0 0 0.85rem;
	padding-left: 0.65rem;
	border-left: 3px solid var(--fs-color-primary);
	font-family: var(--jit-font-sans);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jit-color-text);
	line-height: 1.3;
}

#shop-sidebar .is-divider,
#product-sidebar .is-divider {
	display: none !important;
}

/* ── Breadcrumb (if shown in sidebar column) ── */
#shop-sidebar .woocommerce-breadcrumb,
#shop-sidebar .breadcrumbs,
.category-page-row > .col.large-3 .woocommerce-breadcrumb,
.category-page-row > .col.large-3 .breadcrumbs {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid var(--jit-color-border);
	font-family: var(--jit-font-sans);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jit-color-text-light);
}

#shop-sidebar .woocommerce-breadcrumb a,
.category-page-row > .col.large-3 .woocommerce-breadcrumb a {
	color: var(--jit-color-text-muted);
	text-decoration: none;
	transition: color var(--jit-transition);
}

#shop-sidebar .woocommerce-breadcrumb a:hover,
.category-page-row > .col.large-3 .woocommerce-breadcrumb a:hover {
	color: var(--fs-color-primary);
}

/* ── Product search ── */
#shop-sidebar .widget_product_search .searchform,
#product-sidebar .widget_product_search .searchform {
	margin: 0;
}

#shop-sidebar .widget_product_search .flex-row,
#product-sidebar .widget_product_search .flex-row {
	border: 1px solid var(--jit-color-border);
	border-radius: var(--jit-radius-sm);
	overflow: hidden;
	background: var(--jit-color-surface-alt);
	transition: border-color var(--jit-transition), box-shadow var(--jit-transition);
}

#shop-sidebar .widget_product_search .flex-row:focus-within,
#product-sidebar .widget_product_search .flex-row:focus-within {
	border-color: var(--fs-color-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fs-color-primary) 12%, transparent);
}

#shop-sidebar .widget_product_search .search-field,
#product-sidebar .widget_product_search .search-field {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0.7rem 0.85rem !important;
	font-family: var(--jit-font-sans);
	font-size: 0.8125rem;
	color: var(--jit-color-text);
	margin: 0 !important;
	height: auto !important;
}

#shop-sidebar .widget_product_search .search-field::placeholder {
	color: var(--jit-color-text-light);
}

#shop-sidebar .widget_product_search .ux-search-submit,
#product-sidebar .widget_product_search .ux-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	min-height: 2.75rem;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: var(--fs-color-primary) !important;
	color: #fff !important;
	transition: background var(--jit-transition);
}

#shop-sidebar .widget_product_search .ux-search-submit:hover,
#product-sidebar .widget_product_search .ux-search-submit:hover {
	background: color-mix(in srgb, var(--fs-color-primary) 82%, #000) !important;
}

#shop-sidebar .widget_product_search .ux-search-submit i,
#product-sidebar .widget_product_search .ux-search-submit i {
	color: #fff !important;
	font-size: 1rem;
}

/* ── Product categories ── */
#shop-sidebar .product-categories,
#product-sidebar .product-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

#shop-sidebar .product-categories > li,
#product-sidebar .product-categories > li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid var(--jit-color-border);
}

#shop-sidebar .product-categories > li:last-child,
#product-sidebar .product-categories > li:last-child {
	border-bottom: none;
}

#shop-sidebar .product-categories li a,
#product-sidebar .product-categories li a {
	display: block;
	padding: 0.7rem 2rem 0.7rem 0;
	font-family: var(--jit-font-sans);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--jit-color-text-muted);
	text-decoration: none;
	transition: color var(--jit-transition), padding-left var(--jit-transition);
}

#shop-sidebar .product-categories li a:hover,
#product-sidebar .product-categories li a:hover,
#shop-sidebar .product-categories li.current-cat > a,
#product-sidebar .product-categories li.current-cat > a {
	color: var(--fs-color-primary);
	padding-left: 0.35rem;
}

#shop-sidebar .product-categories .count,
#product-sidebar .product-categories .count {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--jit-color-text-light);
}

#shop-sidebar .product-categories ul.children,
#product-sidebar .product-categories ul.children {
	list-style: none;
	margin: 0;
	padding: 0 0 0.35rem 0.75rem;
	border-left: 2px solid color-mix(in srgb, var(--fs-color-primary) 20%, var(--jit-color-border));
}

#shop-sidebar .product-categories ul.children li a,
#product-sidebar .product-categories ul.children li a {
	padding-top: 0.45rem;
	padding-bottom: 0.45rem;
	font-size: 0.75rem;
}

/* Category accordion toggle */
#shop-sidebar .product-categories .toggle,
#product-sidebar .product-categories .toggle,
#shop-sidebar .sidebar-inner .toggle,
#product-sidebar .sidebar-inner .toggle {
	position: absolute;
	top: 0.55rem;
	right: 0;
	width: 1.75rem;
	height: 1.75rem;
	padding: 0;
	border: 1px solid var(--jit-color-border);
	border-radius: var(--jit-radius-sm);
	background: var(--jit-color-surface-alt);
	color: var(--jit-color-text-muted);
	cursor: pointer;
	transition:
		border-color var(--jit-transition),
		background var(--jit-transition),
		color var(--jit-transition);
}

#shop-sidebar .product-categories .toggle:hover,
#product-sidebar .product-categories .toggle:hover,
#shop-sidebar .sidebar-inner .toggle:hover,
#product-sidebar .sidebar-inner .toggle:hover {
	border-color: var(--fs-color-primary);
	background: color-mix(in srgb, var(--fs-color-primary) 8%, var(--jit-color-surface));
	color: var(--fs-color-primary);
}

/* ── Layered nav / filters (if added later) ── */
#shop-sidebar .woocommerce-widget-layered-nav-list li,
#shop-sidebar .wc-layered-nav-term {
	font-family: var(--jit-font-sans);
	font-size: 0.8125rem;
}

#shop-sidebar .woocommerce-widget-layered-nav-list li a:hover,
#shop-sidebar .wc-layered-nav-term:hover {
	color: var(--fs-color-primary);
}

/* ── Price filter ── */
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-range,
#shop-sidebar .widget_price_filter .ui-slider-handle {
	background: var(--fs-color-primary) !important;
}

#shop-sidebar .widget_price_filter .button {
	background: var(--fs-color-primary) !important;
	border-color: var(--fs-color-primary) !important;
}