/* ==========================================================================
   মডিউল: Bottom Bar — মোবাইলের নিচের ট্যাব বার (৮৬০px পর্যন্ত)
   ========================================================================== */

.arianerptheme-bottombar {
	display: none;
}

@media (max-width: 860px) {
	/* বার যতটুকু জায়গা নেয় — টোস্ট ও ভাসমান বাটন এর উপরে বসে; ফুটার ঢাকা পড়ে না */
	.arianerptheme-has-bottombar {
		--arianerptheme-bottom-offset: 62px;
		padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px));
	}

	.arianerptheme-has-bottombar.arianerptheme-bottombar-hidden {
		--arianerptheme-bottom-offset: 0px;
	}

	.arianerptheme-bottombar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: var(--arianerptheme-z-floating);
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		height: calc(62px + env(safe-area-inset-bottom, 0px));
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background: color-mix(in srgb, var(--arianerptheme-surface) 94%, transparent);
		backdrop-filter: saturate(1.4) blur(10px);
		-webkit-backdrop-filter: saturate(1.4) blur(10px);
		border-top: 1px solid var(--arianerptheme-border);
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
		transition: transform .25s ease;
	}

	.arianerptheme-bottombar.is-hidden {
		transform: translateY(100%);
	}
}

.arianerptheme-bottombar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 6px 4px;
	border: 0;
	background: transparent;
	color: var(--arianerptheme-muted);
	font: inherit;
	font-size: .72rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.arianerptheme-bottombar__item:hover {
	text-decoration: none;
}

.arianerptheme-bottombar__item.is-active {
	color: var(--arianerptheme-primary);
}

.arianerptheme-bottombar__item .arianerptheme-icon {
	width: 22px;
	height: 22px;
}

.arianerptheme-bottombar__icon {
	position: relative;
	display: inline-flex;
}

.arianerptheme-bottombar__cart .arianerptheme-cart-count {
	top: -6px;
	right: -10px;
}

.arianerptheme-bottombar__wa .arianerptheme-icon {
	color: var(--arianerptheme-whatsapp);
}