/* Opt-in contact footer. Company details remain in the profile blocks. */
.agency-compact-footer {
	padding-block: 32px 18px;
	color: var(--wp--preset--color--canvas);
}

.agency-compact-footer .agency-compact-footer__main {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.35fr) 116px;
	align-items: center;
	gap: 24px 48px;
}

.agency-compact-footer .agency-compact-footer__main > *,
.agency-compact-footer .agency-compact-footer__brand > *,
.agency-compact-footer .agency-compact-footer__contact > *,
.agency-compact-footer .agency-compact-footer__qr > *,
.agency-compact-footer .agency-compact-footer__legal > * {
	margin: 0;
	min-width: 0;
}

.agency-compact-footer .wp-block-site-logo img {
	width: 144px;
	height: auto;
}

.agency-compact-footer .agency-company-field--company_name {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: .04em;
}

.agency-compact-footer .wp-block-site-tagline {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.6;
	color: var(--wp--preset--color--accent-light);
}

.agency-compact-footer .agency-compact-footer__contact {
	display: grid;
	gap: 6px;
	font-size: 14px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.agency-compact-footer .agency-company-field--phone a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	color: var(--wp--preset--color--accent-light);
	font-size: 26px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	letter-spacing: -.02em;
	white-space: nowrap;
}

.agency-compact-footer .agency-company-field--phone a::before {
	content: "";
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .3 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.4 1.8.6 2.8.7a2 2 0 0 1 1.8 2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.agency-compact-footer .agency-company-field__label {
	color: var(--wp--preset--color--canvas);
	opacity: .7;
}

.agency-compact-footer .agency-company-field--email a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
}

.agency-compact-footer address {
	display: inline;
	font-style: normal;
}

.agency-compact-footer .agency-compact-footer__qr {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

.agency-compact-footer .agency-company-qr img {
	display: block;
	width: 116px;
	height: 116px;
	padding: 4px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0;
}

.agency-compact-footer .agency-compact-footer__qr p {
	margin-top: 8px;
}

.agency-compact-footer .agency-compact-footer__legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 24px;
	margin-top: 24px;
	padding-top: 14px;
	border-top: 1px solid rgb(255 255 255 / 14%);
	font-size: 12px;
	line-height: 1.7;
	text-align: center;
	color: color-mix(in srgb, var(--wp--preset--color--canvas) 72%, var(--wp--preset--color--ink));
}

.agency-compact-footer .agency-compact-footer__legal a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
}

@media (max-width: 781px) {
	.agency-compact-footer {
		padding-block: 24px 18px;
	}

	.agency-compact-footer .agency-compact-footer__main {
		grid-template-columns: minmax(0, 1fr) 96px;
		align-items: start;
		gap: 14px 18px;
	}

	.agency-compact-footer .agency-compact-footer__brand {
		grid-column: 1;
		grid-row: 1;
	}

	.agency-compact-footer .agency-compact-footer__qr {
		grid-column: 2;
		grid-row: 1;
	}

	.agency-compact-footer .agency-compact-footer__contact {
		grid-column: 1 / -1;
		font-size: 13px;
		gap: 0;
	}

	.agency-compact-footer .wp-block-site-logo img {
		width: 128px;
	}

	.agency-compact-footer .agency-company-field--company_name {
		font-size: 17px;
	}

	.agency-compact-footer .agency-company-field--phone a {
		font-size: 24px;
	}

	.agency-compact-footer .agency-company-qr img {
		width: 96px;
		height: 96px;
	}

	.agency-compact-footer .agency-compact-footer__legal {
		flex-direction: column;
		gap: 2px;
		margin-top: 18px;
		padding-top: 12px;
	}
}