/* React-port glue styles (loaded last). Replaces runtime behavior of
   jquery.meanmenu / scrollUp with static rules for the React components. */

/* Desktop: hide the mobile menu container entirely */
@media (min-width: 768px) {
	.mobile-menu {
		display: none;
	}
}

/* Mobile: hide the desktop menu, show the mobile bar (mirrors meanmenu) */
@media (max-width: 767px) {
	.main-menu nav#mobile-menu {
		display: none;
	}

	.mobile-menu {
		display: block;
	}

	.mean-container .mean-bar {
		min-height: 42px;
	}
}

.mean-container a.meanmenu-reveal {
	cursor: pointer;
	text-decoration: none;
}

.mean-container a.meanmenu-reveal.meanclose {
	font-size: 18px;
	text-align: center;
	text-indent: 0;
	line-height: 22px;
}

/* Back-to-top button (scrollUp plugin replacement); theme CSS may override */
#scrollUp {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 2147483647;
	color: #fff;
	background: #000;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
	display: none;
}

#scrollUp.scrollup-visible {
	display: block;
}

#scrollUp i {
	line-height: 44px;
}

/* Language switcher nav item */
.main-menu ul li.lang-switch a {
	white-space: nowrap;
}

/* Footer quick links: CJK labels wrap between any two characters by default,
   which breaks 4-char labels like 媒体垂询 across lines. Keep them on one line. */
#footer-fixed .footer-content ul a,
#footer-fixed .big-footer .row .col > a {
	white-space: nowrap;
}