/* Floating WhatsApp button — secondary action on every page (design: floating pill, bottom corner). */
.isobal-wa-float {
	position: fixed;
	inset-inline-end: 22px;
	inset-block-end: 22px;
	z-index: 80;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 12px 20px;
	border-radius: 30px;
	background: var(--wp--preset--color--green, #2e5c4e);
	color: var(--wp--preset--color--off-white, #f7f6f2);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(27, 42, 74, 0.28);
}

.isobal-wa-float:hover,
.isobal-wa-float:focus-visible {
	background: var(--wp--preset--color--navy, #1b2a4a);
	color: var(--wp--preset--color--off-white, #f7f6f2);
}

.isobal-wa-float:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #c9a24a);
	outline-offset: 3px;
}

.isobal-wa-float__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--gold, #c9a24a);
}

@media (max-width: 600px) {
	.isobal-wa-float {
		inset-inline-end: 16px;
		inset-block-end: 16px;
	}
}

@media print {
	.isobal-wa-float {
		display: none;
	}
}