/* Red kategorije: naziv levo (bira), chevron desno (siri granu).
   Rey vec postavlja li na flex sa order:-1 na linku - ovde se samo
   neutralisu max-width i margin-bottom koji lome red i poravnanje. */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li {
	align-items: stretch;
	margin-bottom: 2px;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li > a {
	flex: 1 1 0%;
	min-width: 0;
	max-width: none;
	display: flex;
	align-items: center;
	min-height: 42px;
	margin-bottom: 0;
	padding: 5px 10px;
	border-radius: 8px;
	position: relative;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li > a:hover {
	background: #f5f4f7;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li > button.__toggle {
	flex: 0 0 auto;
	align-self: stretch;
	width: 40px;
	height: auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	margin: 0 0 0 6px;
	padding: 0;
	opacity: .75;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li > button.__toggle:hover {
	background: #ece9f0;
	opacity: 1;
}
/* Rey tacku/krug za aktivnu stavku gasimo - aktivno stanje vec pokazuju
   pozadina, boja i kvacica */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] :is(.chosen, .chosen-ish) > a::before {
	display: none;
}
/* Strelica: zatvoreno = desno, otvoreno = dole */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] .__toggle svg {
	transition: transform .18s ease;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] .__toggle:not(.--collapsed) svg {
	transform: rotate(0deg);
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] .__toggle.--collapsed svg {
	transform: rotate(-90deg);
}

/* Podkategorije: uvlacenje sa linijom nivoa */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] ul.children {
	flex: 1 1 100%;
	margin-left: 12px;
	padding-left: 8px;
	border-left: 2px solid #e6e2ea;
}

/* Aktivna kategorija */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li.chosen > a {
	background: #f1eef5;
	color: #776B89;
	font-weight: 600;
}
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li.chosen > a .__name::after {
	content: "\2713";
	margin-left: 8px;
	font-size: 12px;
}

/* Precica "Prodavnica" na vrhu kategorijskog filtera */
.greenshop-filter-home {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e2ea;
}
.greenshop-filter-home a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 6px 10px;
	border-radius: 8px;
	font-weight: 600;
}
.greenshop-filter-home a:hover {
	background: #f5f4f7;
}
.greenshop-filter-home .__arrow {
	font-size: 20px;
	line-height: 1;
}
.greenshop-filter-home .__hint {
	font-weight: 400;
	font-size: 12px;
	opacity: .6;
}
.greenshop-filter-home.--current a {
	opacity: .45;
	pointer-events: none;
}

/* Brend filter kao mreza logo plocica */
.reyajfilter-layered-nav.--greenshop-brand-logos .reyajfilter-layered-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.reyajfilter-layered-nav.--greenshop-brand-logos li {
	margin: 0;
}
.reyajfilter-layered-nav.--greenshop-brand-logos li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: 64px;
	margin-bottom: 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #e6e2ea;
	border-radius: 10px;
	position: relative;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.reyajfilter-layered-nav.--greenshop-brand-logos li > a:hover {
	border-color: #776B89;
	box-shadow: 0 2px 8px rgba(63, 58, 54, .08);
}
.reyajfilter-layered-nav.--greenshop-brand-logos li.chosen > a {
	border-color: #776B89;
	box-shadow: 0 0 0 2px rgba(119, 107, 137, .25);
}
.reyajfilter-layered-nav.--greenshop-brand-logos .__logo {
	max-height: 38px;
	max-width: 100%;
	width: auto;
	object-fit: contain;
}
/* Kad plocica ima logo, naziv ostaje samo za citace ekrana */
.reyajfilter-layered-nav.--greenshop-brand-logos a.--has-logo .__name {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}


/* Neutralize the earlier theme link decoration only inside these filters. */
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li a:before,
.reyajfilter-layered-nav.--greenshop-brand-logos li a:before { display:none; }
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li:hover a,
.reyajfilter-layered-nav.--greenshop-brand-logos li:hover a { transform:none; }
.reyajfilter-layered-nav[data-taxonomy="product_cat"] li button.__toggle { background:#776b8926 !important; }