/* Componente: Contact — info + formulário Contact Form 7. */

.contact-block {
	display: grid;
	gap: var(--spacing-xl);
	grid-template-columns: 1fr;
}

/* Variante sem coluna de informação — formulário em largura total. */
.contact-block--solo {
	display: block;
}

@media (min-width: 1024px) {
	.contact-block {
		grid-template-columns: 2fr 3fr;
	}

	.contact-block--solo {
		display: block;
	}
}

.contact-block__heading {
	font-size: clamp(1.5rem, 3vw, 2rem);
	color: var(--color-primary-dark);
	margin-bottom: var(--spacing-md);
}

/* Lista de contactos (partilhada com footer) */
.contact-list {
	list-style: none;
	display: grid;
	gap: var(--spacing-sm);
}

.contact-list__item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	color: var(--color-text);
}

.contact-list__item .icon {
	flex-shrink: 0;
	margin-top: 0.15em;
	color: var(--color-accent);
}

.contact-list__text {
	font-style: normal;
	line-height: 1.5;
}

/* Cartão do formulário */
.contact-block__form {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: clamp(1.25rem, 4vw, 2.5rem);
	box-shadow: var(--shadow-sm);
}