/**
 * difgc issue 02：原生 wp:navigation 结构适配。
 *
 * header.html 的导航已由手写 HTML（.nav-inner > a / .nav-drop / .drop-panel）
 * 换成原生 wp:navigation（ul.wp-block-navigation__container > li.wp-block-navigation-item，
 * 子菜单为 li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container）。
 * 本文件只做「原生结构 → 既有视觉」映射，所有视觉值与 style.css 既有基准
 * （.mainnav/.nav-inner/.drop-panel/.badge-new 等）逐项对齐；不修改既有选择器。
 * 依赖：difgc-style（见 functions.php 入队）。
 */

/* ---------- 顶层容器（对应原 .nav-inner 的 flex 行布局） ----------
   注意：core 会把 className 同时复制到外层 nav 与内层 ul 上，故容器级规则
   用 nav 元素限定，避免 max-width/padding 在 ul 上重复生效。 */
.mainnav nav.wp-block-navigation.nav-inner {
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 32px;
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
}
/* issue 64：overlayMenu 改 mobile 后，核心把 ul 包进 .wp-block-navigation__responsive-container
   （container > responsive-close > responsive-dialog > container-content > ul），ul 不再是
   nav 的直接子元素——横排布局规则必须同时覆盖「容器收起（桌面横排）」态；浮层展开
   （is-menu-open）态由文件尾浮层段接管，避免 flex nowrap 漏进纵向浮层。 */
.mainnav nav.wp-block-navigation.nav-inner > ul.wp-block-navigation__container,
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* core 布局默认会注入 justify-content:space-between；对齐原「铺满均分」观感。 */
.mainnav .wp-block-navigation.nav-inner > ul.wp-block-navigation__container.is-content-justification-left,
.mainnav .wp-block-navigation.nav-inner.is-content-justification-left { justify-content: flex-start; }
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-item {
	margin: 0;
	list-style: none;
	flex: 1 1 auto;
	position: relative;
}
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-item__content,
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-submenu__toggle {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 17px;
	padding: 32px 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	transition: color .18s ease;
	background: none;
	border: 0;
	cursor: pointer;
}
.mainnav .wp-block-navigation.nav-inner a.wp-block-navigation-item__content:hover,
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-submenu:hover > a.wp-block-navigation-item__content,
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-submenu:focus-within > a.wp-block-navigation-item__content {
	color: var(--yellow) !important;
}
/* 顶层项字号中屏适配（对齐 style.css 既有媒体查询）。
   票100/01：带下沿 1281→1025——1025–1280 带原先无收缩档，菜单项被压到 min-content
   即两行（实测 1025/1060/1100 labelH=54.4 两行、liH 118 vs 单行 91，业主 MBP14
   小窗报障「箭头/菜单名折行」）；下延后与 1281–1560 同档（15.5px/28px）全带单行。 */
@media (max-width: 1560px) and (min-width: 1025px) {
	.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-item__content,
	.mainnav .wp-block-navigation.nav-inner .wp-block-navigation-submenu__toggle { font-size: 15.5px; padding: 28px 10px; }
}
/* 顶层 ↓ 箭头（label 内 .arr span，值同 .nav-inner .arr）。 */
.mainnav .wp-block-navigation.nav-inner .arr { font-size: 12px; opacity: .85; transform: translateY(1px); }
/* 隐藏 core 自带的 chevron 图标（箭头由 label 内 .arr 承担）。 */
.mainnav .wp-block-navigation.nav-inner .wp-block-navigation__submenu-icon { display: none; }

/* ---------- 下拉面板（对应原 .nav-drop/.drop-panel） ---------- */
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu { position: relative; }
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu > a.wp-block-navigation-item__content {
	color: #fff !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:hover > a.wp-block-navigation-item__content,
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:focus-within > a.wp-block-navigation-item__content {
	color: var(--yellow) !important;
}
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 360px;
	background: var(--yellow);
	/* 票100/05 迭代（业主二次点名「直角」）：原型右上为贴条直角（radius 0），
	   118px 导航条下直角观感突兀，业主拍板意向前按「全圆」过渡——四角 20px。
	   面板顶端与导航条之间会露出 20px 圆角缺口，属本改法的已知观感。 */
	border-radius: 20px;
	padding: 8px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s;
	box-shadow: 0 30px 60px rgba(1,28,64,.4);
	z-index: 60;
	margin: 0;
	list-style: none;
	/* 票100/05：圆角容器裁切子元素——首条目高亮带（:162 矩形 rgba 白底）直角
	   压在面板圆角轮廓上（业主预览报障）；box-shadow 不属 overflow 裁切域，
	   面板投影不受影响。 */
	overflow: hidden;
}
/* issue 71：末位顶级下拉右锚。面板 min-width:360px 隐藏仍占布局，左锚时右缘
   = li.left+360，在 1025–~1240 带越过视口（1080/1152/1200 实测 scrollW
   +49/+22/+6，全站每页，生产同在；归因证据见票 71 目录 attrib-scan.json）。
   右锚后向左展开，隐藏占位与展开态一并回到视口内。
   菜单结构耦合（同本文件既有口径）：当前末位顶级项是普通链接（Engage With
   Us），溢出的 Past Events 是紧邻其前的 submenu——:has(+ li:last-child) 命中
   该形状；若末位普通项移除、submenu 成末位，由 :last-child 分支兜底。
   若日后在 Past Events 后新增 submenu 项，需把右锚随位后移（新 submenu 会再
   越界）。
   浮层态（is-menu-open）子菜单被文件尾浮层段 position:static 压平，
   left/right 失效，本规则不影响 ≤1024 汉堡浮层。 */
.mainnav nav.wp-block-navigation.nav-inner ul.wp-block-navigation__container > li.wp-block-navigation-submenu:has(+ li:last-child) > ul.wp-block-navigation__submenu-container,
.mainnav nav.wp-block-navigation.nav-inner ul.wp-block-navigation__container > li.wp-block-navigation-submenu:last-child > ul.wp-block-navigation__submenu-container {
	left: auto;
	right: 0;
}
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:hover > ul.wp-block-navigation__submenu-container,
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:focus-within > ul.wp-block-navigation__submenu-container {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	/* core 展开态规则（.wp-block-navigation .has-child:not(.open-on-click):hover>…，特异性 0,4,0）
	   会把 min-width 压回 200px、width 压回 auto——auto 收缩受包含块（父 li 宽）上限，
	   面板被压到 ≈ li 宽，菜单文字全部换行。此处以更高特异性夺回展开态宽度。 */
	min-width: 360px;
	width: max-content;
	height: auto;
	/* 票100/05：展开态同样裁切（visible 会让首条目矩形高亮带重新压过圆角）。 */
	overflow: hidden;
}
/* 展开态下条目文字永不换行（面板以 max-content 撑开容纳最长条目）。 */
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:hover > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.mainnav .wp-block-navigation.nav-inner li.wp-block-navigation-submenu:focus-within > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	white-space: nowrap;
}
/* 面板子项（对齐 .drop-panel a）。 */
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
	flex: 0 0 auto;
	display: block;
}
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-weight: 800;
	font-size: 16px;
	padding: 17px 28px;
	border-bottom: 1px solid rgba(255,255,255,.28);
	text-decoration: none;
	transition: background .18s ease, padding-left .18s ease;
}
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container li:first-child .wp-block-navigation-item__content { background: rgba(255,255,255,.16); }
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container li:last-child .wp-block-navigation-item__content { border-bottom: 0; }
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: rgba(255,255,255,.26);
	padding-left: 36px;
	/* core 会把 className（nav-inner）复制到内层 ul 上，style.css 遗留规则
	   `.nav-inner > a:hover { color: var(--yellow) !important; }`（亮蓝 #00A8FF）
	   因此命中二级菜单 <a> 并以 !important 压过本文件的白色 hover。
	   此处以同权重 !important 夺回基准色（白）。 */
	color: #fff !important;
}
/* 面板内 emoji（WP 端把 emoji 转成 img 时的尺寸约束，对齐既有规则）。 */
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container a img.emoji,
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container a img { width: 20px; height: 20px; }
/* ★ 胶囊标记（类名/值均对齐既有 .badge-new，选择器不加前缀即可复用；此处仅兜底 margin 对齐）。 */
.mainnav .wp-block-navigation.nav-inner .badge-new { margin-left: auto; }
/* core 会把链接内容包进 .wp-block-navigation-item__label span，★ 胶囊因此不再是
   flex <a> 的直接子元素、上面的 margin-left:auto 失效（原型中 badge 直挂在
   .drop-panel a 上，右贴行尾、与文字有大间距）。让 label 成为占满行宽的 flex
   容器，恢复 badge 的 auto 外边距推到右端的基准观感。 */
.mainnav .wp-block-navigation.nav-inner ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content .wp-block-navigation-item__label {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	/* 国旗经 wp-emoji 转成 img.emoji 后与文字是两个 flex 项，匿名文字项的前导
	   空格会被折叠（原型为文本 emoji+空格，间距 ≈11px）。以 flex gap 对齐
	   原型 `.drop-panel a { gap:10px }` 基准。 */
	gap: 10px;
}

/* ---------- issue 64：浮层态（overlayMenu mobile + 主题 600–1024 收拢带） ----------
   本站 WP 7.1.3 核心浮层行为（block-library CSS 实测）：
   - .wp-block-navigation__responsive-container.is-menu-open → position:fixed 全屏浮层；
   - 浮层内 .has-child 的 submenu-container 被 background:transparent!important /
     color:inherit!important 强制扁平展开（无手风琴）；
   - 浮层容器默认白底黑字（.wp-block-navigation:not(.has-background)…）。
   主题桌面横排规则会漏进浮层（白字 !important、32px 行距、黄面板位移/阴影、
   submenu toggle 被当 chevron 隐藏），故本段把浮层态映射回主题视觉：
   深蓝底（--blue）、白字、黄 hover/active、子菜单缩进列表；toggle 显示可触。
   选择器特异性均压过对应核心规则与上方桌面规则（同文件后置）。
   票95/01 在本段内重排列表几何：20/36px 两条左缘线、46px 行高单值、
   命中区全宽、16 行一屏收敛（量据见各规则注）。 */

/* 浮层容器：深蓝底白字（覆盖核心白底黑字，避免主题白字 !important 吃掉内容）。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--blue);
	color: #fff;
}
/* 汉堡按钮（<1025 收拢带 + 核心内 <600 通用）：右贴、加大触控目标。
   票100/01：整块收进 ≤1024——原样裸写时 display:inline-flex（特异度 0,4,2）压过
   核心 @media(min-width:600px) 的隐藏规则（…:not(.always-shown)，0,2,0），汉堡
   在全部桌面宽度常驻（业主报障「显示了移动端的 2 个横线」，实测 1025–1512
   display=flex）。display 的职责分工：<600 核心基础规则、600–1024 主题收拢带
   （style.css 同名 media 段）、>1024 核心 display:none；本块只补触控目标尺寸。 */
@media (max-width: 1024px) {
	.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container-open {
		margin-left: auto;
		padding: 14px 0 14px 24px;
		min-width: 48px;
		min-height: 48px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: inherit;
	}
}
/* 关闭按钮：同样加大触控目标并向内让位。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	margin: 16px;
	padding: 12px;
	min-width: 48px;
	min-height: 48px;
}
/* 浮层条目：纵向列表节奏（core 把 __content padding 归 0，桌面 32px 12px 不适用）。
   票95/01 重排：core 浮层把 ul 折进 container-content，其 align-items 走
   --navigation-layout-justification-setting 继承链吃到桌面 nav 的 center，
   行因此收缩到文字宽且整列居中（实测 Home 命中区仅 47.7px）；core 的
   gap:inherit 链又把桌面 nav 的 14px 列间距带进浮层（8 行 × 7 缝 = 98px 白白
   抬高列表）。此处逐层收回：列表拉满 + 内边距 20px 对齐站点侧栏线 + 缝距归零。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container {
	width: 100%;
	padding: 0 20px;
	align-items: stretch;
	gap: 0;
}
/* 行布局（票95/01）：运行时顶层/子项 li 都带 -link/-submenu 类，core 浮层态
   把 li 排成 flex column（a 与 toggle 竖向堆叠，toggle 独占一行浮在中间——
   业主所见「参差不齐」的主体）。压回 flex row wrap：label 左、toggle 右贴、
   子列表 basis 100% 折行独占；margin/gap 归零保证行节奏单值。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-link,
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-submenu {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	gap: 0;
}
/* 行高单值（票95/01）：46px = 16 行（8 顶层 + 8 子项）× 46 + core 起始
   padding-top 56 ≈ 792 ≤ 844，390/320/768 三档一屏放下，溢出滚动降级为兜底。
   命中区全宽：a 以 flex:1 吃满行宽（toggle 行给右侧按钮让位，普通项即整行）；
   border-box 把桌面面板遗留的子项 1px 分隔线收进 46px 内，顶/子行高极差归零。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	box-sizing: border-box;
	flex: 1 1 0;
	min-width: 0;
	height: 46px;
	padding: 0;
	/* 桌面顶层 __content 的 justify-content:center（居中横排观感）会随行拉满
	   把文字推到行中央，20/36px 左缘线名存实亡——浮层内一律左对齐（与子项
	   flex-start 同构，票95/01）。 */
	justify-content: flex-start;
}
/* 浮层内显示 submenu toggle（桌面态被 nav-native 顶部 chevron 隐藏规则与核心
   submenu-icon 隐藏规则压成 display:none；触屏可达的入口就在这里）。
   同一按钮承担 aria-expanded 绑定与 core view script 的 toggleMenuOnClick。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open button.wp-block-navigation-submenu__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* 票95/01：拉伸至整行高（46px），触控目标 ≥44 不缩水；左内距与 label 拉开。 */
	height: 46px;
	padding: 0 0 0 24px;
	min-width: 44px;
	min-height: 44px;
	color: inherit;
}
/* 浮层内子菜单容器：core 已强制展开+透明底（!important），主题黄面板视觉不适用——
   清掉桌面面板遗留的绝对定位/位移/阴影/圆角，保留缩进列表。
   width/height/overflow 一并压平，防桌面 :hover 展开态规则漏进浮层。
   票95/01：flex-basis 100% 折行独占（行内 label/toggle 之后整行下移）；缝距归零
   （同顶层 ul，防 gap:inherit 链抬高行距）；缩进 16px → 子项对齐第二线
   （容器 20 + 16 = 36px，与顶层 20px 成两条整齐左缘线）。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container {
	position: static;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	transform: none;
	transition: none;
	opacity: 1;
	visibility: visible;
	min-width: 0;
	width: auto;
	height: auto;
	overflow: visible;
	z-index: auto;
	margin: 0;
	flex: 0 0 100%;
	gap: 0;
	padding: 0 0 0 16px;
}
/* 票95/01：wp-emoji 样式表给 img.emoji 的 margin:0 .07em !important 会把行首旗子
   推离 36px 左缘线 ~1.1px（16px 字号下 .07em）——浮层内归零，旗子与文字同贴线。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container a img.emoji {
	margin: 0 !important;
}
/* 面板首条的高亮底（黄面板遗产）在深蓝浮层里不适用，清透明。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container li:first-child .wp-block-navigation-item__content {
	background: transparent;
}
/* （票95/01）子项行距旧规则（12px 0 一档）撤并：顶/子行高统一并入上方
   46px 单值规则，三档行高（55.2/49.6/50.6）归一。 */
/* 浮层内链接 hover/active：黄（子项需压过桌面面板 hover 的 #fff !important 复位）。 */
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:hover,
.mainnav nav.wp-block-navigation.nav-inner .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:active {
	color: var(--yellow) !important;
}