/* TEC Erweiterungen – Veranstaltungsfilter – Optik angelehnt an die horizontale Filter Bar (Pills unter der Suchleiste). */

.tribe-events .mwvf-leiste {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 0 0 100%;
	gap: 8px;
	width: 100%;
	margin: 16px 0 24px;
}

.tribe-events .mwvf-leiste[hidden] {
	display: none;
}

.tribe-events .mwvf-filter {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.tribe-events .mwvf-filter__auswahl {
	appearance: none;
	-webkit-appearance: none;
	width: auto;
	max-width: 260px;
	height: auto;
	min-height: 0;
	margin: 0;
	box-shadow: none;
	padding: 9px 30px 9px 12px;
	border: 1px solid var(--tec-color-border-secondary, #d5d5d5);
	border-radius: 20px;
	background: var(--tec-color-background, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141827' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center / 10px 6px;
	color: var(--tec-color-text-primary, #141827);
	font-family: inherit;
	font-size: 14px;
	line-height: 1.3;
	text-overflow: ellipsis;
	cursor: pointer;
}

.tribe-events .mwvf-filter__auswahl:hover,
.tribe-events .mwvf-filter__auswahl:focus {
	border-color: var(--tec-color-accent-primary, #334aff);
	outline: none;
}

.tribe-events .mwvf-filter__auswahl:focus-visible {
	box-shadow: 0 0 0 2px var(--tec-color-accent-primary, #334aff);
}

/* Aktiver Filter: gefüllte Pill mit Entfernen-Knopf statt Pfeil. */
.tribe-events .mwvf-filter--aktiv .mwvf-filter__auswahl {
	padding-right: 34px;
	border-color: var(--tec-color-accent-primary, #334aff);
	background-color: var(--tec-color-accent-primary, #334aff);
	background-image: none;
	color: var(--tec-color-text-primary-on-accent, #fff);
	font-weight: 700;
}

.tribe-events .mwvf-filter__auswahl option:disabled {
	color: #9a9a9a;
}

.tribe-events .mwvf-filter--aktiv .mwvf-filter__auswahl option {
	background: #fff;
	color: #141827;
	font-weight: 400;
}

.tribe-events .mwvf-filter__entfernen {
	position: absolute;
	right: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--tec-color-text-primary-on-accent, #fff);
	cursor: pointer;
}

.tribe-events .mwvf-filter__entfernen:hover,
.tribe-events .mwvf-filter__entfernen:focus-visible {
	background: rgba(255, 255, 255, 0.25);
	outline: none;
}

.tribe-events .mwvf-zuruecksetzen {
	margin-left: 4px;
	color: var(--tec-color-link-primary, inherit);
	font-size: 14px;
	text-decoration: underline;
}

/* Knopf in der Suchleiste */
.tribe-events .mwvf-knopf-container {
	display: flex;
	align-items: center;
	margin-left: 12px;
}

.tribe-events .mwvf-knopf {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	padding: 8px 4px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--tec-color-text-primary, #141827);
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	cursor: pointer;
}

.tribe-events .mwvf-knopf__anzahl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 10px;
	background: var(--tec-color-accent-primary, #334aff);
	color: var(--tec-color-text-primary-on-accent, #fff);
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 767px) {
	.tribe-events .mwvf-knopf__text {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.tribe-events .mwvf-knopf-container {
		margin-left: 0;
	}

	.tribe-events .mwvf-filter {
		flex: 1 1 100%;
		min-width: 0;
	}

	.tribe-events .mwvf-filter__auswahl {
		width: 100%;
		max-width: 100%;
	}
}