/**
 * Mobile / small-tablet layout refinements (matches nav breakpoint 960px).
 */

/* --- Header: touch targets + safe area (notch) --- */
@media (max-width: 959px) {
	.site-header .menu-toggle,
	.site-header #ltw-searchToggler {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.site-header {
		padding-left: max(0px, env(safe-area-inset-left));
		padding-right: max(0px, env(safe-area-inset-right));
	}

	/* Logged-in: drawer must sit below admin bar + masthead */
	body.admin-bar .main-menu-wrapper {
		top: calc(32px + 5rem);
		max-height: calc(100vh - 32px - 5rem);
		max-height: calc(100dvh - 32px - 5rem);
	}

	@media screen and (max-width: 782px) {
		body.admin-bar .main-menu-wrapper {
			top: calc(46px + 5rem);
			max-height: calc(100vh - 46px - 5rem);
			max-height: calc(100dvh - 46px - 5rem);
		}
	}

	/* Focus ring for keyboard users */
	.menu-toggle:focus-visible,
	.main-navigation a:focus-visible,
	.submenu-toggle:focus-visible {
		outline: 2px solid #004c97;
		outline-offset: 2px;
	}
}

/* Lock scroll when mobile drawer open */
body.mobile-nav-open {
	overflow: hidden;
	touch-action: none;
}

@media (min-width: 960px) {
	body.mobile-nav-open {
		overflow: visible;
		touch-action: auto;
	}
}

/* --- Mega menu: native submenu-open + jQuery .open (tablet width) --- */
@media (max-width: 959px) {
	.submenu-categorias.submenu-open {
		display: grid !important;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		max-width: 100%;
		margin-top: 0.25rem;
		box-shadow: none;
		border-radius: 8px;
	}

	.submenu-item {
		min-height: 44px;
		align-items: center;
	}

	.product_cat > button.cable-cat-toggle,
	.cable_cat > button.cable-cat-toggle,
	[data-chinne-mega="1"] > button.cable-cat-toggle {
		min-width: 44px;
		min-height: 44px;
	}
}

/* --- Breadcrumb strip --- */
@media (max-width: 782px) {
	.site-breadcrumb-strip .tc-breadcrumb,
	.site-breadcrumb-strip .chinne-breadcrumb-nav {
		padding: 12px 0;
		font-size: 13px;
		line-height: 1.45;
	}

	.tc-container {
		padding-left: max(16px, env(safe-area-inset-left));
		padding-right: max(16px, env(safe-area-inset-right));
	}
}

/* --- Product / archive shared containers --- */
@media (max-width: 782px) {
	.tc-cable-hero-2 {
		padding-top: 1.5rem;
	}

	.tc-cable-hero__layout {
		gap: 24px;
	}
}

/* --- Horizontal padding + notch on narrow screens --- */
@media (max-width: 782px) {
	.site-breadcrumb-strip .container,
	.site-footer .container,
	.site-main .container {
		padding-left: max(1rem, env(safe-area-inset-left));
		padding-right: max(1rem, env(safe-area-inset-right));
	}
}

/* --- Footer: tighter rhythm on phones（单列时 gap-baseGap=32px + menu margin 叠加大空隙）--- */
@media (max-width: 782px) {
	/* 底部为 WhatsApp 圆形按钮留空（略小于原 5.5rem，减少「大片空蓝底」感） */
	#colophon.site-footer.py-sectionSpacing,
	.site-footer.py-sectionSpacing {
		padding-bottom: max(3.75rem, calc(env(safe-area-inset-bottom, 0px) + 2.75rem)) !important;
		scroll-margin-bottom: 3.25rem;
	}

	.site-footer .footer-top {
		padding-bottom: 0.75rem;
	}

	/* 覆盖 Tailwind my-10 / gap-baseGap：拉近「顶栏分隔线 ↔ 第一列链接」与各列间距 */
	.site-footer .grid.gap-baseGap {
		margin-top: 1rem !important;
		margin-bottom: 1.25rem !important;
		gap: 0.625rem 1rem !important;
		row-gap: 0.625rem !important;
	}

	.site-footer .menu {
		margin-bottom: 0.5rem !important;
		font-size: 14px;
	}

	.site-footer .menu li {
		margin-bottom: 0.3125rem;
	}

	/* 右列：公司链接与绿色配图之间再收紧，让下方政策/社媒更容易露在首屏内 */
	.site-footer .grid > div:last-child .menu {
		margin-bottom: 0.25rem !important;
	}

	.site-footer .footer-bottom {
		padding-top: 0.75rem;
		/* 覆盖 gap-baseGap（32px）：单列时两行链接之间空隙过大 */
		gap: 0.625rem !important;
		align-items: flex-start;
	}

	.site-footer .footer-bottom > div {
		width: 100%;
		max-width: 100%;
	}

	.site-footer .footer-bottom ul.menu {
		flex-wrap: wrap;
		justify-content: flex-start;
		/* 覆盖 style.css 里 column-gap: 2rem，避免三个链接整行撑满像「还缺内容」 */
		gap: 0.5rem 0.75rem !important;
		margin-bottom: 0 !important;
	}

	.site-footer img[alt*="Green"],
	.site-footer img[alt*="Certification"] {
		max-width: 100%;
		height: auto;
		display: block;
		margin-top: 0.25rem;
	}
}

/**
 * 抽屉里顶级菜单：灰底只给「当前展开」的一项。
 * 否则 style.css 里 :hover、:focus-within、current-menu-ancestor 会让未展开项（如 PRODUCTS）一直像选中。
 */
@media (max-width: 959px) {
	#primary-menu > .menu-item,
	#primary-menu > .menu-item:hover,
	#primary-menu > .menu-item:focus-within,
	#primary-menu > .menu-item.current-menu-item,
	#primary-menu > .menu-item.current-menu-ancestor,
	#primary-menu > .menu-item.current_page_item,
	#primary-menu > .menu-item.current_page_ancestor {
		background-color: transparent !important;
	}

	#primary-menu > .menu-item:has(> ul.sub-menu.submenu-open),
	#primary-menu > .menu-item:has(> ul.submenu-categorias.submenu-open),
	#primary-menu > .menu-item:has(> ul.submenu-categorias.open) {
		background-color: rgba(0, 0, 0, 0.1) !important;
	}

	#primary-menu > .menu-item > :is(a, .submenu-toggle) {
		color: #004c97 !important;
	}

	#primary-menu > .menu-item:has(> ul.sub-menu.submenu-open) > :is(a, .submenu-toggle),
	#primary-menu > .menu-item:has(> ul.submenu-categorias.submenu-open) > :is(a, .submenu-toggle, .cable-cat-toggle),
	#primary-menu > .menu-item:has(> ul.submenu-categorias.open) > :is(a, .submenu-toggle, .cable-cat-toggle) {
		color: #232323 !important;
	}
}

/*
 * 电缆支撑系统产品详情（body.product-detail-support-system）：
 * - 窄屏仅固定最上方主导航（#masthead）；面包屑与 Datasheet/Quote 条随正文滚动；
 * - 主内容区横向裁切，宽表仅在表格容器内横向滑动，不带动整页左右晃。
 */
@media (max-width: 1023px) {
	body.product-detail-support-system:not(.home) #masthead.site-header.non-home-header {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100vw !important;
		box-sizing: border-box !important;
		z-index: 99990 !important;
	}

	body:not(.admin-bar).product-detail-support-system:not(.home) #masthead.site-header.non-home-header {
		top: 0 !important;
	}

	body.admin-bar.product-detail-support-system:not(.home) #masthead.site-header.non-home-header {
		top: var(--wp-admin--admin-bar--height, 46px) !important;
	}

	@media screen and (min-width: 783px) {
		body.admin-bar.product-detail-support-system:not(.home) #masthead.site-header.non-home-header {
			top: var(--wp-admin--admin-bar--height, 32px) !important;
		}
	}

	body.product-detail-support-system:not(.home) {
		padding-top: 5rem;
	}

	body.admin-bar.product-detail-support-system:not(.home) {
		padding-top: calc(var(--wp-admin--admin-bar--height, 46px) + 5rem);
	}

	@media screen and (min-width: 783px) {
		body.admin-bar.product-detail-support-system:not(.home) {
			padding-top: calc(var(--wp-admin--admin-bar--height, 32px) + 5rem);
		}
	}

	body.product-detail-support-system #primary.site-main {
		overflow-x: clip;
		max-width: 100%;
		min-width: 0;
	}

	/* 支撑系统详情正文区与页脚之间的留白（Tailwind pb-12 偏大） */
	body.product-detail-support-system #primary.site-main > section.pb-12 {
		padding-bottom: 2rem !important;
	}
}