/**
 * Fixed mobile bottom navigation.
 */

@media (max-width: 63.99rem) {
	.faradoran-mobile-bottom-nav,
	.adonis-mobile-bottom-nav {
		position: fixed;
		inset-inline: 0;
		inset-block-end: 0;
		z-index: var(--faradoran-theme-z-bottom-nav);
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		gap: 0;
		box-sizing: border-box;
		min-block-size: var(--faradoran-theme-layout-bottom-nav-height);
		padding-block-start: var(--faradoran-theme-space-1);
		padding-block-end: calc(var(--faradoran-theme-space-1) + var(--faradoran-theme-safe-area-bottom));
		padding-inline: var(--faradoran-theme-safe-area-inline-start) var(--faradoran-theme-safe-area-inline-end);
		border-block-start: var(--faradoran-theme-border-width) solid var(--faradoran-theme-color-border);
		background-color: var(--faradoran-theme-color-white);
		box-shadow: 0 -2px 12px rgb(0 0 0 / 4%);
	}

	.faradoran-mobile-bottom-nav__item,
	.adonis-mobile-bottom-nav__item {
		position: relative;
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--faradoran-theme-space-1);
		min-block-size: var(--faradoran-theme-touch-target);
		padding-inline: var(--faradoran-theme-space-1);
		color: var(--faradoran-theme-color-text-muted);
		text-decoration: none;
		font-size: 0.6875rem;
		font-weight: var(--faradoran-theme-font-weight-medium);
		line-height: 1.2;
		text-align: center;
		-webkit-tap-highlight-color: transparent;
	}

	.faradoran-mobile-bottom-nav__item:focus-visible,
	.adonis-mobile-bottom-nav__item:focus-visible {
		outline: var(--faradoran-theme-focus-ring);
		outline-offset: var(--faradoran-theme-focus-offset);
		border-radius: var(--faradoran-theme-radius-sm);
	}

	.faradoran-mobile-bottom-nav__item--active,
	.adonis-mobile-bottom-nav__item--active {
		color: var(--faradoran-theme-color-text);
		font-weight: var(--faradoran-theme-font-weight-semibold);
	}

	.faradoran-mobile-bottom-nav__item--active::before,
	.adonis-mobile-bottom-nav__item--active::before {
		content: "";
		position: absolute;
		inset-block-start: 0;
		inset-inline: 25%;
		block-size: 2px;
		border-radius: 999px;
		background-color: currentcolor;
		opacity: 0.55;
	}

	.faradoran-mobile-bottom-nav__icon-wrap,
	.adonis-mobile-bottom-nav__icon-wrap {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: 1.5rem;
		block-size: 1.5rem;
		flex-shrink: 0;
		overflow: visible;
	}

	.faradoran-mobile-bottom-nav__icon-wrap .faradoran-icon,
	.adonis-mobile-bottom-nav__icon-wrap .adonis-icon {
		inline-size: 1.375rem;
		block-size: 1.375rem;
	}

	.faradoran-mobile-bottom-nav__item--wishlist.faradoran-mobile-bottom-nav__item--active .faradoran-icon--heart,
	.adonis-mobile-bottom-nav__item--wishlist.adonis-mobile-bottom-nav__item--active .adonis-icon--heart {
		fill: currentColor;
	}

	.faradoran-mobile-bottom-nav__label,
	.adonis-mobile-bottom-nav__label {
		display: block;
		max-inline-size: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.faradoran-mobile-bottom-nav__item .faradoran-header-cart-count,
	.adonis-mobile-bottom-nav__item .adonis-header-cart-count {
		position: absolute;
		top: -0.35rem;
		left: -0.5rem;
		right: auto;
		bottom: auto;
		pointer-events: none;
	}

	.faradoran-mobile-bottom-nav__item .faradoran-header-action__count--cart,
	.adonis-mobile-bottom-nav__item .adonis-header-action__count--cart {
		position: static;
		min-inline-size: 1rem;
		min-block-size: 1rem;
		block-size: 1rem;
		padding-inline: 0.1875rem;
		border: 0;
		border-radius: 999px;
		background-color: var(--faradoran-theme-color-green);
		box-shadow: 0 0 0 1.5px var(--faradoran-theme-color-white);
		color: var(--faradoran-theme-color-white);
		font-size: 0.625rem;
		font-weight: var(--faradoran-theme-font-weight-semibold);
	}

	.faradoran-mobile-bottom-nav__badge,
	.adonis-mobile-bottom-nav__badge {
		position: absolute;
		top: -0.3125rem;
		left: -0.3125rem;
		right: auto;
		bottom: auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-inline-size: 1rem;
		min-block-size: 1rem;
		block-size: 1rem;
		padding-inline: 0.1875rem;
		border-radius: 999px;
		background-color: var(--faradoran-theme-color-green);
		box-shadow: 0 0 0 1.5px var(--faradoran-theme-color-white);
		color: var(--faradoran-theme-color-white);
		font-size: 0.625rem;
		font-weight: var(--faradoran-theme-font-weight-semibold);
		line-height: 1;
		pointer-events: none;
	}
}

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