/* Navigation More Button - Minimal Custom Styles */

/* Hide the checkbox input but keep it functional */
#longview-nav-toggle {
	display: none;
}

/* Rotate the SVG icon when expanded */
#longview-nav-toggle:checked ~ #longview-nav-wrapper label svg {
	transform: rotate(180deg);
}

/* Collapsible nav wrapper */
#longview-nav-wrapper {
	overflow: hidden;
	max-height: calc(1em + calc(.75rem * 2));
	transition: max-height 0.3s ease-in-out;
}

#longview-nav-toggle:checked ~ #longview-nav-wrapper {
	max-height: calc(calc(1em + calc(.75rem * 2)) * 5); /* Large enough for 4+ rows of nav items */
}

/* Content container */
#longview-nav-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

/* Position the more button on the right and inline with items */
#longview-more-button-container {
	display: flex;
	align-items: center;
	padding-right: 0.5rem;
	order: 99;
}

/* Nav items styling */
#longview-nav-items {
	order: 1;
	display: flex;
	flex-wrap: wrap;
	gap: inherit;
}