/* Floating Call / WhatsApp button — AFR-42. Scoped under .aq-fc*. */

.aq-fc {
	position: fixed;
	right: 1.15rem;
	bottom: 1.15rem;
	z-index: 9990;
	display: flex;
	flex-direction: column;
	gap: .7rem;
	align-items: flex-end;
}

.aq-fc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;      /* centers the icon in the collapsed circle */
	height: 56px;
	width: 56px;
	border-radius: 999px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
	overflow: hidden;
	white-space: nowrap;
	transition: width .25s ease, transform .18s ease, box-shadow .18s ease;
}
.aq-fc-btn:hover,
.aq-fc-btn:focus-visible {
	width: auto;
	justify-content: flex-start;  /* icon left, label reveals to its right */
	padding: 0 1.2rem 0 16px;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
	outline: none;
}

/* Fixed-size glyph — no padding/flex-basis tricks (those collapsed its height) */
.aq-fc-ic {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	display: block;
}

.aq-fc-label {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-weight: 600;
	font-size: .92rem;
	max-width: 0;
	margin-left: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-width .25s ease, opacity .2s ease, margin-left .2s ease;
}
.aq-fc-btn:hover .aq-fc-label,
.aq-fc-btn:focus-visible .aq-fc-label {
	max-width: 14rem;
	margin-left: .6rem;
	opacity: 1;
}

/* WhatsApp brand green; Call in the theme ink */
.aq-fc-wa   { background: #25D366; }
.aq-fc-wa:hover { background: #1ebe5b; }
.aq-fc-call { background: #1a1a1a; }
.aq-fc-call:hover { background: #000; }

@media (prefers-reduced-motion: reduce) {
	.aq-fc-btn, .aq-fc-label { transition: none; }
}

@media (max-width: 640px) {
	.aq-fc { right: .8rem; bottom: .8rem; gap: .6rem; }
	.aq-fc-btn { height: 52px; width: 52px; }
	.aq-fc-btn:hover, .aq-fc-btn:focus-visible { padding: 0 1.1rem 0 15px; }
}