/**
 * NJ Collectables: mobile-only storefront tweaks (max-width: 767px).
 *
 * 1) Claue bottom tab bar (#js_mobile_tabs / .header-mobile-tabs--bottom): horizontal row.
 * 2) Amasty Messenger widget: Amasty forces -center/-top to bottom:25px on small screens,
 *    which stacks on the Claue tab bar; pin the bubble to vertical middle, right edge instead.
 */
@media only screen and (max-width: 767px) {
	.header-mobile-tabs--bottom ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-around;
		width: 100%;
		margin: 0;
		list-style: none;
		box-sizing: border-box;
	}

	.header-mobile-tabs--bottom ul > li {
		flex: 1 1 0;
		min-width: 0;
		display: flex;
		justify-content: center;
	}

	/* Amasty Live Chat / Messenger widget (module-messenger-widget): middle-right, above bottom UI */
	.ammessenger-widget-container {
		top: 50% !important;
		right: 16px !important;
		bottom: auto !important;
		left: auto !important;
		transform: translateY(-50%) !important;
	}
}