.flgn-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* Auto-hide: only render when JS has confirmed the slider is navigable.
   Mirrors the built-in slider arrows that auto-hide when items fit. */
.flgn-nav--auto-visibility:not(.is-active) {
	display: none !important;
}

.flgn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0 solid transparent;
	background-color: #111;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.flgn-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.flgn-btn > i,
.flgn-btn > svg {
	display: block;
	width: 1em;
	height: 1em;
	font-size: inherit;
	line-height: 1;
	pointer-events: none;
}

.flgn-btn.is-disabled,
.flgn-btn[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

.flgn-nav.is-disconnected {
	opacity: 0.5;
}

.flgn-editor-notice {
	margin-top: 8px;
	padding: 8px 10px;
	background: #fff3cd;
	color: #664d03;
	border: 1px dashed #ffd966;
	font-size: 12px;
	line-height: 1.4;
}