/* ==========================================================================
   Event (rendezvényhelyszínek) oldal – az investor.css tokenjeire/komponenseire
   épül (.inv-*), kiegészítve a page-specifikus .evt-* elemekkel.
   ========================================================================== */

/* ---------- Idézet ---------- */
.evt-quote {
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}
.evt-quote p {
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	color: var(--inv-heading, #1C1C1D);
	font-size: clamp(20px, 2.6vw, 28px);
	line-height: 1.4;
	margin: 0 0 12px;
}
.evt-quote p::before { content: "\201C"; color: var(--inv-primary, #CAA05C); }
.evt-quote p::after { content: "\201D"; color: var(--inv-primary, #CAA05C); }
.evt-quote cite { font-style: normal; color: var(--inv-lighter, #9F9FA4); font-size: 15px; }

/* ---------- Lépések (a sikeres rendezvény útvonala) ---------- */
.evt-steps { max-width: 920px; margin: 8px auto 0; }
.evt-step {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 22px;
	padding: 0 0 36px;
}
.evt-step::before {
	content: "";
	position: absolute;
	left: 31px; top: 56px; bottom: -4px;
	width: 2px;
	background: var(--inv-border, #E3E3E8);
}
.evt-step:last-child { padding-bottom: 0; }
.evt-step:last-child::before { display: none; }
.evt-step__num {
	width: 64px; height: 64px;
	border-radius: 50%;
	background: var(--inv-heading, #1C1C1D);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--inv-heading-font, "Cal Sans", sans-serif);
	font-size: 26px;
}
.evt-step__body { padding-top: 4px; }
.evt-step__body h3 { margin: 0 0 8px; }
.evt-step__body p { margin: 0 0 14px; }

/* ---------- Címke-chipek (dokumentumok / eredmények) ---------- */
.evt-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.evt-tags__label {
	display: block;
	width: 100%;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--inv-lighter, #9F9FA4);
	margin-bottom: 2px;
}
.evt-tag {
	display: inline-block;
	font-size: 13px;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--inv-field, #F6F6F6);
	border: 1px solid var(--inv-border, #E3E3E8);
	color: var(--inv-heading, #1C1C1D);
}

/* ---------- Katalógus letöltés blokk ---------- */
.evt-catalog {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px;
	background: var(--inv-field, #F6F6F6);
	border: 1px solid var(--inv-border, #E3E3E8);
	border-radius: 20px;
	padding: 34px;
	margin-top: 32px;
}
.evt-catalog__icon {
	flex: 0 0 auto;
	width: 64px; height: 64px;
	border-radius: 16px;
	background: var(--inv-primary, #CAA05C);
	color: #1C1C1D;
	display: flex; align-items: center; justify-content: center;
}
.evt-catalog__icon svg { width: 32px; height: 32px; }
.evt-catalog__body { flex: 1 1 320px; }
.evt-catalog__body h3 { margin: 0 0 8px; }
.evt-catalog__body p { margin: 0; }
.evt-catalog__action { flex: 0 0 auto; }

/* ---------- Reszponzív ---------- */
@media (max-width: 600px) {
	.evt-step { grid-template-columns: 48px 1fr; gap: 16px; }
	.evt-step::before { left: 23px; top: 48px; }
	.evt-step__num { width: 48px; height: 48px; font-size: 20px; }
	.evt-catalog { padding: 24px; }
}