/**
 * Millano — mobil alt tab bar (iOS / Android tətbiq üslubu)
 */
@media screen and (max-width: 991.98px) {
	.mob-nav.app-tabbar {
		display: block !important;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5000;
		padding: 0;
		background: transparent;
		pointer-events: none;
	}

	.app-tabbar__inner {
		pointer-events: auto;
		background: rgba(21, 20, 40, 0.94);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
		padding-bottom: env(safe-area-inset-bottom, 0px);
		border-radius: 18px 18px 0 0;
	}

	.app-tabbar .mob-nav-link,
	.app-tabbar__list {
		display: flex;
		align-items: flex-end;
		justify-content: space-around;
		list-style: none;
		margin: 0;
		padding: 6px 4px 8px;
		width: 100%;
		box-shadow: none;
		position: relative;
		min-height: 58px;
	}

	.app-tabbar .mob-nav-link li,
	.app-tabbar__item {
		flex: 1;
		max-width: 20%;
		padding: 0;
		margin: 0;
		border: none !important;
		box-shadow: none !important;
		transition: transform 0.15s ease;
	}

	.app-tabbar__item a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 6px 2px 4px;
		text-decoration: none !important;
		color: #8b92a8;
		font-size: 10px;
		font-weight: 600;
		line-height: 1.15;
		letter-spacing: 0.01em;
		-webkit-tap-highlight-color: transparent;
		border-radius: 12px;
		transition: color 0.2s ease, background 0.2s ease;
	}

	.app-tabbar__item a i {
		font-size: 21px;
		margin: 0;
		color: inherit;
		transition: transform 0.2s ease;
	}

	.app-tabbar__item a span {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.app-tabbar__item.is-active a,
	.app-tabbar__item a:active {
		color: #7c73ff;
	}

	.app-tabbar__item.is-active a i {
		transform: scale(1.08);
	}

	/* Mərkəz — əsas sifariş düyməsi (FAB) */
	.app-tabbar__item--fab {
		flex: 0 0 auto;
		max-width: none;
		width: 72px;
		margin-top: -22px;
	}

	.app-tabbar__item--fab a.app-tabbar__fab {
		width: 56px;
		height: 56px;
		border-radius: 50%;
		background: linear-gradient(145deg, #6b63ff 0%, #5048eb 55%, #4338ca 100%);
		color: #fff !important;
		box-shadow: 0 8px 22px rgba(80, 72, 235, 0.55);
		padding: 0;
		gap: 0;
		justify-content: center;
	}

	.app-tabbar__item--fab a.app-tabbar__fab i {
		font-size: 22px;
		color: #fff !important;
	}

	.app-tabbar__item--fab.is-active a.app-tabbar__fab {
		box-shadow: 0 10px 28px rgba(80, 72, 235, 0.7);
		transform: scale(1.04);
	}

	.app-tabbar__item--fab a.app-tabbar__fab span {
		display: none;
	}

	/* Qonaq: 3 element */
	.app-tabbar--guest .app-tabbar__item {
		max-width: 33.333%;
	}

	.app-tabbar--guest .app-tabbar__item--fab {
		width: auto;
		margin-top: 0;
	}

	.app-tabbar--guest .app-tabbar__item--fab a.app-tabbar__fab {
		width: auto;
		height: auto;
		border-radius: 12px;
		background: transparent;
		box-shadow: none;
		padding: 6px 2px 4px;
		gap: 4px;
	}

	.app-tabbar--guest .app-tabbar__item--fab a.app-tabbar__fab i {
		font-size: 21px;
		color: inherit !important;
	}

	.app-tabbar--guest .app-tabbar__item--fab.is-active a.app-tabbar__fab {
		color: #7c73ff !important;
	}

	.app-tabbar--guest .app-tabbar__item--fab a.app-tabbar__fab span {
		display: block;
	}

	body.dashboard-body .app-container .app-content {
		padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body.dark .app-tabbar__inner {
		background: rgba(12, 11, 26, 0.96);
		border-top-color: rgba(255, 255, 255, 0.06);
	}

	/* Qonaq səhifələri (login, register və s.) */
	body:not(.dashboard-body) {
		padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
	}

	body:not(.dashboard-body) .footer {
		padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
	}
}