/* Sticky CTA Bar – Phoenixxlab */
.pxl-scta { --scta-primary: #0b3d6e; --scta-accent: #e5a823; position: fixed; z-index: 9990; font-family: inherit; transition: opacity .25s, transform .25s; }
.pxl-scta[hidden] { display: none !important; }
.pxl-scta.is-off { opacity: 0; pointer-events: none; }
.pxl-scta__btn { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none !important; font-weight: 700; font-size: 15px; line-height: 1; transition: filter .15s, transform .15s; }
.pxl-scta__btn svg { width: 20px; height: 20px; fill: currentColor; flex: none; }
.pxl-scta__btn:hover { filter: brightness(1.08); }
.pxl-scta__btn--call { background: var(--scta-primary); color: #fff !important; }
.pxl-scta__btn--wa { background: #25d366; color: #fff !important; }
.pxl-scta__btn--quote { background: var(--scta-accent); color: #111 !important; }

/* ---- Mobile: full-width bottom bar ---- */
@media (max-width: 767px) {
	.pxl-scta { left: 0; right: 0; bottom: 0; display: flex; padding-bottom: env(safe-area-inset-bottom); background: #fff; box-shadow: 0 -4px 16px rgba(0,0,0,.12); }
	.pxl-scta.is-off { transform: translateY(100%); }
	.pxl-scta__btn { flex: 1 1 0; flex-direction: column; gap: 4px; min-height: 60px; padding: 8px 4px; font-size: 12.5px; }
	.pxl-scta--no-mobile { display: none !important; }
	body.has-pxl-scta { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
}

/* ---- Desktop: floating stack on the right ---- */
@media (min-width: 768px) {
	.pxl-scta--desktop-no { display: none !important; }
	.pxl-scta--desktop-float { right: 20px; bottom: 24px; display: flex; flex-direction: column; gap: 10px; }
	.pxl-scta--desktop-float.is-off { transform: translateX(120%); }
	.pxl-scta--desktop-float .pxl-scta__btn { min-height: 48px; padding: 0 20px 0 16px; border-radius: 999px; box-shadow: 0 6px 18px rgba(16,24,40,.22); justify-content: flex-start; }
	.pxl-scta--desktop-float .pxl-scta__btn:hover { transform: translateX(-3px); }

	.pxl-scta--desktop-bar { left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; gap: 8px; padding: 8px; background: #fff; border-radius: 999px; box-shadow: 0 10px 30px rgba(16,24,40,.2); }
	.pxl-scta--desktop-bar.is-off { transform: translate(-50%, 140%); }
	.pxl-scta--desktop-bar .pxl-scta__btn { min-height: 46px; padding: 0 22px; border-radius: 999px; }
}

/* ---- Hide the Click to Chat plugin's own button while this bar is active ---- */
body.pxl-scta-hide-ctc-all .ht-ctc,
body.pxl-scta-hide-ctc-all .ht_ctc_chat_greetings_box,
body.pxl-scta-hide-ctc-all #ht-ctc-chat { display: none !important; }
@media (max-width: 767px) {
	body.pxl-scta-hide-ctc-mobile .ht-ctc,
	body.pxl-scta-hide-ctc-mobile #ht-ctc-chat { display: none !important; }
}

@media print { .pxl-scta { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .pxl-scta, .pxl-scta__btn { transition: none; } }