/*
Theme Name: Breitcom Child
Theme URI: https://breitcom.com.br/
Description: Child theme do Kadence para o site Breitcom.
Author: Breitcom
Author URI: https://breitcom.com.br/
Template: kadence
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: breitcom-child
*/

/* ==========================================================================
   Botão flutuante de WhatsApp
   Fica neste ficheiro (e não no landing.css) porque é carregado em todas
   as páginas — o botão tem de funcionar fora da landing também.
   Verde da marca WhatsApp de propósito: é o que o visitante reconhece de
   imediato, mesmo destoando da paleta do site.
   ========================================================================== */
.bc-whatsapp {
	position: fixed;
	right: clamp(16px, 3vw, 28px);
	bottom: clamp(16px, 3vw, 28px);
	/* abaixo da galeria sobreposta (9999), acima de tudo o resto */
	z-index: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	box-shadow: 0 4px 12px rgba(28, 26, 25, 0.18), 0 12px 28px rgba(37, 211, 102, 0.28);
	transition: transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.bc-whatsapp:hover,
.bc-whatsapp:focus-visible {
	transform: translateY(-3px) scale(1.04);
	box-shadow: 0 6px 16px rgba(28, 26, 25, 0.22), 0 18px 36px rgba(37, 211, 102, 0.36);
	color: #fff;
}

.bc-whatsapp:focus-visible {
	outline: 3px solid #1c1a19;
	outline-offset: 3px;
}

.bc-whatsapp svg {
	width: 32px;
	height: 32px;
	display: block;
}

@media (max-width: 600px) {
	.bc-whatsapp {
		width: 52px;
		height: 52px;
	}

	.bc-whatsapp svg {
		width: 29px;
		height: 29px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bc-whatsapp {
		transition: none;
	}

	.bc-whatsapp:hover,
	.bc-whatsapp:focus-visible {
		transform: none;
	}
}

@media print {
	.bc-whatsapp {
		display: none;
	}
}