/* ==========================================================================
   Rohiq Smart Menu — Site-Wide Sticky Mobile Bottom Navigation Bar
   Loaded on EVERY page of the website (not just the menu page).
   v1.8.1
   ========================================================================== */

/* ── Bar container ── */
#rohiq-mobile-bottomnav {
	display: none; /* hidden on desktop, shown via media query below */
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999; /* above everything including theme headers */
	height: calc(64px + env(safe-area-inset-bottom, 0px));
	padding-bottom: env(safe-area-inset-bottom, 0px);
	background: linear-gradient(0deg, #f5d78a 0%, #e9c55a 100%);
	box-shadow:
		0 -6px 28px rgba(0, 0, 0, 0.22),
		0 -1px 0 rgba(255, 255, 255, 0.35) inset;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-family: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
	#rohiq-mobile-bottomnav {
		display: flex;
		align-items: stretch;
	}
}

/* ── Inner flex row ── */
.rm-bnav-inner {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	padding: 0 4px;
	height: 64px;
}

/* ── Individual nav links ── */
.rm-bnav-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	text-decoration: none !important;
	color: rgba(90, 8, 8, 0.5);
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 6px;
	border-radius: 14px;
	flex: 1;
	max-width: 82px;
	transition: color 0.18s ease;
	-webkit-tap-highlight-color: transparent;
}

.rm-bnav-link:hover {
	color: rgba(90, 8, 8, 0.8);
}

/* ── Active state ── */
.rm-bnav-link.is-active {
	color: #5a0808;
}

/* ── Icon wrapper — gives active item a circle highlight ── */
.rm-bnav-icon-wrap {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background 0.18s ease, transform 0.18s ease;
	flex-shrink: 0;
}

.rm-bnav-link.is-active .rm-bnav-icon-wrap {
	background: rgba(90, 8, 8, 0.12);
	transform: scale(1.08);
}

.rm-bnav-link:active .rm-bnav-icon-wrap {
	transform: scale(0.92);
}

.rm-bnav-icon-wrap svg {
	display: block;
	flex-shrink: 0;
}

/* ── Label ── */
.rm-bnav-label {
	line-height: 1;
	display: block;
	margin-top: 1px;
}

/* ── Body padding — prevents page content hiding behind the bar ── */
@media (max-width: 768px) {
	body.rohiq-has-bottomnav {
		padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
		box-sizing: border-box;
	}
}