/**
 * «Címke» (eyebrow) Elementor widget stílusok — ingatlan-modul.
 *
 * Forrás: sablon/fooldal .title-label (Schibsted Grotesk, 12px, 600, 0.28em,
 * nagybetűs, #AF7366) + a dekoratív arany vonal előtte.
 * A plugin CSS-e a téma után (késői prioritással, 100) töltődik — nem kell !important.
 *
 * A betűméretet és a színt az Elementor vezérlő injektálja ({{WRAPPER}} .im-title-label),
 * magasabb specificitással, így a felhasználói beállítás nyer.
 */

/* ===== Címke (alap) ===== */
.im-title-label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0;        /* <p> alapért. margó reset, ha tag=p */
	line-height: 1;
	font-family: 'Schibsted Grotesk', sans-serif;
	font-size: 12px;  /* alapértelmezett; az Elementor slider felülírja */
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #AF7366;
}

/* ===== Dekoratív vonal (currentColor → követi a szöveg színét) ===== */
.im-title-label__vonal {
	width: 24px;
	height: 1px;
	background: currentColor;
	flex: 0 0 auto;
}

/* ===== Mobil: kisebb betű, szűkebb térköz, rövidebb vonal ===== */
@media ( max-width: 767px ) {
	.im-title-label {
		font-size: 11px;
		letter-spacing: 0.24em;
		gap: 10px;
	}

	.im-title-label__vonal {
		width: 18px;
	}
}