/* ==========================================================================
   Emergency House – Kapcsolati infókártyák (contact__side)
   A sablon (sablonhouse/styles.css) .contact__side / .infocard / .follow
   szabályainak 1:1 mása, .eh- prefixszel. Csak az oszlop (form nélkül).
   ========================================================================== */

.eh-contact-side {
	display: grid;
	gap: 14px;
	align-content: start;
}

/* --- Infókártya --------------------------------------------------------- */
.eh-infocard {
	background: #111;
	border: 1px solid #ffffff12;
	padding: 26px 24px;
	border-radius: 2px;
}

.eh-infocard__label {
	color: #9b9b95;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.eh-infocard__label--gap {
	margin-bottom: 14px;
}

/* Nagy érték (e-mail, telefon) — Anton betűvel, mint a sablonban. */
.eh-infocard__value {
	font-family: 'Anton', sans-serif;
	font-size: clamp(18px, 2vw, 24px);
	color: #fff;
	letter-spacing: 0.3px;
	word-break: break-all;
	text-decoration: none;
	transition: color 0.15s ease;
	display: inline-block;
}
.eh-infocard__value--lg {
	font-size: clamp(20px, 2.2vw, 26px);
	word-break: normal;
}
.eh-infocard__value:hover {
	color: #E8E51C;
}

/* Helyszín: kiemelt + halvány megjegyzés. */
.eh-infocard__strong {
	font-weight: 700;
	font-size: 17px;
	color: #fff;
}
.eh-infocard__muted {
	color: #9b9b95;
	font-size: 14px;
	margin-top: 6px;
}

/* --- Közösségi linkek --------------------------------------------------- */
.eh-follow {
	display: grid;
	gap: 10px;
}
.eh-follow__link {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: color 0.15s ease;
}
.eh-follow__link:hover {
	color: #E8E51C;
}
.eh-follow__link svg {
	flex: none;
}

/* --- Reszponzív --------------------------------------------------------- */
@media (max-width: 520px) {
	.eh-infocard {
		padding: 22px 20px;
	}
}