/* [pb_szurok] — Webshop-sablon szűrő-panel (a [pb_termekek] mellé, két oszlopos konténerbe). Font: Nunito Sans + Playfair Display. Csak px. */

/* JS-vezérelt állapot-elemek */
.pb-rejtett {
	display: none !important;
}

.pb-szuro-csoport {
	margin-top: 24px;
}

.pb-szuro-csoport-cimke {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #6B5A5E;
}

.pb-szuro-elvalaszto {
	height: 1px;
	background: #EED7DE;
	margin: 24px 0;
}

/* Kategória-gombok */
.pb-szuro-kategoriak {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
}

.pb-szuro-kategoria {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	border: none;
	background: transparent;
	cursor: pointer;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #383135;
	text-align: left;
	padding: 10px 14px;
	border-radius: 999px;
	transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pb-szuro-kategoria:hover {
	background-color: #F8EBE9;
}

.pb-szuro-kategoria span + span {
	font-size: 13px;
	font-weight: 400;
	color: #6B5A5E;
}

.pb-szuro-kategoria.pb-aktiv {
	background: #F3E6EE;
	font-weight: 700;
	color: #5D2C56;
}

.pb-szuro-kategoria.pb-aktiv:hover {
	background: #F3E6EE;
}

.pb-szuro-kategoria.pb-aktiv span + span {
	font-weight: 600;
	color: #8D4F7D;
}

/* Jellemző-chipek */
.pb-szuro-chipek {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.pb-szuro-chip {
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 12px;
	border-radius: 999px;
	cursor: pointer;
	border: 1.5px solid #D2B4C1;
	background-color: #FFFFFF;
	color: #8D4F7D;
	transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pb-szuro-chip:hover {
	background-color: #F3E6EE;
}

.pb-szuro-chip.pb-aktiv {
	font-weight: 700;
	border-color: #8D4F7D;
	background-color: #8D4F7D;
	color: #FFFFFF;
}

/* Aktív szűrő-chipek a rács felett */
.pb-szuro-aktiv {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 24px;
}

.pb-szuro-aktiv-chip {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #5D2C56;
	background: #F3E6EE;
	border: none;
	border-radius: 999px;
	padding: 7px 14px;
	cursor: pointer;
}

.pb-szuro-aktiv-chip svg {
	display: block;
	width: 13px;
	height: 13px;
}

/* Üres találat */
.pb-szuro-ures {
	text-align: center;
	padding: 48px 0 8px;
}

.pb-szuro-ures-cim {
	font-family: "Playfair Display", "Times New Roman", serif;
	font-size: 24px;
	color: #5D2C56;
	margin: 0;
}

.pb-szuro-ures-szoveg {
	font-size: 15px;
	color: #6B5A5E;
	margin: 10px 0 20px;
}

.pb-szuro-ures-torles {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border: 1.5px solid #D2B4C1;
	border-radius: 999px;
	background: #FFFFFF;
	color: #8D4F7D;
	padding: 12px 28px;
	cursor: pointer;
	transition: background 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pb-szuro-ures-torles:hover {
	background: #F3E6EE;
	color: #8D4F7D;
}

/* Jellemzők-kapcsoló gomb (mobilon látszik csak) */
.pb-szuro-kapcsolo {
	display: none;
	align-items: center;
	gap: 8px;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 12px;
	border-radius: 999px;
	cursor: pointer;
	border: 1.5px solid #D2B4C1;
	background-color: #FFFFFF;
	color: #8D4F7D;
	transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pb-szuro-kapcsolo svg {
	display: block;
	width: 14px;
	height: 14px;
}

/* ==========================================================================
   Reszponzív — mobil
   ========================================================================== */

@media (max-width: 767px) {

	/* A két csoport egybefolyik: kategória-chipek + jellemzők-gomb egy sorban. */
	.pb-szuro {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	.pb-szuro-csoport,
	.pb-szuro-kategoriak {
		display: contents;
	}

	.pb-szuro-csoport-cimke,
	.pb-szuro-elvalaszto {
		display: none;
	}

	/* Kategóriák chipekben, a jellemzőkkel azonos méretben. */
	.pb-szuro-kategoria {
		width: auto;
		justify-content: center;
		padding: 7px 12px;
		border-radius: 999px;
		border: 1.5px solid #D2B4C1;
		background-color: #FFFFFF;
		font-size: 13px;
		font-weight: 600;
		color: #8D4F7D;
	}

	.pb-szuro-kategoria:hover {
		background-color: #F3E6EE;
	}

	.pb-szuro-kategoria.pb-aktiv {
		font-weight: 700;
		background-color: #8D4F7D;
		border-color: #8D4F7D;
		color: #FFFFFF;
	}

	/* Darabszám elrejtése chip-módban. */
	.pb-szuro-kategoria span + span {
		display: none;
	}

	/* A jellemzők gombja a chipsorban ül. */
	.pb-szuro-kapcsolo {
		display: inline-flex;
	}

	.pb-szuro-csoport--jellemzok.pb-nyitott .pb-szuro-kapcsolo {
		font-weight: 700;
		border-color: #8D4F7D;
		background-color: #8D4F7D;
		color: #FFFFFF;
	}

	/* A nyitott jellemző-chipek teljes szélességű saját sorban jelennek meg. */
	.pb-szuro-csoport--jellemzok .pb-szuro-chipek {
		display: none;
		flex: 0 0 100%;
	}

	.pb-szuro-csoport--jellemzok.pb-nyitott .pb-szuro-chipek {
		display: flex;
	}
}