/* RevidAPI — bottom bar mobile + header phải */

.revidapi-mobile-bottom-bar,
.mobile-bottom-bar {
	display: none;
}

@media (max-width: 849px) {
	.revidapi-mobile-bottom-bar {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		align-items: stretch;
		justify-content: space-around;
		gap: 4px;
		padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
		background: #fff;
		border-top: 1px solid #e5e7eb;
		box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08);
	}

	.mobile-bottom-bar {
		display: none !important;
	}

	body {
		padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px));
	}

	.revidapi-mbb-item {
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-height: 48px;
		padding: 4px 2px;
		color: #6b7280;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.1;
		text-decoration: none;
		border-radius: 8px;
		transition: color 0.15s ease, background 0.15s ease;
	}

	.revidapi-mbb-item svg {
		flex-shrink: 0;
	}

	.revidapi-mbb-item.is-active,
	.revidapi-mbb-item:hover {
		color: #15803d;
		background: #f0fdf4;
	}

	#masthead .revidapi-nav-login-mobile {
		display: list-item !important;
		margin: 0;
	}

	#masthead .revidapi-hd-btn--mobile {
		min-height: 34px;
		height: 34px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 700;
		white-space: nowrap;
	}

	#masthead .header-nav.nav-right {
		display: flex;
		align-items: center;
	}
}