/**
 * Mobile sliding product search screen (fixed below persistent header).
 */

@media (max-width: 63.99rem) {
	.faradoran-header-action--search-toggle .faradoran-header-action__icon,
	.adonis-header-action--search-toggle .adonis-header-action__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: 1.25rem;
		block-size: 1.25rem;
	}

	.faradoran-header-action--search-toggle[aria-expanded="false"] .faradoran-header-action__icon--close,
	.adonis-header-action--search-toggle[aria-expanded="false"] .adonis-header-action__icon--close {
		display: none;
	}

	.faradoran-header-action--search-toggle[aria-expanded="true"] .faradoran-header-action__icon--search,
	.adonis-header-action--search-toggle[aria-expanded="true"] .adonis-header-action__icon--search {
		display: none;
	}

	.faradoran-mobile-product-search,
	.adonis-mobile-product-search {
		--faradoran-mobile-search-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-search-screen-top);
		inset-block-end: 0;
		z-index: var(--faradoran-theme-z-overlay);
		display: flex;
		flex-direction: column;
		background-color: var(--faradoran-theme-color-white);
		color: var(--faradoran-theme-color-text);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-block-end: max(var(--faradoran-theme-space-2), var(--faradoran-theme-safe-area-bottom));
		transform: translateY(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-product-search[hidden],
	html.faradoran-js .adonis-mobile-product-search[hidden],
	html.adonis-js .faradoran-mobile-product-search[hidden],
	html.adonis-js .adonis-mobile-product-search[hidden] {
		display: flex !important;
	}

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

	.faradoran-mobile-product-search__inner,
	.adonis-mobile-product-search__inner {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		align-items: stretch;
		gap: var(--faradoran-theme-space-3);
		padding-block-start: var(--faradoran-theme-space-4);
		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));
		min-block-size: 0;
	}

	.faradoran-mobile-product-search__search,
	.adonis-mobile-product-search__search {
		inline-size: 100%;
		margin-inline: auto;
	}

	.faradoran-mobile-product-search__search .faradoran-product-search,
	.adonis-mobile-product-search__search .adonis-product-search,
	.faradoran-mobile-product-search__search .faradoran-product-search--mobile-search-screen,
	.adonis-mobile-product-search__search .adonis-product-search--mobile-search-screen {
		inline-size: 100%;
		max-inline-size: none;
		margin-inline: auto;
	}

	.faradoran-site .faradoran-mobile-product-search .faradoran-product-search__field,
	.adonis-site .adonis-mobile-product-search .adonis-product-search__field,
	.faradoran-mobile-product-search__search .faradoran-product-search--mobile-search-screen .faradoran-product-search__field,
	.adonis-mobile-product-search__search .adonis-product-search--mobile-search-screen .adonis-product-search__field {
		inline-size: 100%;
		min-block-size: var(--faradoran-theme-control-min-height);
		padding-inline: var(--faradoran-theme-space-3);
		padding-inline-end: var(--faradoran-theme-space-3);
		font-size: max(1rem, var(--faradoran-theme-form-font-size-mobile));
		text-align: start;
	}

	.faradoran-mobile-product-search__search .faradoran-product-search--mobile-search-screen .faradoran-product-search__field::placeholder,
	.adonis-mobile-product-search__search .adonis-product-search--mobile-search-screen .adonis-product-search__field::placeholder {
		color: var(--faradoran-theme-color-text-muted);
		opacity: 0.72;
	}

	.faradoran-mobile-product-search__search .faradoran-product-search--mobile-search-screen .faradoran-product-search__submit--accessibility-only,
	.adonis-mobile-product-search__search .adonis-product-search--mobile-search-screen .adonis-product-search__submit--accessibility-only {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	.faradoran-mobile-product-search__helper,
	.adonis-mobile-product-search__helper {
		margin: 0;
		margin-inline: auto;
		inline-size: 100%;
		padding-inline: 0;
		color: var(--faradoran-theme-color-text-muted);
		font-size: var(--faradoran-theme-font-size-sm);
		line-height: var(--faradoran-theme-line-height-base);
		text-align: center;
	}

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

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

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