/**
 * Legal links row in Flatsome absolute footer (wp_nav_menu output).
 * Loaded after Flatsome so these rules win over footer-primary / .menu defaults.
 */

.absolute-footer .absolute-footer-legal {
	text-align: center;
	opacity: 0.85;
	margin-top: 0.35em;
	line-height: 1.35;
	font-size: clamp(0.625rem, 2.1vw, 0.75rem);
}

/* Any depth: do not require direct-child ul (some stacks/plugins wrap menus). */
.absolute-footer .absolute-footer-legal ul.menu,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	column-gap: 0.35rem !important;
	row-gap: 0.2rem !important;
	list-style: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.absolute-footer .absolute-footer-legal ul.menu > li,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li,
.absolute-footer .absolute-footer-legal li.menu-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
	list-style: none !important;
}

.absolute-footer .absolute-footer-legal ul.menu > li::marker,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li::marker,
.absolute-footer .absolute-footer-legal li.menu-item::marker {
	content: none !important;
	font-size: 0 !important;
}

.absolute-footer .absolute-footer-legal ul.menu > li > a,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li > a,
.absolute-footer .absolute-footer-legal li.menu-item > a {
	display: inline !important;
	text-decoration: none !important;
	color: inherit !important;
	border: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 0 !important;
	line-height: inherit !important;
}

.absolute-footer .absolute-footer-legal ul.menu > li > a:hover,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li > a:hover,
.absolute-footer .absolute-footer-legal li.menu-item > a:hover {
	opacity: 0.65;
}

/* Separator dot (replaces default list bullets). */
.absolute-footer .absolute-footer-legal ul.menu > li:not(:last-child)::after,
.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li:not(:last-child)::after,
.absolute-footer .absolute-footer-legal li.menu-item:not(:last-child)::after {
	content: "•" !important;
	margin-left: 0.35rem !important;
	opacity: 0.55 !important;
	font-size: 0.7em !important;
	pointer-events: none !important;
}

/* Desktop: one horizontal band, wrap only if many links / narrow width. */
@media screen and (min-width: 850px) {
	.absolute-footer .absolute-footer-legal {
		font-size: 0.75rem;
	}

	.absolute-footer .absolute-footer-legal ul.menu,
	.absolute-footer .absolute-footer-legal ul.absolute-footer-menu {
		flex-wrap: nowrap !important;
		column-gap: 0.45rem !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		justify-content: center !important;
	}

	.absolute-footer .absolute-footer-legal ul.menu::-webkit-scrollbar,
	.absolute-footer .absolute-footer-legal ul.absolute-footer-menu::-webkit-scrollbar {
		display: none;
	}

	.absolute-footer .absolute-footer-legal ul.menu > li > a,
	.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li > a,
	.absolute-footer .absolute-footer-legal li.menu-item > a {
		white-space: nowrap !important;
	}
}

/* Mobile: tighter, allow link text to wrap inside a chip if needed. */
@media screen and (max-width: 849px) {
	.absolute-footer .absolute-footer-legal {
		font-size: 0.625rem;
		opacity: 0.9;
	}

	.absolute-footer .absolute-footer-legal ul.menu,
	.absolute-footer .absolute-footer-legal ul.absolute-footer-menu {
		column-gap: 0.28rem !important;
		row-gap: 0.15rem !important;
		justify-content: center !important;
	}

	.absolute-footer .absolute-footer-legal ul.menu > li > a,
	.absolute-footer .absolute-footer-legal ul.absolute-footer-menu > li > a,
	.absolute-footer .absolute-footer-legal li.menu-item > a {
		white-space: normal !important;
	}
}