/* Feedback FAB styles extracted from components.css. */

.sw-feedback-fab {
	--sw-feedback-fab-offset-inline: clamp(1rem, 2.4vw, 1.75rem);
	--sw-feedback-fab-offset-block: clamp(1rem, 2.8vw, 1.75rem);
	--sw-feedback-fab-transition: 180ms ease;
	position: fixed;
	right: var(--sw-feedback-fab-offset-inline);
	bottom: var(--sw-feedback-fab-offset-block);
	z-index: 40;
	display: inline-flex;
	flex-direction: column;
	gap: 0.18rem;
	padding: 0.9rem 1rem 0.95rem;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 1.1rem;
	background:
		linear-gradient(135deg, rgba(13, 111, 109, 0.96), rgba(7, 83, 91, 0.96));
	box-shadow:
		0 1rem 2.2rem rgba(7, 83, 91, 0.22),
		0 0.25rem 0.7rem rgba(18, 24, 20, 0.12);
	color: #fff;
	text-decoration: none;
	transition:
		transform var(--sw-feedback-fab-transition),
		box-shadow var(--sw-feedback-fab-transition),
		filter var(--sw-feedback-fab-transition);
}

.sw-feedback-fab:hover,
.sw-feedback-fab:focus-visible {
	transform: translateY(-2px) scale(1.01);
	box-shadow:
		0 1.2rem 2.6rem rgba(7, 83, 91, 0.28),
		0 0.4rem 0.9rem rgba(18, 24, 20, 0.14);
	filter: saturate(1.05);
	color: #fff;
	text-decoration: none;
}

.sw-feedback-fab:focus-visible {
	outline: 3px solid rgba(225, 182, 64, 0.45);
	outline-offset: 3px;
}

.sw-feedback-fab__eyebrow {
	font-family: "Barlow Condensed", var(--wp--preset--font-family--heading);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
}

.sw-feedback-fab__label {
	font-family: "Nunito", var(--wp--preset--font-family--body);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.15;
}

@media (max-width: 640px) {
	.sw-feedback-fab {
		right: 0.85rem;
		bottom: 0.85rem;
		padding: 0.8rem 0.9rem 0.85rem;
		border-radius: 1rem;
	}

	.sw-feedback-fab__eyebrow {
		font-size: 0.7rem;
	}

	.sw-feedback-fab__label {
		font-size: 0.94rem;
	}
}