/* 站点全局覆盖样式（注入到所有 HTML 的 ）
*
* 当前主要承载：
* - 顶部导航 Service 子菜单的 B&W 重写（覆盖 theme 的 #333 + #ff2d00 红 hover）
* - 子菜单交互（hover / focus-within / 键盘可达）
* - 主导航 current / hover 颜色去红（theme 默认 #ff2d00）
*
* 不在这里处理页面内容样式——那个走 pages.css / home.css。
*
* 注意 specificity：theme 用了 `#primary-menu li.current-menu-item > a`
* 这条带 ID 选择器的规则（特异度 123），只能用相同或更高 ID 选择器来压制。
*/
/* ============================================================
* 全局：去掉所有 nav 链接的红色 hover / current 状态
* ============================================================ */
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
color: #ffffff;
}
/* current item 视觉标识：底部小圆点 + 文字保持白色 */
.main-navigation ul#primary-menu li.current-menu-item > a {
color: #ffffff;
}
/* 红色小圆点（theme 自带 ::before）改成 B&W */
.main-navigation ul#primary-menu li.current-menu-item > a:before {
background-color: #ffffff;
}
/* SVG icon hover 颜色（theme 默认变红）：保持 currentColor */
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg.icon-down,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search {
fill: currentColor;
}
/* ============================================================
* Submenu / Dropdown
* ============================================================ */
/* 1024px+ 桌面：子菜单走 absolute 弹层。theme 默认是黑底红字，重写为白底黑字。
* 全部用 #primary-menu 这条 ID 选择器把特异度顶上去，否则被 theme 那条
* `.main-navigation ul#primary-menu li.current-menu-item > a { color: #ff2d00 }` 反向压住。
*/
@media screen and (min-width: 1024px) {
.main-navigation ul#primary-menu ul.sub-menu {
background-color: #ffffff;
border: 1px solid #e5e5e5;
box-shadow: 0 18px 36px -22px rgba(0, 0, 0, 0.3);
padding: 8px 0;
min-width: 240px;
}
.main-navigation ul#primary-menu ul.sub-menu li {
display: block;
}
.main-navigation ul#primary-menu ul.sub-menu li a {
display: block;
padding: 10px 20px;
color: #1a1a1a;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.4;
border-left: 0;
border-bottom: 0;
background: transparent;
transition: background-color 0.18s ease, color 0.18s ease;
}
/* 子项 hover / focus / current：bg 高亮 + 文字保持深色（不变红）*/
.main-navigation ul#primary-menu ul.sub-menu li a:hover,
.main-navigation ul#primary-menu ul.sub-menu li a:focus,
.main-navigation ul#primary-menu ul.sub-menu li:hover > a,
.main-navigation ul#primary-menu ul.sub-menu li:focus > a,
.main-navigation ul#primary-menu ul.sub-menu li.current-menu-item > a {
background-color: #f7f7f7;
color: #1a1a1a;
}
/* 当前所处的子项：左侧加一道实心线作为额外标识 */
.main-navigation ul#primary-menu ul.sub-menu li.current-menu-item > a {
box-shadow: inset 3px 0 0 #1a1a1a;
}
/* 父项 hover / focus-within 时弹出（theme 自身已有 :hover，再补 focus-within 让键盘可达） */
.main-navigation ul#primary-menu li.menu-item-has-children:focus-within > ul,
.main-navigation ul#primary-menu li.menu-item-has-children:hover > ul {
left: 0;
right: auto;
}
/* 父项 hover 时下方小三角（theme 默认 #333 黑），改成 panel 同色，融入卡片边缘 */
.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
border-bottom-color: #ffffff;
}
/* 子菜单里继承的"二级箭头"svg 隐藏 */
#masthead .main-navigation ul ul a svg {
display: none;
}
}
/* < 1024px 移动端：theme 默认在汉堡菜单展开后所有子项都跟着展开（折叠靠 dropdown-toggle 按钮）。
* 确保子菜单背景透明、文字色继承父，避免 theme 的 #333 黑底贴上来。*/
@media screen and (max-width: 1023px) {
.main-navigation ul.sub-menu {
background-color: transparent;
padding-left: 16px;
}
.main-navigation ul.sub-menu li a {
color: inherit;
border: 0;
padding: 8px 0;
}
.main-navigation ul.sub-menu li a:hover,
.main-navigation ul.sub-menu li a:focus {
background-color: transparent;
color: #ffffff;
opacity: 0.85;
}
}