/*
 * منوی ثابت پنج‌گزینه‌ای پایین صفحه در موبایل.
 */

.gerdoo-mobile-bottom-nav {
	display: none;
}

.gerdoo-account-sheet-backdrop,
.gerdoo-account-sheet {
	display: none;
}

@media (max-width: 689.98px) {
	html.gerdoo-account-sheet-open,
	body.gerdoo-account-sheet-open {
		overflow: hidden !important;
		overscroll-behavior: none;
	}

	body.gerdoo-account-sheet-ready.gerdoo-account-sheet-page :is(.ct-acount-nav, .woocommerce-MyAccount-navigation, .gerdoo-account-layout-nav) {
		display: none !important;
	}

	body.gerdoo-account-sheet-ready.gerdoo-account-sheet-page :is(.ct-woo-account, .gerdoo-account-layout-root) {
		display: block !important;
	}

	body.gerdoo-account-sheet-ready.gerdoo-account-sheet-page :is(.woocommerce-MyAccount-content, .gerdoo-account-layout-content) {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}

	body.gerdoo-mobile-navigation-enabled {
		padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
	}

	body.gerdoo-mobile-navigation-enabled #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"] {
		display: none !important;
	}

	.gerdoo-mobile-bottom-nav {
		position: fixed;
		z-index: 99999;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		height: calc(72px + env(safe-area-inset-bottom));
		padding: 5px 4px calc(5px + env(safe-area-inset-bottom));
		border-top: 1px solid rgba(25, 42, 61, 0.12);
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 -5px 18px rgba(25, 42, 61, 0.08);
		box-sizing: border-box;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	.gerdoo-mobile-bottom-nav__item {
		display: flex;
		flex: 1 1 20%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-width: 0;
		min-height: 58px;
		padding: 3px 1px;
		gap: 3px;
		color: #8a929c;
		font-size: 11px;
		font-weight: 500;
		line-height: 1.25;
		text-align: center;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}

	.gerdoo-mobile-bottom-nav__item:hover,
	.gerdoo-mobile-bottom-nav__item:focus,
	.gerdoo-mobile-bottom-nav__item.is-active {
		color: var(--theme-palette-color-1, #2872fa);
		text-decoration: none;
	}

	.gerdoo-mobile-bottom-nav__item:focus-visible {
		border-radius: 8px;
		outline: 2px solid currentColor;
		outline-offset: -2px;
	}

	.gerdoo-mobile-bottom-nav__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 27px;
		height: 27px;
	}

	.gerdoo-mobile-bottom-nav__icon svg {
		display: block;
		width: 27px;
		height: 27px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.gerdoo-mobile-bottom-nav__runner {
		display: block;
		width: 27px;
		height: 27px;
		background-color: currentColor;
		-webkit-mask: url('../images/start-runner.png') center / contain no-repeat;
		mask: url('../images/start-runner.png') center / contain no-repeat;
	}

	.gerdoo-mobile-bottom-nav__label {
		display: block;
		overflow: hidden;
		max-width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.gerdoo-account-sheet-backdrop {
		position: fixed;
		z-index: 100200;
		inset: 0;
		display: block;
		visibility: hidden;
		background: rgba(16, 25, 34, 0.48);
		opacity: 0;
		pointer-events: none;
		touch-action: none;
		transition: opacity 0.22s ease, visibility 0s linear 0.22s;
	}

	.gerdoo-account-sheet-backdrop.is-visible {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transition-delay: 0s;
	}

	.gerdoo-account-sheet {
		position: fixed;
		z-index: 100201;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		visibility: hidden;
		flex-direction: column;
		width: 100%;
		height: 66.667vh;
		height: 66.667dvh;
		max-height: calc(100vh - 16px);
		max-height: calc(100dvh - 16px);
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 22px 22px 0 0;
		background: #fff;
		box-shadow: 0 -12px 36px rgba(16, 25, 34, 0.18);
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		transform: translateY(102%);
		transition: transform 0.26s ease, opacity 0.2s ease, visibility 0s linear 0.26s;
	}

	.gerdoo-account-sheet.is-open {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		transition-delay: 0s;
	}

	.gerdoo-account-sheet__heading {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		min-height: 64px;
		padding: 8px 18px;
		border-bottom: 1px solid rgba(25, 42, 61, 0.1);
		color: var(--theme-heading-color, #1d2c3a);
		font-size: 17px;
		font-weight: 800;
	}

	.gerdoo-account-sheet__close {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		min-height: 42px !important;
		margin: 0 auto 0 0;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 50%;
		background: #f0f2f4 !important;
		box-shadow: none !important;
		color: #253646 !important;
		cursor: pointer;
	}

	.gerdoo-account-sheet__close svg {
		width: 26px;
		height: 26px;
		fill: none;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-width: 1.8;
	}

	.gerdoo-account-sheet__options {
		flex: 1 1 auto;
		min-height: 0;
		padding: 0 18px calc(18px + env(safe-area-inset-bottom));
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.gerdoo-account-sheet__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		min-height: 56px;
		padding: 12px 3px;
		border-bottom: 1px solid rgba(25, 42, 61, 0.1);
		color: var(--theme-heading-color, #1d2c3a);
		font-size: 14px;
		font-weight: 650;
		line-height: 1.5;
		text-decoration: none;
	}

	.gerdoo-account-sheet__link:hover,
	.gerdoo-account-sheet__link:focus,
	.gerdoo-account-sheet__link.is-current {
		color: var(--theme-palette-color-1, #2872fa);
		text-decoration: none;
	}

	.gerdoo-account-sheet__link svg {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		fill: none;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
	}

	.gerdoo-account-sheet :is(.gerdoo-account-sheet__close, .gerdoo-account-sheet__link):focus-visible {
		outline: 2px solid var(--theme-palette-color-1, #2872fa);
		outline-offset: -2px;
	}
}