/*
Theme Name: Ricardo Fagundes FSE
Theme URI: https://ricardofagundes.com.br
Author: Ortho Vida
Author URI: https://ricardofagundes.com.br
Description: Tema WordPress Full Site Editing (FSE) em blocos puros para o site do Dr. Ricardo Lermen Fagundes, ortopedista especialista em quadril e joelho. Sem plugins, sem campos personalizados: todo o conteúdo é editado direto no Editor de Site / Editor de Blocos. Inclui botão flutuante de WhatsApp.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ricardofagundes-fse
Tags: full-site-editing, block-patterns, one-column, custom-colors, custom-menu, healthcare, medical
*/

/* -----------------------------------------------------------------------
 * Estilos complementares.
 * O grosso do design (cores, tipografia, espaçamentos, botões) vive no
 * theme.json. Este arquivo só cobre o que os blocos nativos ainda não
 * resolvem sozinhos via editor: o botão flutuante do WhatsApp e pequenos
 * detalhes visuais.
 * --------------------------------------------------------------------- */

/* Botão flutuante do WhatsApp (ver parts/whatsapp-float.html).
 * O link/ícone em si é um bloco "HTML Personalizado" (core/html) — o
 * usuário pode editar o número, a mensagem e o SVG diretamente pelo
 * código no Editor de Site. Aqui só cuidamos da posição fixa na tela,
 * do círculo verde e da animação de pulso. */
.whatsapp-float {
	position: fixed;
	right: var(--wp--preset--spacing--30, 1rem);
	bottom: var(--wp--preset--spacing--30, 1rem);
	z-index: 999;
	margin: 0;
}

.whatsapp-float-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 999px;
	background-color: #25d366;
	box-shadow: var(--wp--preset--shadow--float);
	transition: transform 0.2s ease;
	text-decoration: none;
}

.whatsapp-float-button:hover {
	transform: scale(1.08);
}

/* Pequena animação de pulso para chamar atenção para o botão do WhatsApp. */
@keyframes rf-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
	}
	70% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
}

.pulsating-button {
	animation: rf-pulse 2.4s infinite;
}

@media (prefers-reduced-motion: reduce) {
	.pulsating-button {
		animation: none;
	}
}

/* Cartões (especialidades, locais de atendimento, pilares) ganham um
 * leve efeito de elevação no hover para reforçar a sensação de clique. */
.rf-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rf-card:hover {
	transform: translateY(-4px);
}

/* Ajuste fino do cabeçalho: mantém logo e menu alinhados verticalmente
 * em qualquer tamanho de fonte escolhido pelo usuário. */
.site-header .wp-block-navigation {
	align-items: center;
}

/* Links de telefone/e-mail dentro de cartões não devem herdar o
 * sublinhado padrão de link para não parecer um link de conteúdo comum. */
.rf-contact-line a {
	text-decoration: none;
	color: inherit;
}

.rf-contact-line a:hover {
	color: var(--wp--preset--color--primary);
}