/* IJ Friedhöfe-Filter — keeps the Elementor look, adds the working controls. */

.ij-ff-hide { display: none !important; }

/* search + region boxes ----------------------------------------------------- */
.ij-ff__field { position: relative; cursor: text; transition: box-shadow .15s ease, border-color .15s ease; }
.ij-ff__field:focus-within { box-shadow: 0 0 0 2px rgba(169, 149, 91, .4); }

.ij-ff__field input.ij-ff__input,
.ij-ff__field input.ij-ff__input:focus {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	color: #575757;
	font: inherit;
	font-size: 16px;
	line-height: 24px;
}
.ij-ff__input::placeholder { color: #737373; opacity: 1; }

.ij-ff__field--select { cursor: pointer; }
.ij-ff__field--select select.ij-ff__select {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 12px;
	opacity: 0;
	cursor: pointer;
	border: 0;
	font-size: 16px;
	-webkit-appearance: none;
	appearance: none;
	z-index: 2;
}

/* Grabart chips --------------------------------------------------------------- */
.ij-ff__chip { cursor: pointer; user-select: none; transition: background-color .15s ease, border-color .15s ease; }
.ij-ff__chip:hover,
.ij-ff__chip:hover > .elementor-widget-container { border-color: rgba(169, 149, 91, .4) !important; }
.ij-ff__chip:focus-visible { outline: 2px solid rgba(169, 149, 91, .6); outline-offset: 2px; }

.ij-ff__chip.is-active,
.ij-ff__chip.is-active > .elementor-widget-container {
	background-color: #A9955B !important;
	border-color: #A9955B !important;
}
.ij-ff__chip.is-active .elementor-heading-title { color: #FFFFFF !important; }

/* checkbox ------------------------------------------------------------------- */
.ij-ff__check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	user-select: none;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
}
.ij-ff__check input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	flex: 0 0 16px;
	accent-color: #A9955B;
	cursor: pointer;
}

/* count row + reset ---------------------------------------------------------- */
.ij-ff__countrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ij-ff__reset {
	padding: 0;
	border: 0;
	background: none;
	color: #A9955B;
	font: inherit;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}
.ij-ff__reset:hover, .ij-ff__reset:focus-visible { text-decoration: underline; background: none; color: #A9955B; }
.ij-ff__reset[hidden] { display: none; }

/* empty state ---------------------------------------------------------------- */
.ij-ff__empty { max-width: 576px; margin: 0 auto; padding: 48px 0; text-align: center; }
.ij-ff__empty[hidden] { display: none; }
.ij-ff__empty p { margin: 0 0 24px; color: #737373; font-size: 16px; line-height: 26px; }
.ij-ff__emptyactions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.ij-ff__btn {
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 20px;
	border-radius: 6px;
	font: inherit;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.ij-ff__btn--ghost { border: 1px solid #E0E0E0; background: transparent; color: #575757; }
.ij-ff__btn--ghost:hover, .ij-ff__btn--ghost:focus { border-color: rgba(169, 149, 91, .4); background: transparent; color: #575757; }
.ij-ff__btn--primary { border: 1px solid #A9955B; background: #A9955B; color: #FFFFFF; }
.ij-ff__btn--primary:hover, .ij-ff__btn--primary:focus { background: rgba(169, 149, 91, .9); color: #FFFFFF; }