/*
 * RAVOLLI — CTA antes do rodapé v1.1.0
 * Camada: Blocksy Child (apresentação). Classificação: CANÔNICO.
 *
 * Botão cheio fundo marinho (`--rfc-navy`, token `brand-primary`) com texto
 * branco — decisão explícita do Ramon (19/10/2026), substituindo o fundo
 * dourado inicial. `#fff` direto porque `theme.json` não tem token de branco
 * (mesmo padrão usado em ravolli-about.css, ravolli-busca-vazia.css etc.).
 * O wrapper `.ravolli-ctas` mantém o botão fora da regra legada de botões do
 * style.css (`:not(.ravolli-ctas *)`).
 */

.ravolli-footer-cta {
	--rfc-navy: var(--wp--preset--color--brand-primary);
	--rfc-gold: var(--wp--preset--color--accent-gold);
	--rfc-bg: var(--wp--preset--color--bg-base);

	padding: 48px 16px;
	background: var(--rfc-bg);
}

@media (min-width: 900px) {
	.ravolli-footer-cta {
		padding: 64px 24px;
	}
}

.ravolli-footer-cta .wp-block-buttons.ravolli-ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin: 0;
}

.ravolli-footer-cta .ravolli-ctas .wp-block-button .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 14px 26px;
	line-height: 1.2;
	border: 1px solid var(--rfc-navy);
	border-radius: 2px;
	background: var(--rfc-navy);
	color: #fff;
	font-family: var(--wp--preset--font-family--body, 'Source Serif 4', serif);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
}

.ravolli-footer-cta .ravolli-ctas .wp-block-button .wp-block-button__link:hover {
	background: color-mix(in srgb, var(--rfc-navy) 85%, white);
	color: #fff;
}

.ravolli-footer-cta .ravolli-ctas .wp-block-button .wp-block-button__link:focus-visible {
	outline: 2px solid var(--rfc-gold);
	outline-offset: 2px;
}

/* Celular: os dois botões na mesma largura, um sob o outro. */
@media (max-width: 479px) {
	.ravolli-footer-cta .wp-block-buttons.ravolli-ctas {
		flex-direction: column;
		align-items: stretch;
		max-width: 360px;
		margin-inline: auto;
	}
}