/*
 * LiveChat (#chat-widget-container) stays bottom-right; WoodMart .scrollToTop moves to
 * bottom-left so the two FABs do not stack (scroll z-index 350 would cover chat otherwise).
 */

.scrollToTop {
	right: auto;
	left: 20px;
	transform: translateX(-100%);
}

.scrollToTop.button-show {
	transform: none;
}

@media (max-width: 1024px) {
	.scrollToTop {
		left: 12px;
		bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	}

	.sticky-toolbar-on .scrollToTop {
		right: auto;
		left: 12px;
		bottom: 67px;
	}

	.wd-sticky-btn-shown.scrollToTop {
		right: auto;
		left: 12px;
		bottom: calc(12px + var(--wd-sticky-btn-height));
	}

	.sticky-toolbar-on .wd-sticky-btn-shown.scrollToTop {
		right: auto;
		left: 12px;
		bottom: calc(12px + 55px + var(--wd-sticky-btn-height));
	}
}