/*! Al Nasser — Floating Call Button (sits above the WhatsApp floating icon)
 *  Independent of Elementor/WhatsApp widget. Does not modify either.
 *  WhatsApp button: position:fixed; right:2vw; bottom:5vh; 50x50.
 *  Call button placed directly above it, same right column, even gap.
 */
.aln-call-float {
	position: fixed;
	right: 2vw;                      /* same column as WhatsApp */
	bottom: calc(5vh + 65px);        /* above WhatsApp (50px icon + 15px gap) */
	z-index: 9998;                   /* just under WhatsApp (9999), never overlaps it */
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #5667d5;             /* ALNASSER identity blue */
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);   /* subtle shadow */
	transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
	-webkit-tap-highlight-color: transparent;
}
.aln-call-float:hover,
.aln-call-float:focus {
	background: #3f4fc0;             /* slightly darker on hover */
	box-shadow: 0 4px 14px rgba(0,0,0,.28);
	transform: translateY(-2px);    /* gentle lift, no distracting motion */
}
.aln-call-float svg { width: 26px; height: 26px; display: block; fill: #fff; }
.aln-call-float:focus { outline: none; }

/* Mobile: keep the pair clear of the bottom toolbar */
@media (max-width: 767px) {
	.aln-call-float { bottom: calc(5vh + 62px); width: 48px; height: 48px; }
	.aln-call-float svg { width: 24px; height: 24px; }
}