/* ==========================================================================
   FLOATING ELEMENTS — WhatsApp button + mobile sticky CTA bar
   Markup lives in: inc/floating-elements.php (rendered in wp_footer)
   Position/content controlled via: Theme Options -> Floating Buttons tab
   ========================================================================== */

/* ---------------- WhatsApp floating button ---------------- */
.efnj-whatsapp-float {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 56px;
	height: 56px;
	background: #25D366;
	color: var(--color-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(0,0,0,0.25);
	z-index: 1000;
	text-decoration: none;
	transition: transform 0.2s ease;
}

.efnj-whatsapp-float:hover {
	transform: scale(1.08);
}

/* The contact rail is injected with another brand's red. Restyle it
   with this site's orange and navy. */
.dk-rail {
	--dk-rail-brand: var(--color-accent, #FE5C08);
	--dk-rail-brand-hover: var(--color-primary, #03193C);
	--dk-rail-icon: var(--color-white, #ffffff);
}

.dk-rail .dk-rail__link {
	background: var(--color-accent, #FE5C08);
	border-color: var(--color-accent, #FE5C08);
	color: var(--color-white, #ffffff);
}

.dk-rail .dk-rail__link:hover,
.dk-rail .dk-rail__link:focus-visible {
	background: var(--color-primary, #03193C);
	border-color: var(--color-primary, #03193C);
	color: var(--color-white, #ffffff);
}

/* ---------------- Mobile sticky CTA bar ---------------- */
.efnj-mobile-cta-bar {
	display: none; /* hidden by default — shown only on mobile below */
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	box-shadow: 0 -2px 12px rgba(0,0,0,0.15);
}

.efnj-mobile-cta-bar__btn {
	flex: 1 1 50%;
	text-align: center;
	padding: 16px 8px;
	font-family: var(--font-body);
	font-weight: var(--fw-semibold);
	font-size: 15px;
	text-decoration: none;
	color: var(--color-white);
}

.efnj-mobile-cta-bar__btn--orange {
	background: var(--color-accent, #FE5C08);
}

.efnj-mobile-cta-bar__btn--blue {
	background: var(--color-primary, #03193C);
}

@media (max-width: 768px) {
	.efnj-mobile-cta-bar {
		display: flex;
	}

	/* Push the WhatsApp button up above the sticky bar, and above the bar's
	   own height, so they never overlap on mobile. */
	.efnj-whatsapp-float {
		bottom: 76px;
	}

	/* Give the page enough bottom breathing room so the sticky bar never
	   covers the footer's last content. */
	body {
		padding-bottom: 56px;
	}
}