/*
 * Canal de contato (T4.3): selo + nome + dado + ação.
 */

.contact-channel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	padding: 8px 14px;
	border-radius: var(--fa-radius-panel);
	background: var(--fa-color-panel);
}

.contact-channel__badge {
	display: grid;
	flex: none;
	place-items: center;
	width: var(--fa-contact-badge);
	height: var(--fa-contact-badge);
	border-radius: 50%;
	background: var(--fa-color-badge-strong);   /* medido: selo mais escuro que a caixa (06-contato) */
	color: var(--fa-color-heading);
}

.contact-channel__badge .icon svg {
	width: 36px;
	height: 36px;
}

.contact-channel__body {
	flex: 1 1 160px;
	min-width: 0;
}

.contact-channel__label {
	margin: 0;
	color: var(--fa-color-heading);
	font-family: var(--fa-font-heading);
	font-size: var(--fa-size-channel-label);
	font-weight: var(--fa-weight-heading);
	line-height: 1.2;
}

.contact-channel__value {
	margin: 2px 0 0;
	color: var(--fa-color-text);
	font-size: var(--fa-size-small);
	overflow-wrap: anywhere;
}

.contact-channel__value a {
	color: inherit;
}