/*
 * =============================================================================
 * goooda 主题移动端（H5）适配样式
 * =============================================================================
 * 加载顺序：位于 ga-theme.css（桌面/基础样式）之后，用于在小屏下做覆盖与补齐，
 * 不改动任何桌面端（min-width）规则。
 *
 * 断点约定（与主样式保持一致，避免在临界宽度上互相打架）：
 *   - max-width: 1024px  平板及以下（浅层调整）
 *   - max-width: 767px   手机（主断点，主样式同样使用 767 作为分界）
 *   - max-width: 480px   小屏手机（进一步收紧间距与字号）
 *
 * 分区目录：
 *   一、通用（全局防护 / 表格 / 表单触控）
 *   二、页头导航（促销栏 / 品牌 LOGO / 移动菜单）
 *   三、首页 front-page.php
 *   四、商品列表页 archive-product.php
 *   五、商品详情页 single-product.php
 * =============================================================================
 */


/* =============================================================================
 * 一、通用（全局防护 / 表格 / 表单触控）
 * ========================================================================== */

/* 消除小屏横向溢出：长词、超宽元素统一收敛 */
@media (max-width: 1024px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	/* 所有媒体类型不允许撑破容器 */
	img,
	video,
	iframe,
	embed,
	object,
	svg {
		max-width: 100%;
		height: auto;
	}

	/* 长标题 / 长 URL 换行，防止撑出横向滚动 */
	.ga-product-info h3,
	.ga-product-copy h3,
	.ga-bag-item-title,
	.ga-review-item-title,
	.product_title {
		overflow-wrap: break-word;
		word-break: break-word;
	}
}

/* 小屏下表格统一可横向滚动（购物车 / 结算 / 富文本中的表格） */
@media (max-width: 767px) {
	.ga-cart-wrap table.shop_table,
	.ga-rich-content table,
	.ga-checkout-form table.shop_table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* 阅读型正文在小屏提升到 ≥14px，保证可读性 */
	.ga-rich-content,
	.ga-rich-content p,
	.ga-rich-content li,
	.term-description,
	.ga-pdp-description,
	.ga-pdp-accordion-content,
	.ga-product-detail-summary .woocommerce-product-details__short-description {
		font-size: 14px;
		line-height: 1.6;
	}

	/* WooCommerce 经典分页：触控区 ≥44px、可换行 */
	.woocommerce-pagination ul.page-numbers {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.woocommerce-pagination ul.page-numbers li {
		margin: 0;
	}

	.woocommerce-pagination ul.page-numbers li a,
	.woocommerce-pagination ul.page-numbers li span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		padding: 0 10px;
	}
}

@media (max-width: 480px) {
	/* 更小的屏幕进一步收窄页面留白 */
	:root {
		--ga-gutter: 12px;
	}

	.ga-page-wrap,
	.ga-shop-wrap,
	.ga-cart-wrap {
		padding-left: var(--ga-gutter);
		padding-right: var(--ga-gutter);
	}
}


/* =============================================================================
 * 二、页头导航（促销栏 / 品牌 LOGO / 移动菜单）
 * ========================================================================== */

@media (max-width: 767px) {
	/* 促销栏文字过长时单行省略，避免撑高头部 */
	.ga-promo-slide span {
		display: inline-block;
		max-width: calc(100vw - 72px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* 移动菜单：头部吸顶，滚动时标题常驻可见 */
	.ga-mobile-menu-head {
		position: sticky;
		top: 0;
		z-index: 2;
		min-height: 48px;
		padding: 0 16px;
		background: var(--ga-surface);
	}

	/* 汉堡 / 关闭按钮扩大到 44px 触控标准（按钮本体 20px，::before 已有热区，
	   这里保证视觉点击高度一致） */
	.ga-mobile-menu-head .ga-icon-button,
	[data-ga-menu-toggle].ga-icon-button {
		width: 44px;
		height: 44px;
	}

	/* 移动菜单快捷链接保持两列、触控友好（主样式已有，此处兜底字号） */
	.ga-mobile-quick-links a,
	.ga-mobile-quick-links button {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	/* 超小屏收紧品牌 LOGO，防止左侧汉堡 + 右侧图标挤压溢出 */
	.ga-brand {
		width: 140px;
	}

	.ga-brand-logo {
		width: 140px;
		height: auto;
	}

	/* 头部右侧图标间距略收 */
	.ga-header-side-right {
		gap: 4px;
	}
}


/* =============================================================================
 * 三、首页 front-page.php
 * ========================================================================== */

/* 平板：适度缩减首屏高度 */
@media (max-width: 1024px) {
	.ga-hero {
		min-height: 72vh;
		height: 72vh;
	}
}

/* 手机：hero 高度与字号缩减、间距收窄 */
@media (max-width: 767px) {
	/* hero：小屏用系统矮一档的视口高度，地址栏收起/展开时不跳动 */
	.ga-hero {
		min-height: 66svh;
		height: 66svh;
	}

	.ga-hero-copy {
		padding: 24px var(--ga-gutter);
	}

	.ga-hero-copy h1 {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}

	.ga-hero-copy .ga-link-light {
		margin-top: 14px;
	}

	/* 分类栅格：≤767px 固定 2 列（主样式在 640-767px 会变 4 列，这里拉回 2 列） */
	.ga-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	/* 分类卡片上的文字留白收窄 */
	.ga-category-card .ga-link-light {
		margin: 0 16px 16px;
	}

	/* 促销横幅：高度与文案间距缩减 */
	.ga-sale-banner {
		min-height: 200px;
	}

	.ga-sale-overlay {
		padding: 24px var(--ga-gutter);
	}

	/* 编辑栏目：标题与产品横排间距收窄 */
	.ga-editorial-intro {
		padding-top: 24px;
		padding-bottom: 16px;
	}

	.ga-editorial-copy h2 {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}

	/* 板块间距收窄（桌面为 96px，基础为 40px，小屏再压一档） */
	.ga-home-content > * + * {
		margin-top: 28px;
	}

	.ga-section-heading {
		margin-bottom: 12px;
	}
}

@media (max-width: 480px) {
	/* 小屏：促销横幅按钮改为等宽两列/自动换行，触控区 ≥44px */
	.ga-sale-overlay .ga-button-row .ga-button {
		flex: 1 1 auto;
		min-height: 44px;
		text-align: center;
	}

	/* 产品横排卡片露出比例略增，滑动浏览更直观 */
	.ga-product-rail .ga-product-card {
		flex-basis: calc((100% - 4px) / 2);
	}

	/* hero 进一步收紧 */
	.ga-hero {
		min-height: 60svh;
		height: 60svh;
	}
}


/* =============================================================================
 * 四、商品列表页 archive-product.php（含 content-product.php / loop）
 * ========================================================================== */

@media (max-width: 767px) {
	/* 列表页头：标题与描述间距收窄 */
	.ga-shop-intro {
		gap: 16px;
		margin-bottom: 16px;
	}

	.ga-shop-intro-copy h1 {
		font-size: 1.375rem;
		line-height: 1.625rem;
	}

	/* 工具栏（筛选 / 排序 / 计数）：小屏允许换行堆叠，不挤压 */
	.ga-shop-toolbar {
		flex-wrap: wrap;
		row-gap: 0;
		min-height: 44px;
	}

	.ga-shop-toolbar-controls {
		flex: 1 1 auto;
		justify-content: space-between;
		gap: 10px;
	}

	/* 产品栅格：手机 2 列（主样式已为 2 列，此处兜底） */
	.ga-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	/* 筛选抽屉：小屏直接占满全宽 */
	.ga-shop-filters {
		width: 100%;
	}

	/* 筛选抽屉内链接触控区加高 */
	.ga-filter-links a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	/* 加载更多：触控友好 */
	.ga-load-more {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.ga-load-more-btn {
		min-height: 44px;
		padding: 0 16px;
	}

	/* “加载更多”按钮点击热区铺满整行可用宽度 */
	[data-ga-load-more-btn] {
		min-width: 120px;
	}
}

@media (max-width: 480px) {
	/* 产品栅格行距收窄，减少滚动距离 */
	.ga-product-grid {
		row-gap: 24px;
	}

	/* 商品卡信息区留白收窄 */
	.ga-product-info {
		padding-right: 8px;
		padding-left: 8px;
	}
}


/* =============================================================================
 * 五、商品详情页 single-product.php（含 content-single-product.php / 变体表单）
 * ========================================================================== */

@media (max-width: 767px) {
	/* 图/信息双栏 → 单栏（主样式基础即为单栏，这里保证 gap 干净） */
	.ga-product-detail {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	/* 主图区域全宽、去侧边距 */
	.ga-product-detail-gallery,
	.ga-pdp-gallery {
		width: 100%;
	}

	/* 摘要区内边距统一收窄 */
	.ga-product-detail-summary {
		padding-right: 16px;
		padding-left: 16px;
	}

	/* 画册缩略图横排可滚动（主样式已将 .ga-pdp-gallery-grid 处理为横向滚动，
	   这里对经典 gallery 结构 .woocommerce-product-gallery__wrapper 做同等处理） */
	.woocommerce-product-gallery__wrapper {
		display: flex;
		grid-template-columns: none;
		gap: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
	}

	.woocommerce-product-gallery__wrapper::-webkit-scrollbar {
		display: none;
	}

	.woocommerce-product-gallery__image {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}

	/* 数量选择：触控友好 */
	.ga-product-detail-summary .quantity input {
		width: 64px;
		height: 44px;
	}

	/* 变体下拉 / 原生 select：高度 ≥44px */
	.ga-product-detail-summary .variations select,
	.ga-product-detail-summary form.cart select {
		min-height: 44px;
	}

	/* 尺寸选项按钮（菜单式变体）触控区加高 */
	.ga-variation-trigger,
	.ga-length-option {
		min-height: 44px;
	}

	/* 颜色色块加到 28px，并保证点击热区 */
	.ga-color-swatch {
		width: 28px;
		height: 28px;
	}

	/* 加购按钮：全宽 + 48px 高 */
	.ga-product-detail-summary .single_add_to_cart_button {
		width: 100%;
		flex: 1 1 100%;
		min-height: 48px;
	}

	/* 愿望清单按钮与加购对齐 */
	.ga-pdp-wishlist {
		height: 48px;
	}

	/* 手风琴（尺寸与版型等）触控区加高 */
	.ga-pdp-accordion summary {
		min-height: 44px;
	}

	/* Style with / 相关产品区块在小屏收窄留白 */
	.ga-style-with {
		padding: 0 16px;
		margin-top: 40px;
	}

	/* 相关产品 / 追加销售：小屏固定 2 列，卡片间距与列表页一致 */
	body.single-product ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px 4px;
		margin: 0 !important;
	}

	body.single-product ul.products::before,
	body.single-product ul.products::after {
		display: none;
	}

	body.single-product ul.products li.product {
		width: auto !important;
		margin: 0 !important;
		float: none !important;
	}

	body.single-product ul.products li.product img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 480px) {
	/* 小屏：相关产品行距再收紧 */
	body.single-product ul.products {
		row-gap: 20px;
	}

	/* 底部固定加购条与底部安全区对齐 */
	.ga-mobile-product-cta {
		padding-left: 12px;
		padding-right: 12px;
	}

	.ga-mobile-product-cta .ga-button {
		min-height: 48px;
	}
}