/**
 * Floating FAQ help button — aligned with cl-frontend FaqFloatingButton.
 */
.cl-faq-fab {
	position: fixed;
	z-index: 99998;
	right: 1rem;
	left: auto;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	pointer-events: none;
}

body.cl-faq-modal-open .cl-faq-fab {
	z-index: 100001;
}

@media (min-width: 640px) {
	.cl-faq-fab {
		right: 1.5rem;
	}
}

.cl-faq-fab__btn {
	pointer-events: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 9999px;
	border: 1px solid rgba(255, 180, 0, 0.5);
	background: #000;
	color: #ffc000;
	text-decoration: none;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

@media (min-width: 640px) {
	.cl-faq-fab__btn {
		width: 3.5rem;
		height: 3.5rem;
	}
}

.cl-faq-fab__btn svg {
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
}

@media (min-width: 640px) {
	.cl-faq-fab__btn svg {
		width: 1.75rem;
		height: 1.75rem;
	}
}

.cl-faq-fab__btn:hover,
.cl-faq-fab__btn:focus {
	background: #111827;
	border-color: #ffc000;
	color: #ffc000;
	transform: scale(1.05);
}

.cl-faq-fab__btn:focus {
	outline: none;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffc000;
}

.cl-faq-fab__btn:focus:not(:focus-visible) {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.cl-faq-fab__btn:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffc000;
}

.cl-faq-fab__btn:active {
	transform: scale(0.95);
}