/**
 * Floating quick actions — Deepak Sales.
 *
 * Mobile-first. Depends on tokens.css + base.css. Fixed bottom-right on
 * every breakpoint (global, loaded on every page). Sits below the mobile
 * drawer / search overlay's z-index (var(--ds-z-drawer)) so those modals'
 * scrims correctly cover it while open.
 */

.ds-quick-actions {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: var(--ds-z-header);
	display: flex;
	flex-direction: column;
	gap: var(--ds-space-sm);
}

/* On mobile, the single product page has its own full-width sticky contact
   bar (Call/WhatsApp/Quote — see .ds-sticky-contact-bar in
   single-product.css) which would otherwise sit right under this same
   bottom-right corner. Hide this cluster there specifically; it's unaffected
   everywhere else, including the product page on larger screens. */
@media (max-width: 39.99em) {
	body.single-product .ds-quick-actions {
		display: none;
	}
}

.ds-quick-actions__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	box-shadow: var(--ds-shadow-lg);
	transition:
		transform var(--ds-dur-fast) var(--ds-ease),
		box-shadow var(--ds-dur-fast) var(--ds-ease);
}

.ds-quick-actions__btn:hover,
.ds-quick-actions__btn:focus-visible {
	transform: translateY(-3px);
}

.ds-quick-actions__btn:focus-visible {
	outline: 2px solid var(--ds-focus);
	outline-offset: 2px;
}

.ds-quick-actions__btn--whatsapp {
	background-color: var(--ds-success);
	color: var(--ds-on-accent);
}

.ds-quick-actions__btn--call {
	background-color: var(--ds-oxblood);
	color: var(--ds-on-accent);
}

.ds-quick-actions__btn--top {
	background-color: var(--ds-surface);
	color: var(--ds-ink);
	border: 1px solid var(--ds-line-strong);
}

.ds-quick-actions__btn--top[hidden] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.ds-quick-actions__btn:hover,
	.ds-quick-actions__btn:focus-visible {
		transform: none;
	}
}