/* Botões — §7.4 item 1. Mobile-first, toque mínimo 44×44px (§9). */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: var(--boek-tap-min);
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	border: none;
	font-family: var(--boek-font-heading);
	font-weight: 600;
	font-size: var(--boek-text-small);
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--boek-transition), box-shadow var(--boek-transition);
}

.btn:hover {
	transform: translateY(-1px);
}

.btn--primario {
	background-color: var(--boek-coral);
	color: var(--boek-ink);
}

.btn--secundario {
	background-color: transparent;
	color: var(--boek-petroleo);
	border: 1.5px solid var(--boek-petroleo);
}

/* #25d366 (o verde "ícone" do WhatsApp) com texto branco só bate 1.98:1 —
   reprova longe do 4.5:1 exigido (achado real via Lighthouse/axe, §17).
   #167c44 é um verde mais escuro, ainda claramente "verde WhatsApp"
   (é a mesma família de cor do cabeçalho escuro do próprio app), com
   5.25:1 de contraste — passa com folga. */
.btn--whatsapp {
	background-color: #167c44;
	color: var(--boek-white);
}

.btn--whatsapp::before {
	content: "";
	width: 1.1em;
	height: 1.1em;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8 8 0 1 1 12 20Zm4.4-5.9c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1-.2.2-.6.8-.8 1-.1.2-.3.2-.5.1-.2-.1-1-.4-1.9-1.2-.7-.6-1.2-1.4-1.3-1.6-.1-.2 0-.4.1-.5.1-.1.2-.3.4-.4.1-.2.2-.3.2-.4.1-.2 0-.3 0-.5-.1-.1-.6-1.5-.8-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.2-.9.9-.9 2.2s1 2.6 1.1 2.7c.1.2 1.9 3 4.7 4.1.7.3 1.2.4 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8 8 0 1 1 12 20Zm4.4-5.9c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1-.2.2-.6.8-.8 1-.1.2-.3.2-.5.1-.2-.1-1-.4-1.9-1.2-.7-.6-1.2-1.4-1.3-1.6-.1-.2 0-.4.1-.5.1-.1.2-.3.4-.4.1-.2.2-.3.2-.4.1-.2 0-.3 0-.5-.1-.1-.6-1.5-.8-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.2-.9.9-.9 2.2s1 2.6 1.1 2.7c.1.2 1.9 3 4.7 4.1.7.3 1.2.4 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.button-link {
	background: none;
	border: none;
	padding: 0;
	color: var(--boek-turquesa-a11y);
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
	min-height: var(--boek-tap-min);
}

.badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	background-color: var(--boek-salmao);
	color: var(--boek-ink);
	font-size: var(--boek-text-small);
	font-weight: 600;
}

.boek-whatsapp-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}

.boek-whatsapp-cta__horario {
	font-size: var(--boek-text-small);
	color: var(--boek-ink);
	opacity: 0.75;
	margin: 0;
}

.boek-whatsapp-cta__horario.is-fora-do-horario {
	color: var(--boek-ink);
	opacity: 1;
	font-weight: 600;
}