/* Call / WhatsApp bar fixed to the bottom of the screen on phones, and an Enquire + WhatsApp pair at the bottom
   right on larger screens (Admin → Settings → Mobile buttons). */
.pja-mobile-contact,
.pja-desk-contact {
	display: none;
}
@media (min-width: 768px) {
	.pja-desk-contact {
		display: flex;
		align-items: center;
		gap: 10px;
		position: fixed;
		right: 22px;
		bottom: 22px;
		z-index: 9990;
	}
	.pja-desk-contact a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		box-shadow: 0 6px 18px rgba(15, 28, 38, .25);
		transition: transform .2s ease, background-color .2s ease;
	}
	.pja-desk-contact a:hover {
		transform: translateY(-2px);
		text-decoration: none;
	}
	.pja-desk-contact .pja-enquire {
		height: 48px;
		padding: 0 24px;
		border-radius: 999px;
		background: linear-gradient(135deg, #ecd48f 0%, #c99d3e 100%);
		color: #0f1c26;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .04em;
		box-shadow: 0 8px 22px rgba(201, 157, 62, .4);
	}
	.pja-desk-contact .pja-enquire:hover {
		background: #0f1c26;
		color: #ecd48f;
	}
	.pja-desk-contact .pja-wa-round {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background: #1fa855;
		color: #fff;
	}
	.pja-desk-contact .pja-wa-round svg {
		width: 26px;
		height: 26px;
		fill: currentColor;
	}
}
@media (max-width: 767px) {
	.pja-mobile-contact {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, .18);
		padding-bottom: env(safe-area-inset-bottom);
		background: #fff;
	}
	.pja-mobile-contact a {
		flex: 1 1 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		min-height: 52px;
		font-family: inherit;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: .02em;
		text-decoration: none;
		color: #fff;
	}
	.pja-mobile-contact a:hover,
	.pja-mobile-contact a:focus {
		color: #fff;
		text-decoration: none;
		filter: brightness(1.06);
	}
	.pja-mobile-contact .pja-call {
		background: linear-gradient(135deg, #ecd48f 0%, #c99d3e 100%);
		color: #0f1c26;
	}
	.pja-mobile-contact .pja-call:hover,
	.pja-mobile-contact .pja-call:focus {
		color: #0f1c26;
	}
	.pja-mobile-contact .pja-whatsapp {
		background: #1fa855;
	}
	.pja-mobile-contact svg {
		width: 20px;
		height: 20px;
		fill: currentColor;
		flex: none;
	}
	/* keep the end of the page (footer) visible above the bar: the footer itself gets the extra space */
	body.pja-has-mobile-contact #colophon {
		padding-bottom: calc(52px + env(safe-area-inset-bottom));
	}
}