/* =========================================================
   VOLGA TOOLS — SHARED FLOATING UI GEOMETRY
   Keeps WhatsApp, contextual sticky UI and Blocksy scroll-to-top
   on one visual baseline without making the modules depend on
   each other's markup.
========================================================= */

body {
	--vt-floating-bottom: 24px;
	--vt-floating-edge-left: 20px;
	--vt-floating-size: 42px;
	--vt-floating-gap: 18px;
	--vt-context-left: 20px;
	--vt-context-right: 80px;
	--vt-context-height: var(--vt-floating-size);
}

/* When the WhatsApp button is present, reserve its 42px/44px circle
   plus an 18px visual gap for the contextual slot. */
body.vt-has-whatsapp {
	--vt-context-left: 80px;
}

/* Tablet: move the whole floating control row 4px closer to the viewport edge.
   Blocksy's scroll-to-top is included so WhatsApp, contextual UI and the
   scroll button remain on exactly the same baseline. */
@media (min-width: 768px) and (max-width: 1024px) {
	body {
		--vt-floating-bottom: 20px;
	}

	.ct-back-to-top {
		bottom: var(--vt-floating-bottom, 20px) !important;
	}
}

@media (max-width: 767px) {
	body {
		--vt-floating-bottom: 19px;
		--vt-floating-edge-left: 18px;
		--vt-floating-size: 44px;
		--vt-context-left: 18px;
		--vt-context-right: 80px;
		--vt-context-height: var(--vt-floating-size);
	}

	body.vt-has-whatsapp {
		--vt-context-left: 80px;
	}

	.ct-back-to-top {
		bottom: var(--vt-floating-bottom, 19px) !important;
	}
}