/**
 * Blank Theme — Mobile Responsive Styles
 * 移动端响应式补充样式
 *
 * 分工约定:
 * - header.php 内联:首屏关键 CSS(汉堡按钮、菜单折叠基础态、Header 压缩、Hero 缩放)
 * - 本文件:菜单打开态、子菜单、区块堆叠、间距、溢出兜底(非首屏)
 *
 * 断点:
 * - ≤1024px:导航折叠为汉堡(菜单自身宽度决定,独立断点)
 * - ≤768px:区块堆叠(配合模板中 pure-u-sm/md-* 断点类)
 * - ≤480px:小屏微调
 */

/* ========== 1. 导航:打开态 + 子菜单(≤1024px) ========== */
@media (max-width: 1024px) {

	/* 汉堡打开态:菜单展开 + 图标变 X */
	.main-navigation.menu-open .nav-menu {
		display: flex;
	}
	.main-navigation.menu-open .menu-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	.main-navigation.menu-open .menu-toggle span:nth-child(2) {
		opacity: 0;
	}
	.main-navigation.menu-open .menu-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* 顶级菜单项竖排 */
	.main-navigation .nav-menu > li > a {
		line-height: 48px;
		padding: 0 20px;
		font-size: 14px;
	}
	.main-navigation .nav-menu > li {
		border-bottom: 1px solid #f0f2f5;
	}
	.main-navigation .nav-menu > li:last-child {
		border-bottom: none;
	}

	/* 子菜单:由 hover 悬浮改为点击展开(JS 在 li 上切换 menu-open) */
	.main-navigation .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		min-width: 0;
		padding: 0 0 8px 20px;
		display: none;
		transition: none;
	}
	.main-navigation li.menu-open > .sub-menu {
		display: block;
	}
	.main-navigation .sub-menu a {
		padding: 10px 20px;
		font-size: 13px;
	}

	/* 箭头:打开态向上翻转(与 hover 态一致) */
	.main-navigation li.menu-open > a::after {
		transform: rotate(225deg);
	}
}

/* ========== 2. 全局溢出兜底 ========== */
html,
body {
	overflow-x: hidden;
}

/* ========== 3. 区块间距与标题(≤768px) ========== */
@media (max-width: 768px) {
	.home-section {
		padding: 50px 0;
	}
	.home-section.home-about {
		padding: 40px 0 0;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.section-title h2 {
		font-size: 26px;
	}
	.l-wrap {
		padding: 0 15px;
	}

	/* 简介卡上浮幅度收小 */
	.home-introduction {
		transform: translateY(-30px);
	}

	/* About 图片区下间距 */
	.about-pic {
		margin-bottom: 20px;
	}

	/* 统计数字缩小 */
	.stat-number {
		font-size: 28px;
	}

	/* 联系区左右块间距 */
	.contact-wrap > .pure-u-1-2 {
		margin-bottom: 30px;
	}

	/* 页脚列堆叠间距 */
	.footer-main .pure-u-1-6,
	.footer-main .pure-u-2-3 {
		margin-bottom: 25px;
	}
	.footer-main .pure-u-2-3 .pure-u-1-3 {
		margin-bottom: 15px;
	}

	/* 栅格卡片通用底部间距(配合断点类堆叠) */
	.pure-g > [class*="pure-u-"] {
		margin-bottom: 20px;
	}
	.pure-g > [class*="pure-u-"]:last-child {
		margin-bottom: 0;
	}
	.page-container.product{flex-wrap:wrap}
	.product-sidebar{width:100%!important}
	.product-main{width:100%!important}
	.product-detail-wrapper .detail-page-container{flex-direction: column-reverse;}
	.main-navigation .sub-menu{width:100%;position:relative}
}

/* ========== 4. 小屏微调(≤480px) ========== */
@media (max-width: 480px) {
	.section-title h2 {
		font-size: 22px;
	}
	.stat-number {
		font-size: 24px;
	}
	.contact-phone-icon,
	.contact-email-icon {
		margin-bottom: 15px;
	}
}