/* ==========================================================================
   MC Ducky – Kapcsolati kártyák (contact-list / contact-card)
   A MC Ducky landing .contact-list / .contact-card / .contact-icon stílusainak
   1:1 mása .mcducky- prefixszel (Lucide ikonok a PHP-ből, currentColor).
   ========================================================================== */

.mcducky-contact-side {
	display: grid;
	gap: 14px;
	align-content: start;
	font-family: 'Space Grotesk', sans-serif;
}

/* --- Kártya ------------------------------------------------------------- */
.mcducky-contact-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #0c1526;
	border: 1px solid #ffffff14;
	border-radius: 12px;
	padding: 18px 20px;
	color: #eaf3ff;
	text-decoration: none;
	transition: border-color 0.15s ease;
}
.mcducky-contact-card:hover {
	border-color: #35d0ff55;
	color: #eaf3ff;
}

/* Ikon-doboz a bal oldalon. */
.mcducky-contact-card__icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #35d0ff18;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #35d0ff;
	flex-shrink: 0;
}

/* Címke + érték a jobb oldalon. */
.mcducky-contact-card__label {
	display: block;
	font-size: 12px;
	color: #8ea4c0;
}

.mcducky-contact-card__value {
	display: block;
	font-weight: 700;
	font-size: 16px;
	color: #eaf3ff;
}

/* Helyszín-megjegyzés (kis halvány sor az érték alatt). */
.mcducky-contact-card__note {
	display: block;
	font-size: 12px;
	color: #8ea4c0;
	margin-top: 3px;
}

/* --- Reszponzív --------------------------------------------------------- */
@media ( max-width: 767px ) {
	.mcducky-contact-card {
		padding: 16px 18px;
	}
}