@charset 'UTF-8';
@use '../global' as *;

/* Fullscreen menu.
--------------------------------------------- */
.modal--fullscreen-nav {
	--modal-overlay-color: var(--ap-color-base);

	.modal__container {
		justify-content: flex-start;
	}

	.modal__content {
		width: min(100%, #{px-to-rem(800px)});
	}

	.modal__close-button {
		flex-direction: column;
		margin-inline: auto 0;
		font-size: 2rem;
		height: 1em;
	}
}

.fullscreen-nav {
	.menu__toggle-button {
		border: 0;
	}
}

.fullscreen-nav__header {}

.fullscreen-nav__title {
	font-size: var(--mobile-menu-title-font-size, var(--h3-font-size));
}