/*
 * 移动端导航修复样式（子主题，仅 <=768px 生效，覆盖父主题 base.css）
 * 配合 assets/js/mobile-nav.js：父级链接可点跳转，展开由独立箭头控制。
 */

@media (max-width: 768px) {
	/* 隐藏父主题自带的下拉箭头，避免与我们的展开箭头重复显示 */
	.nav-mobile-show .nav-main > li.menu-item-has-children > a .icon-arrow-down {
		display: none;
	}

	/* 父级 <li> 作为箭头定位容器 */
	.nav-mobile-show .nav-main li.menu-item-has-children {
		position: relative;
	}

	/* 给父级链接右侧留出箭头空间 */
	.nav-mobile-show .nav-main > li.menu-item-has-children > a {
		padding-right: 34px;
	}

	/* 独立展开箭头 */
	.cap-sub-toggle {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		cursor: pointer;
		color: #062743;
		font-size: 14px;
		-webkit-user-select: none;
		user-select: none;
		z-index: 2;
	}

	.cap-sub-toggle.open {
		transform: translateY(-50%) rotate(180deg);
	}
}