/**
 * Shop sidebar filters.
 * Category + Price: always expanded (no accordion).
 * Brands: open by default (collapsible via header); scrollable list; style matches categories.
 */

/* --- Category: keep expanded --- */
.elementor-widget-the7_product-categories.closed .dt-product-categories,
.elementor-widget-the7_product-categories .dt-product-categories,
.elementor-widget-the7_product-categories .the7-vertical-list {
	display: block !important;
}

.elementor-widget-the7_product-categories .filter-toggle-icon {
	display: none !important;
}

.the7-product-categories.collapsible .filter-header {
	cursor: default;
	pointer-events: none;
}

/* --- Price: keep expanded --- */
.the7-product-price-filter.closed .filter-container,
.the7-product-price-filter .filter-container {
	display: block !important;
}

.the7-product-price-filter .filter-toggle-icon {
	display: none !important;
}

.the7-product-price-filter.collapsible .filter-header {
	cursor: default;
	pointer-events: none;
}

/* --- Brands: collapsible header --- */
.elementor-widget-the7-woocommerce-brand-filter > .elementor-widget-container {
	margin: 0 0 30px;
	padding: 0;
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter .filter-header {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	padding: 0 0 10px;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: var(--e-global-color-el_color_7_4, var(--the7-divider-color, rgba(0, 0, 0, 0.12)));
	cursor: pointer;
	pointer-events: auto;
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter .filter-title {
	font-family: var(--e-global-typography-el_title_7-font-family, inherit), Sans-serif;
	font-size: var(--e-global-typography-el_title_7-font-size, inherit);
	font-weight: var(--e-global-typography-el_title_7-font-weight, inherit);
	text-transform: var(--e-global-typography-el_title_7-text-transform, none);
	font-style: var(--e-global-typography-el_title_7-font-style, normal);
	text-decoration: var(--e-global-typography-el_title_7-text-decoration, none);
	line-height: var(--e-global-typography-el_title_7-line-height, 1.2);
	letter-spacing: var(--e-global-typography-el_title_7-letter-spacing, normal);
	color: inherit;
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter .filter-toggle-icon .elementor-icon {
	font-size: 24px;
	color: var(--e-global-color-el_color_7_3, var(--the7-h1-color, inherit));
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter .filter-toggle-icon .elementor-icon svg {
	fill: var(--e-global-color-el_color_7_3, currentColor);
	color: var(--e-global-color-el_color_7_3, currentColor);
}

/* Hide brand chevron icon completely. */
.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter .filter-toggle-icon {
	display: none !important;
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter.closed .filter-toggle-icon .filter-toggle-active,
.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter:not(.closed) .filter-toggle-icon .filter-toggle-closed {
	display: none;
}

.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter.collapsible .filter-container {
	margin-top: 0;
}

/* Bordered scroll box — border on viewport so bottom line stays visible while scrolling */
.elementor-widget-the7-woocommerce-brand-filter .the7-product-brand-filter:not(.closed) .filter-container {
	max-height: 320px;
	overflow-y: auto !important;
	margin-top: 0 !important;
	padding: 20px;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: var(--e-global-color-el_color_7_4, var(--the7-divider-color, rgba(0, 0, 0, 0.12)));
	background: #fff;
	box-sizing: border-box;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	grid-row-gap: 20px !important;
	grid-column-gap: 0 !important;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav > .filter-nav-item {
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 100%;
	border-bottom: 0 !important;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .filter-nav-item-container {
	width: 100%;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	text-decoration: none;
	color: var(--e-global-color-el_color_7, var(--the7-base-color, inherit));
	align-items: center;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .name {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	color: inherit;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .name .count {
	color: var(--e-global-color-el_color_7_3, rgba(0, 0, 0, 0.45));
	font-weight: inherit;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .filter-nav-item-container:hover .name,
#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .filter-nav-item.active .filter-nav-item-container .name {
	color: var(--e-global-color-el_color_1, var(--kelmendi-accent, #e20813));
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .filter-nav-item-container .indicator {
	border-color: var(--e-global-color-el_color_7_4, var(--the7-divider-color, rgba(0, 0, 0, 0.12)));
	margin-right: 8px;
	flex-shrink: 0;
}

#the7-body .elementor-widget-the7-woocommerce-brand-filter .filter-nav.brand-nav .filter-nav-item.active .filter-nav-item-container .indicator .elementor-icon {
	color: var(--e-global-color-el_color_1, var(--kelmendi-accent, #e20813));
}

/* --- Mobile shop: Filters popup button (Elementor, hidden on desktop) --- */
body.woocommerce .elementor-element-aa47556 .box-button.elementor-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 132px;
	width: auto !important;
	max-width: 100%;
	padding-left: 20px !important;
	padding-right: 20px !important;
	white-space: nowrap;
	box-sizing: border-box;
}

/* Funnel icon → white chevron */
body.woocommerce .elementor-element-aa47556 .box-button.elementor-button svg {
	display: none !important;
}

body.woocommerce .elementor-element-aa47556 .box-button.elementor-button::after {
	content: "";
	display: block;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L10 13L15 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}