/* =========================================================
   WHATSAPP — botões, botão flutuante e links no conteúdo
   Carregado por último para ter prioridade sobre os demais
   estilos de botão, sem depender de !important.
   Cores: azul-petróleo com texto branco (contraste ~6:1);
   sobre fundos escuros, champanhe com texto azul-marinho.
   ========================================================= */

.cf-btn--whatsapp {
	background: var(--cf-petrol);
	border-color: var(--cf-petrol);
	color: var(--cf-white);
	box-shadow: 0 10px 22px -12px rgba(53, 107, 115, 0.7);
}
.cf-btn--whatsapp:hover,
.cf-btn--whatsapp:focus-visible {
	background: var(--cf-petrol-dark);
	border-color: var(--cf-petrol-dark);
	color: var(--cf-white);
	box-shadow: 0 14px 26px -12px rgba(42, 86, 93, 0.8);
}
.cf-btn--whatsapp svg { width: 1.25em; height: 1.25em; fill: currentColor; }
.cf-btn--whatsapp.cf-btn--lg svg { width: 1.35em; height: 1.35em; }

/* Sobre fundos azul-marinho (rodapé, faixas escuras) */
.cf-footer .cf-btn--whatsapp,
.cf-band--navy .cf-btn--whatsapp {
	background: var(--cf-champagne);
	border-color: var(--cf-champagne);
	color: var(--cf-navy);
	box-shadow: none;
}
.cf-footer .cf-btn--whatsapp:hover,
.cf-band--navy .cf-btn--whatsapp:hover {
	background: var(--cf-white);
	border-color: var(--cf-white);
	color: var(--cf-navy);
}

/* Botão flutuante */
.cf-float-whatsapp {
	position: fixed;
	right: 1.25rem;
	bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
	z-index: 600;
	display: flex;
	align-items: center;
	gap: 0;
	height: 58px;
	min-width: 58px;
	padding: 0 15px;
	border-radius: 999px;
	background: var(--cf-petrol);
	color: var(--cf-white);
	box-shadow: 0 14px 30px -10px rgba(26, 41, 59, 0.55);
	transition: background-color 0.2s ease, transform 0.25s var(--cf-ease), gap 0.25s var(--cf-ease), padding 0.25s var(--cf-ease), opacity 0.2s ease;
}
.cf-float-whatsapp svg { width: 28px; height: 28px; flex: none; fill: currentColor; }
.cf-float-whatsapp__label {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: var(--cf-fs-sm);
	font-weight: 600;
	transition: max-width 0.3s var(--cf-ease);
}
.cf-float-whatsapp:hover,
.cf-float-whatsapp:focus-visible { background: var(--cf-petrol-dark); transform: translateY(-2px); gap: 0.6rem; padding: 0 20px 0 15px; }
.cf-float-whatsapp:hover .cf-float-whatsapp__label,
.cf-float-whatsapp:focus-visible .cf-float-whatsapp__label { max-width: 180px; }

@media (hover: none), (max-width: 700px) {
	.cf-float-whatsapp__label { display: none; }
	.cf-float-whatsapp:hover { padding: 0 15px; gap: 0; }
}

/* Links de WhatsApp dentro de páginas e posts editados no painel */
.cf-entry-content a[href*="wa.me"],
.cf-entry-content a[href*="whatsapp.com"] {
	display: inline-flex;
	align-items: center;
	padding: 0.6em 1.2em;
	border-radius: var(--cf-radius-sm);
	background: var(--cf-petrol);
	color: var(--cf-white);
	font-weight: 600;
	text-decoration: none;
}
.cf-entry-content a[href*="wa.me"]:hover,
.cf-entry-content a[href*="whatsapp.com"]:hover { background: var(--cf-petrol-dark); }