/**
 * Mobile full-screen Menu Screen (fixed below persistent header).
 */

@media (max-width: 63.99rem) {
	.faradoran-mobile-panel,
	.adonis-mobile-panel {
		--faradoran-mobile-menu-screen-top: var(
			--faradoran-theme-persistent-header-stack-bottom,
			var(--faradoran-theme-persistent-header-stack-bottom-fallback)
		);

		position: fixed;
		inset-inline: 0;
		inset-block-start: var(--faradoran-mobile-menu-screen-top);
		inset-block-end: 0;
		z-index: var(--faradoran-theme-z-overlay);
		inline-size: 100%;
		max-inline-size: none;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		background-color: var(--faradoran-theme-color-ivory);
		color: var(--faradoran-theme-color-text);
		display: flex;
		flex-direction: column;
		overflow: hidden;
		transform: translateX(100%);
		visibility: hidden;
		pointer-events: none;
		transition: transform var(--faradoran-theme-motion-base) var(--faradoran-theme-easing-standard);
		will-change: transform;
	}

	html.faradoran-js .faradoran-mobile-panel[hidden],
	html.faradoran-js .adonis-mobile-panel[hidden],
	html.adonis-js .faradoran-mobile-panel[hidden],
	html.adonis-js .adonis-mobile-panel[hidden] {
		display: flex !important;
	}

	html.faradoran-js .faradoran-mobile-panel.is-open,
	html.faradoran-js .adonis-mobile-panel.is-open,
	html.adonis-js .faradoran-mobile-panel.is-open,
	html.adonis-js .adonis-mobile-panel.is-open {
		transform: translateX(0);
		visibility: visible;
		pointer-events: auto;
	}

	.faradoran-mobile-panel__screen,
	.adonis-mobile-panel__screen {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-block-size: 0;
		overflow: hidden;
	}

	.faradoran-mobile-panel__toolbar,
	.adonis-mobile-panel__toolbar {
		position: relative;
		flex: 0 0 auto;
		min-block-size: calc(var(--faradoran-theme-touch-target) + var(--faradoran-theme-space-2));
		padding-block-start: var(--faradoran-theme-space-2);
		padding-inline: max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-start)) max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-end));
	}

	.faradoran-mobile-panel__close,
	.adonis-mobile-panel__close {
		position: absolute;
		top: var(--faradoran-theme-space-2);
		left: max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-start));
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: var(--faradoran-theme-touch-target);
		min-inline-size: var(--faradoran-theme-touch-target);
		min-block-size: var(--faradoran-theme-touch-target);
		margin: 0;
		padding: 0;
		border: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
		border-radius: var(--faradoran-theme-radius-sm);
		background-color: var(--faradoran-theme-color-white);
		color: var(--faradoran-theme-color-text);
		cursor: pointer;
	}

	.faradoran-mobile-panel__close:hover,
	.faradoran-mobile-panel__close:focus-visible,
	.adonis-mobile-panel__close:hover,
	.adonis-mobile-panel__close:focus-visible {
		border-color: var(--faradoran-theme-color-green);
		color: var(--faradoran-theme-color-green);
	}

	.faradoran-mobile-panel__close:focus-visible,
	.adonis-mobile-panel__close:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: var(--faradoran-theme-focus-offset);
	}

	.faradoran-mobile-panel__body,
	.adonis-mobile-panel__body {
		flex: 1 1 auto;
		min-block-size: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-block-end: max(var(--faradoran-theme-space-6), var(--faradoran-theme-safe-area-bottom));
		padding-inline: max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-start)) max(var(--faradoran-theme-layout-gutter), var(--faradoran-theme-safe-area-inline-end));
	}

	@media (prefers-reduced-motion: reduce) {
		.faradoran-mobile-panel,
		.adonis-mobile-panel {
			transition: none;
		}
	}
}

@media (min-width: 64rem) {
	.faradoran-mobile-panel,
	.adonis-mobile-panel {
		display: none !important;
	}
}

html.has-mobile-menu-open .faradoran-mobile-bottom-nav,
html.has-mobile-menu-open .adonis-mobile-bottom-nav {
	visibility: hidden;
	pointer-events: none;
}