/* =============================================================
   ARC Contact Info Widget
   ============================================================= */

.arc-contact-info {
	font-family: inherit;
}

/* ── List reset ──────────────────────────────────────────────── */
.arc-ci-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ── Row ─────────────────────────────────────────────────────── */
.arc-ci-row {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	text-decoration: none;
}

a.arc-ci-row {
	transition: none;
}

a.arc-ci-row:hover .arc-ci-text {
	color: #79ba3a;
}

a.arc-ci-row:hover .arc-ci-icon {
	filter: brightness(1.1);
}

/* ── Icon circle ─────────────────────────────────────────────── */
.arc-ci-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	transition: filter .2s ease;
}

.arc-ci-icon svg {
	width: 20px;
	height: 20px;
	color: #fff;
	stroke: #fff;
	flex-shrink: 0;
}

/* ── Text ────────────────────────────────────────────────────── */
.arc-ci-text {
	font-size: 14px;
	line-height: 1.65;
	color: #2d2d2d;
	padding-top: 11px; /* optically center text with icon */
	transition: color .2s ease;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 480px) {
	.arc-ci-icon {
		width: 38px;
		height: 38px;
	}

	.arc-ci-icon svg {
		width: 17px;
		height: 17px;
	}

	.arc-ci-text {
		padding-top: 8px;
	}
}