/*
 * rc-mega.css —— 全宽 Mega Menu（「产品中心」+「AI办公机器人」）
 * 依据：cue/07_menu设计/01 大厂menu 制造网等---DeepSeek.md
 * 作用域：仅桌面主菜单 #primary-site-navigation-desktop；移动端沿用 Astra 手风琴（不改）。
 * 结构：由 inc/rc-mega.php 的内联 JS 在浏览器端就地重建（搬迁原菜单链接节点，不复制、不新增库数据）。
 * 配色：取站点全局色 —— accent #1B9C85 / accent-dark #178E79 / ink #0F172A / muted #454F5E / 浅绿底 #EDF6EE
 * 版本：改样式后同步抬 functions.php 里的 enqueue 版本号，避免浏览器缓存旧文件。
 */

/* ============================================================
 * 1. 触发项与原生命令行下拉
 * ============================================================ */
#primary-site-navigation-desktop li.rc-mega { position: static; }
/* 原「向右级联」下拉先隐藏（内容会被 JS 搬进全宽面板；若 JS 未跑则不出现残旧下拉） */
#primary-site-navigation-desktop li.rc-mega > ul.sub-menu { display: none !important; }

/* ============================================================
 * 2. 面板容器（全宽、贴头部下缘；top 由 JS 量出）
 * ============================================================ */
#primary-site-navigation-desktop li.rc-mega > .rc-mega-panel {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
	border-top: 1px solid #e5e7eb;
	box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
	max-height: calc(100vh - 140px);
	overflow: hidden;
}
#primary-site-navigation-desktop li.rc-mega:hover > .rc-mega-panel,
#primary-site-navigation-desktop li.rc-mega.rc-mega-open > .rc-mega-panel { display: flex; }

/* 面板内深度重置：Astra 对 .sub-menu 的绝对定位 / 隐藏 / 阴影一律作废 */
.rc-mega-panel ul,
.rc-mega-panel li {
	position: static !important;
	float: none !important;
	margin: 0;
	min-width: 0 !important;
	width: auto;
	height: auto;
	box-shadow: none !important;
	background: transparent;
	border: 0;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	max-height: none !important;   /* 作废 rc-cat-alias 对叶子 .sub-menu 的限高 */
	overflow: visible;             /* 作废其 overflow-y:auto（否则多列在限高容器里会向右溢出） */
}
.rc-mega-panel ul { display: block; list-style: none; }
.rc-mega-panel a { text-decoration: none; box-shadow: none; }

/* ============================================================
 * 3. 左：一级栏（rail 模式）
 * ============================================================ */
/* 用 .rc-mega-panel .rc-mega-rail 提升特异性（0,2,0），压过上面的深度重置（0,1,1） */
.rc-mega-panel .rc-mega-rail {
	flex: 0 0 264px;
	padding: 8px 0;
	background: #EDF6EE;
	border-right: 1px solid #dcebe0;
	overflow-y: auto;
}
.rc-mega-rail-item { margin: 0; }
.rc-mega-rail-link {
	display: flex;
	align-items: center;
	padding: 11px 20px;
	color: #0F172A;
	font-size: 14.5px;
	line-height: 1.35;
	border-left: 3px solid transparent;
}
.rc-mega-rail-link:hover { color: #178E79; }
.rc-mega-panel .rc-mega-rail-item.is-active > .rc-mega-rail-link {
	background: #fff;
	color: #178E79;
	font-weight: 600;
	border-left-color: #1B9C85;
}

/* ============================================================
 * 4. 右：联动内容区（rail 模式的 pane）
 * ============================================================ */
.rc-mega-panes {
	flex: 1 1 auto;
	padding: 26px 34px 30px;
	overflow-y: auto;
}
.rc-mega-pane { display: none; }
.rc-mega-pane.is-active { display: block; }

/* 分组多列网格（分组高度不等，用 CSS 多列流式排布） */
.rc-mega-groups { columns: 3 220px; column-gap: 34px; }
.rc-mega-groups > li { break-inside: avoid; margin: 0 0 20px; }
.rc-mega-groups > li > a {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 6px;
	color: #178E79;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 1px solid #eef2f4;
}
.rc-mega-groups > li > a:hover { color: #0F172A; }
.rc-mega-groups > li > ul > li > a {
	display: block;
	padding: 4px 0;
	color: #454F5E;
	font-size: 14px;
	line-height: 1.45;
}
.rc-mega-groups > li > ul > li > a:hover { color: #1B9C85; }
/* 四级（缩进的小字链接） */
.rc-mega-groups > li > ul > li > ul {
	margin: 2px 0 4px 12px;
	padding-left: 10px;
	border-left: 1px solid #eef2f4;
}
.rc-mega-groups > li > ul > li > ul > li > a {
	display: block;
	padding: 3px 0;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.4;
}
.rc-mega-groups > li > ul > li > ul > li > a:hover { color: #1B9C85; }

/* 「查看全部 →」 */
.rc-mega-viewall {
	display: block;
	margin-top: 16px;
	padding-top: 12px;
	color: #178E79;
	font-size: 14px;
	font-weight: 600;
	border-top: 1px solid #eef2f4;
}
.rc-mega-viewall:hover { color: #0F172A; }

/* ============================================================
 * 5. grid 模式（AI办公机器人：13 个二级组直接铺成多列网格）
 *    关键：栅格不能被拉伸到面板固定高度——多列在“限高容器”里会把溢出的内容
 *    排成额外列（向右），产生横向溢出。这里让面板纵向滚动、栅格取自然高度。
 * ============================================================ */
#primary-site-navigation-desktop li.rc-mega > .rc-mega-panel--grid {
	align-items: flex-start;
	overflow-y: auto;
	overflow-x: hidden;
}
#primary-site-navigation-desktop li.rc-mega > .rc-mega-panel--grid > .rc-mega-grid {
	flex: 1 1 auto;
	align-self: flex-start;
	padding: 26px 34px 30px;
	columns: 6 170px;
	column-gap: 34px;
}
.rc-mega-grid > li { break-inside: avoid; margin: 0 0 20px; }
.rc-mega-grid > li > a {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 6px;
	color: #178E79;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 1px solid #eef2f4;
}
.rc-mega-grid > li > a:hover { color: #0F172A; }
.rc-mega-grid > li > ul > li > a {
	display: block;
	padding: 4px 0;
	color: #454F5E;
	font-size: 14px;
	line-height: 1.45;
}
.rc-mega-grid > li > ul > li > a:hover { color: #1B9C85; }

/* 面板内 Astra 箭头一律隐藏（分组标题不需要箭头） */
.rc-mega-panel .ast-header-navigation-arrow,
.rc-mega-panel .dropdown-menu-toggle,
.rc-mega-panel .ast-menu-toggle,
.rc-mega-panel .ast-icon { display: none !important; }