/*
 * pbs/whatsapp. Zero-specificity defaults (:where) so the design panel wins. Logical properties only.
 */
:where(.__PREFIX__-whatsapp) {
	position: fixed;
	inset-block-end: 1.25rem;
	z-index: 9990;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	min-inline-size: 56px;
	min-block-size: 56px;
	padding: 0.9em;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	font-weight: 600;
}

/* Colours at class specificity: a theme's link colour must not land on the green button. */
.__PREFIX__-whatsapp {
	background: #075e54;
	color: #fff;
}

:where(.__PREFIX__-whatsapp--end) {
	inset-inline-end: 1.25rem;
}

:where(.__PREFIX__-whatsapp--start) {
	inset-inline-start: 1.25rem;
}

:where(.__PREFIX__-whatsapp--labelled) {
	padding-inline: 1.1em 1.3em;
}

:where(.__PREFIX__-whatsapp:focus-visible) {
	outline: 3px solid #fff;
	box-shadow: 0 0 0 5px #075e54;
}

@media print {
	:where(.__PREFIX__-whatsapp) {
		display: none;
	}
}