@use '@lucca-front/scss/src/commons/utils/overflow';
@use '@lucca-front/scss/src/components/newBadge/exports' as newBadge;

@mixin active {
	background-color: var(--components-navSide-fullwidth-palette-selected-bg);
	color: var(--components-navSide-fullwidth-palette-selected-text);
	opacity: 1;
}

@mixin expanded {
	.navSide-item-arrow {
		transform: rotate(270deg);
	}
}

@mixin notOpen {
	.navSide-item-subMenu {
		display: none;
	}
}

@mixin sublinkHover {
	background-color: var(--components-navSide-fullwidth-palette-hovered-bg);
	color: var(--components-navSide-fullwidth-palette-hovered-text);
}

@mixin sublinkActive {
	background-color: var(--components-navSide-fullwidth-palette-selected-bg);
	color: var(--components-navSide-fullwidth-palette-selected-text);
}

@mixin mobileOpen {
	block-size: 100vh;
	overflow-x: hidden;
	overflow-y: auto;

	.navSide-bottomSection,
	.navSide-scrollWrapper {
		padding: 0.5em;
	}
}

@mixin mobileOpenBanner {
	block-size: calc(100vh - var(--commons-banner-height));
}

@mixin mobileHidden {
	display: none;
}

@mixin overlay {
	@include overflow.scrollblock;
}