/*
 * Tombol WhatsApp mengambang (index.html: .fab) — markup dari inc/wa-float.php.
 * Cincin berdenyut memakai class kz-pulse dari elementor-helpers.css.
 * Selector a.kz-wa-float.kz-pulse sengaja lebih kuat dari rule kz-pulse
 * (yang memasang position: relative).
 */

a.kz-wa-float.kz-pulse {
	position: fixed;
	right: 20px;
	bottom: calc(20px + env(safe-area-inset-bottom, 0px));
	z-index: 90;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--kz-green-600);
	box-shadow: 0 8px 24px rgba(75, 122, 34, .4);
	color: #fff;
	text-decoration: none;
	transition: scale .18s var(--kz-ease), background-color .2s;
}

a.kz-wa-float.kz-pulse:hover {
	background: var(--kz-green-700);
	color: #fff;
	scale: 1.06;
}

a.kz-wa-float.kz-pulse:focus-visible {
	outline: 3px solid var(--kz-brown);
	outline-offset: 3px;
}

.kz-wa-float svg {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Scroll-to-top Astra (kanan bawah) dipindah ke atas tombol WA dan disejajarkan
 * di tengahnya (lebar bawaan Astra 2.1em), supaya tidak tertutup di layar mana pun. */
.kz-has-wa-float #ast-scroll-top.ast-scroll-to-top-right {
	right: calc(20px + (56px - 2.1em) / 2);
	bottom: calc(20px + 56px + 12px + env(safe-area-inset-bottom, 0px));
}

@media (prefers-reduced-motion: reduce) {
	a.kz-wa-float.kz-pulse {
		transition: none;
	}

	a.kz-wa-float.kz-pulse:hover {
		scale: none;
	}
}

@media print {
	a.kz-wa-float.kz-pulse {
		display: none;
	}
}