/* ---------------------------------------------------------------------------
 * Floating contact buttons — Call fixed bottom-left, WhatsApp fixed bottom-right,
 * on every front-end page. Markup is printed by perkulater_child_floating_contact()
 * in functions.php on wp_footer.
 * ------------------------------------------------------------------------- */
.pk-float-contact {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pk-float-contact li {
	position: fixed;
	bottom: 20px;
	z-index: 9999;
	margin: 0;
	padding: 0;
}

.pk-float-contact li:first-child {
	left: 20px;
}

.pk-float-contact li:last-child {
	right: 20px;
}

.pk-float-contact__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.pk-float-contact__btn:hover,
.pk-float-contact__btn:focus-visible {
	color: #fff;
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
	outline: none;
}

.pk-float-contact__btn svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
	display: block;
}

.pk-float-contact__btn--call {
	background: #966954; /* brand accent from the plate footer */
}

.pk-float-contact__btn--whatsapp {
	background: #25d366; /* official WhatsApp green */
}

/* Mobile: smaller circles so they don't crowd the content */
@media (max-width: 767px) {
	.pk-float-contact li {
		bottom: 14px;
	}

	.pk-float-contact li:first-child {
		left: 14px;
	}

	.pk-float-contact li:last-child {
		right: 14px;
	}

	.pk-float-contact__btn {
		width: 44px;
		height: 44px;
	}

	.pk-float-contact__btn svg {
		width: 20px;
		height: 20px;
	}
}

/* Keep the buttons clear of the admin bar-free layout when printed */
@media print {
	.pk-float-contact {
		display: none;
	}
}