.multisearchlabel{
    font-size: larger;
    font-weight: bolder;
}
.filterbtn{
    color: white;
    width: 100%;
}
.noclick{
    pointer-events: none;
}
.ptr{
    cursor: pointer;
}
.smallrem{
	font-size: 0.8rem;
}
.svplv{
	color: var(--bs-secondary);
}
.tmplv{
	color: var(--bs-primary);
}
.kolacic{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #00a5e6;
	color: white;
	padding: 1rem;
	text-align: center;
	display: none;
}
.kolacic p{
	display: inline;
	margin: 0;
}
.kolacic button{
	background-color: #263387;
	color: white;
	margin-left: 1rem;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.descitems{
	margin-right: 1rem;
}

/* Filters toggle triangle and button */
.filters-toggle-btn{
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	cursor: pointer;
	color: #ffffff;
	user-select: none;
}
.filters-toggle-label{
	font-weight: 600;
	letter-spacing: .04em;
}
.filters-toggle-triangle{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #ffffff; /* upward-pointing triangle */
	border-bottom: 0;
	transition: transform .18s ease, opacity .18s ease;
	opacity: 0.95;
}
/* When expanded, rotate triangle to point up. Support both attribute and class hooks. */
.filters-toggle-btn[aria-expanded="true"] .filters-toggle-triangle,
.filters-toggle-btn.open .filters-toggle-triangle{
	transform: rotate(180deg);
}

/* Small-screen tweaks: slightly larger hit area */
@media (max-width: 767.98px){
	.filters-toggle-btn{ padding: .35rem .5rem; }
}

/* Ensure filters sit below dropdowns and offcanvas/menus.
   Bootstrap sets --bs-dropdown-zindex:1000 by default; we place filters slightly
   below that so dropdowns and user menus render above the filters area. */
.filters{
	z-index: calc(var(--bs-dropdown-zindex, 1000) - 10) !important;
}