/* ==========================================================================
   Hotel (szálloda üzletági) oldal – az investor.css tokenjeire épül (.inv-*),
   kiegészítve a page-specifikus .htl-* elemekkel.
   ========================================================================== */

/* Szálloda szekció fejléc */
.htl-head { max-width: 900px; }
.htl-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}
.htl-stars { color: var(--inv-primary, #CAA05C); letter-spacing: 2px; font-size: 16px; }
.htl-badge__label {
	font-family: var(--inv-body-font, "Golos Text", sans-serif);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	color: var(--inv-lighter, #9F9FA4);
}
.htl-tagline {
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	color: var(--inv-primary, #CAA05C);
	font-size: clamp(18px, 2.2vw, 22px);
	margin: 0 0 14px;
}

/* USP mini-kártya */
.htl-usp { padding: 22px; }
.htl-usp h3 { font-size: 17px; margin: 0 0 8px; }
.htl-usp p { margin: 0; font-size: 15px; }

/* Két fókusz oszlop (Élmény / Lokáció) */
.htl-focus h3 {
	display: inline-block;
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	color: var(--inv-heading, #1C1C1D);
	margin: 0 0 10px;
}
.htl-focus__tag {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--inv-primary, #CAA05C);
	margin-bottom: 6px;
}

/* Szálloda elválasztó (finom vonal a szekciók közt) */
.htl-hotel { border-top: 1px solid var(--inv-border, #E3E3E8); }
.htl-hotel:first-of-type { border-top: 0; }