/* PEVIK – élő kereső
 * Modern, letisztult megjelenés. Brand szín: #320363
 * Magas specificitás + !important hogy a sablon ne tudja felülírni.
 */
.pevik-kereso {
	--pevik-brand: #320363;
	--pevik-brand-soft: #f3eef9;
	--pevik-brand-hover: #4a0a8a;
	--pevik-text: #1d1235;
	--pevik-muted: #6b6480;
	--pevik-border: #e6e2ee;
	--pevik-bg: #ffffff;
	--pevik-row-hover: #faf8fd;

	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	font-family: inherit;
	box-sizing: border-box;
	color: var(--pevik-text);
}

.pevik-kereso *,
.pevik-kereso *::before,
.pevik-kereso *::after {
	box-sizing: border-box;
}

/* Bemenet wrapper – ikon + input */
.pevik-kereso .pevik-kereso__mezo {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

.pevik-kereso .pevik-kereso__ikon {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	height: 18px !important;
	color: var(--pevik-brand) !important;
	opacity: .7 !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

/* Bemenet */
.pevik-kereso input.pevik-kereso__input,
.pevik-kereso input[type="search"].pevik-kereso__input {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 14px 18px 14px 46px !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	color: var(--pevik-text) !important;
	background: var(--pevik-bg) !important;
	border: 1.5px solid var(--pevik-border) !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(50, 3, 99, .04) !important;
	outline: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.pevik-kereso input.pevik-kereso__input::placeholder {
	color: var(--pevik-muted) !important;
	opacity: 1 !important;
}

.pevik-kereso input.pevik-kereso__input:hover,
.pevik-kereso input[type="search"].pevik-kereso__input:hover {
	border-color: #cfc6e0 !important;
}

.pevik-kereso input.pevik-kereso__input:focus,
.pevik-kereso input[type="search"].pevik-kereso__input:focus {
	border-color: var(--pevik-brand) !important;
	box-shadow: 0 0 0 4px rgba(50, 3, 99, .12) !important;
}

/* Találati lista */
.pevik-kereso .pevik-kereso__eredmenyek {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 6px !important;
	background: var(--pevik-bg) !important;
	border: 1px solid var(--pevik-border) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 32px rgba(50, 3, 99, .12), 0 2px 6px rgba(50, 3, 99, .06) !important;
	max-height: 460px !important;
	overflow-y: auto !important;
	z-index: 9999 !important;
	list-style: none !important;
}

/* Scrollbar finomítás */
.pevik-kereso .pevik-kereso__eredmenyek::-webkit-scrollbar {
	width: 8px !important;
}
.pevik-kereso .pevik-kereso__eredmenyek::-webkit-scrollbar-thumb {
	background: #d8d0e7 !important;
	border-radius: 8px !important;
}
.pevik-kereso .pevik-kereso__eredmenyek::-webkit-scrollbar-thumb:hover {
	background: var(--pevik-brand) !important;
}

/* Összegző fejléc */
.pevik-kereso .pevik-kereso__osszegzo {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px 12px !important;
	padding: 12px 14px !important;
	margin: 0 0 6px 0 !important;
	font-size: 13px !important;
	color: var(--pevik-text) !important;
	background: var(--pevik-brand-soft) !important;
	border: 1px solid #e6dcf3 !important;
	border-radius: 10px !important;
}

.pevik-kereso .pevik-kereso__osszegzo-fo {
	font-weight: 600 !important;
	color: var(--pevik-brand) !important;
}

.pevik-kereso .pevik-kereso__osszegzo-reszek {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

.pevik-kereso .pevik-kereso__osszegzo-reszek span {
	display: inline-block !important;
	padding: 3px 10px !important;
	background: #fff !important;
	border: 1px solid #e6dcf3 !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	color: var(--pevik-text) !important;
	font-weight: 500 !important;
}

/* Csoport cím */
.pevik-kereso .pevik-kereso__csoport-cim {
	padding: 10px 14px 6px !important;
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .06em !important;
	color: var(--pevik-muted) !important;
	background: transparent !important;
	border: none !important;
}

/* Egy találat – sor: bal info, jobb akció */
.pevik-kereso .pevik-kereso__talalat {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	padding: 12px 14px !important;
	margin: 2px 0 !important;
	border: none !important;
	border-radius: 10px !important;
	background: transparent !important;
	text-decoration: none !important;
	color: inherit !important;
	transition: background .15s ease, transform .05s ease;
}

.pevik-kereso .pevik-kereso__talalat:hover,
.pevik-kereso .pevik-kereso__talalat:focus {
	background: var(--pevik-row-hover) !important;
	outline: none !important;
}

.pevik-kereso .pevik-kereso__talalat:active {
	transform: scale(.997);
}

.pevik-kereso .pevik-kereso__info {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.pevik-kereso .pevik-kereso__cim {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--pevik-text) !important;
	line-height: 1.35 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Címke – soft pill, brand színhangoltan */
.pevik-kereso .pevik-kereso__cimke {
	display: inline-flex !important;
	align-items: center !important;
	width: fit-content !important;
	padding: 3px 10px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	color: var(--pevik-brand) !important;
	background: var(--pevik-brand-soft) !important;
	border: 1px solid #e6dcf3 !important;
	border-radius: 999px !important;
	line-height: 1.4 !important;
}

.pevik-kereso .pevik-kereso__cimke--page {
	color: #1f4f8a !important;
	background: #eaf2fb !important;
	border-color: #d6e4f5 !important;
}
.pevik-kereso .pevik-kereso__cimke--post {
	color: #0f6b54 !important;
	background: #e6f5ef !important;
	border-color: #cfe9de !important;
}
.pevik-kereso .pevik-kereso__cimke--dok {
	color: var(--pevik-brand) !important;
	background: var(--pevik-brand-soft) !important;
	border-color: #e6dcf3 !important;
}

.pevik-kereso .pevik-kereso__akcio {
	flex: 0 0 auto !important;
}

.pevik-kereso .pevik-kereso__letoltes {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 14px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: var(--pevik-brand) !important;
	border: 1px solid var(--pevik-brand) !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: background .15s ease, border-color .15s ease;
}

.pevik-kereso .pevik-kereso__talalat:hover .pevik-kereso__letoltes,
.pevik-kereso .pevik-kereso__talalat:focus .pevik-kereso__letoltes {
	background: var(--pevik-brand-hover) !important;
	border-color: var(--pevik-brand-hover) !important;
}

.pevik-kereso .pevik-kereso__uzenet {
	padding: 18px 14px !important;
	color: var(--pevik-muted) !important;
	font-size: 14px !important;
	text-align: center !important;
}
