/* Scoped public floating contact controls. */
#ht-ctc-chat { display: none !important; }

.gf-floating-controls {
	position: fixed;
	right: clamp(14px, 2vw, 24px);
	bottom: clamp(18px, 2.5vw, 28px);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gf-floating-control {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	color: #fff;
	background: rgba(20, 31, 33, .78);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 50%;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .16);
	transition: transform .18s ease, background-color .18s ease, opacity .18s ease;
}

.gf-floating-control:hover,
.gf-floating-control:focus-visible {
	color: #fff;
	background: rgba(20, 31, 33, .95);
	transform: translateY(-2px);
	outline: none;
}

.gf-floating-control svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.gf-floating-control--whatsapp { background: rgba(37, 157, 79, .88); }
.gf-floating-control--whatsapp svg { fill: currentColor; stroke: none; }
.gf-floating-control--top { background: rgba(184, 138, 60, .82); }

@media (max-width: 760px) {
	.gf-floating-controls { right: 12px; bottom: 16px; gap: 7px; }
	.gf-floating-control { width: 38px; height: 38px; }
	.gf-floating-control svg { width: 18px; height: 18px; }
}