/* ==============================================
   Floating Category Navigator — Base Styles
   Dynamic values (color, size, offset) are
   injected via wp_head in the plugin PHP file.
   ============================================== */

.fcn-arrow {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	transition: filter 0.2s ease, transform 0.2s ease;
	cursor: pointer;
	text-decoration: none !important;

	/* default colour / size — overridden by dynamic CSS from PHP */
	background: #8DC63F;
	width: 44px;
	height: 44px;
}

.fcn-arrow svg {
	fill: #ffffff;
	width: 55%;
	height: 55%;
	flex-shrink: 0;
}

.fcn-arrow:hover {
	text-decoration: none !important;
	transform: translateY(-50%) scale(1.08);
}

.fcn-arrow:focus {
	outline: 3px solid #fff;
	outline-offset: 2px;
}