/* Desktop top-nav dropdown polish: align card left edge to parent label, fade-in slide-down, parent underline, item hover. Mobile drawer untouched. */
@media (min-width:1200px){
  .main-menu li.has-submenu>.submenu-nav{
    left:30px !important; top:100% !important;
    opacity:0 !important; visibility:hidden !important;
    transform:translateY(8px) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
    border-radius:0 0 6px 6px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.08) !important;
    padding:8px 0 !important; display:block !important;
  }
  .main-menu li.has-submenu>.submenu-nav::before{
    content:''; position:absolute; top:-26px; left:0; right:0; height:26px; background:transparent;
  }
  .main-menu li.has-submenu:hover>.submenu-nav,
  .main-menu li.has-submenu:focus-within>.submenu-nav{
    opacity:1 !important; visibility:visible !important; transform:translateY(0) !important;
  }
  .main-menu li.has-submenu>.submenu-nav>li{padding-left:16px !important;}
  .main-menu li.has-submenu>.submenu-nav>li>a{transition:color .15s ease, padding-left .15s ease;}
  .main-menu li.has-submenu>.submenu-nav>li>a:hover{padding-left:22px !important;}
  .main-menu li.has-submenu>a{position:relative; transition:color .2s ease-out; font-weight:500 !important;}
  .main-menu > li > a{transition:color .2s ease-out; font-weight:500 !important;}
  .main-menu li.has-submenu>a::after{
    content:''; position:absolute; left:30px; right:8px; bottom:2px; height:2px;
    background:#c8102e; transform:scaleX(0); transform-origin:left; transition:transform .2s ease-out;
  }
  .main-menu li.has-submenu:hover>a::after{transform:scaleX(1);}
}

/* ---------------------------------------------------------------------------
   导航颜色统一（一个色，不分选中/悬停）
   theme.css 里"当前页"和"子菜单悬停"用的是裸 red（#ff0000），与站内色都不一致。
   现在导航内所有状态——当前页、下拉当前项、悬停文字、悬停下划线——统一为品牌红 #c8102e
   （与 EEYUN 标志、Request a quote 按钮同色）。橙色 #e8542b 只保留在正文强调（eyebrow 圆点等）。
   --------------------------------------------------------------------------- */
.main-menu>li.active>a{color:#c8102e !important;}
.subactive{color:#c8102e !important;}
.main-menu>li>a:hover,
.main-menu>li.active>a:hover,
.main-menu li.has-submenu>a:hover,
.main-menu li.has-submenu>.submenu-nav>li>a:hover{color:#c8102e !important;}

/* 注：页底产品筛选条（led-strip / led-driver / seg-aluminum-profile）用的是各页自己的
   .lst-tabs 覆盖（选中态墨色 #001d23），theme.css 里那条 #ff6b35 在这几页并未生效，故此处不动。 */

/* ---------------------------------------------------------------------------
   下拉指示三角（替换 theme.css 的字体图标）
   theme.css 用 .has-submenu>a:before 放一个 Poppins 私有区字符，但同一条规则
   又被 ".main-menu>li.has-submenu>a:before{display:none}" 关掉 —— 只有当前页
   （.active.has-submenu）才露出来，而且字符本身在 Poppins 里没有字形。
   这里用同等特异性、后加载覆盖：所有带下拉的一级项都显示品牌红三角，
   悬停或键盘聚焦时翻转 180°。
   --------------------------------------------------------------------------- */
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu > a::before{
  content:''; display:block; position:absolute;
  right:15px; top:50%; margin-top:-2.5px;
  width:0; height:0; border:0;
  border-left:4.5px solid transparent;
  border-right:4.5px solid transparent;
  border-top:5.5px solid #c8102e;
  font-size:0; line-height:0; color:transparent;
  transition:transform .22s ease-out;
  transform-origin:50% 40%;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu:hover > a::before,
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu:focus-within > a::before{
  transform:rotate(180deg);
}

/* 当前页的那一项：theme.css 给 li.active>a:before 铺了 118px×100% 的定位盒，
   上面再加我们的红色边框，会变成一条压在文字上的红带。这里把这个盒子还原成小三角。 */
.header-area.header-default .header-align .header-navigation-area .main-menu > li.active.has-submenu > a::before{
  width:0; height:0; min-width:0; background:none;
  left:auto; top:50%; right:15px; margin-top:-2.5px;
  transform:none; z-index:auto;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.active.has-submenu:hover > a::before,
.header-area.header-default .header-align .header-navigation-area .main-menu > li.active.has-submenu:focus-within > a::before{
  transform:rotate(180deg);
}

/* ---------------------------------------------------------------------------
   移动端抽屉（slicknav 动态生成，removeClasses:true 抹掉了原来的 li class）
   1) 当前页 / 父级：品牌红加粗
   2) 悬停色：旧的橙 #fc6539 → 品牌红
   3) 展开符号：theme 把箭头绝对定位到整行最右、写死 height:35px，这里改成
      紧跟文字的 inline 三角（同特异性 + 后加载覆盖）
   --------------------------------------------------------------------------- */
.slicknav_nav li.is-current > a,
.slicknav_nav li.is-current > .slicknav_item > a,
.slicknav_nav li.has-current > .slicknav_item > a{
  color:#c8102e !important; font-weight:600;
}
.slicknav_nav li a:hover,
.slicknav_nav li ul li a:hover{
  color:#c8102e !important;
}
.res-mobile-menu .slicknav_nav li a .slicknav_arrow i{ display:none; }
.res-mobile-menu .slicknav_nav li a .slicknav_arrow{
  position:static; display:inline-block; float:none;
  width:0; height:0; padding:0; margin:0 0 0 8px;
  vertical-align:middle; text-align:left;
  transform:none; background:none;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:9px solid #c8102e;
  font-size:0; line-height:0;
  transition:transform .22s ease-out;
}
.res-mobile-menu .slicknav_nav .slicknav_open > .slicknav_item .slicknav_arrow{
  transform:rotate(180deg);
}

/* ---------------------------------------------------------------------------
   首页深色首屏
   导航是白字压在视频上，当前页如果还用品牌红，会和深底糊在一起，看着像"链接坏了"；
   红色三角同样读不清。所以在这一段背景下：当前页 = 白字 + 白色短下划线，
   三角 = 白色；一旦滚动、header 变白底（.sticky），自动回到品牌红。
   --------------------------------------------------------------------------- */
.home-default-wrapper .header-area.header-default:not(.sticky) .header-align .header-navigation-area .main-menu > li.has-submenu > a::before{
  border-top-color:#fff;
}
.home-default-wrapper .header-area.header-default:not(.sticky) .header-align .header-navigation-area .main-menu > li.active.has-submenu > a::before{
  border-top-color:#fff;
}
.home-default-wrapper .header-area.header-default:not(.sticky) .header-align .header-navigation-area .main-menu > li.active > a{
  color:#fff !important;
}
.home-default-wrapper .header-area.header-default:not(.sticky) .header-align .header-navigation-area .main-menu > li.active > a::after{
  content:''; position:absolute; left:30px; right:30px; bottom:1px; height:2px;
  background:#fff !important; transform:none !important;
}

/* ---------------------------------------------------------------------------
   汉堡按钮（窄屏右侧三条杠）
   theme.css 里默认是橙 #fea444、悬停 #fc6539，和站内只有"品牌红 + 墨色"两色
   的体系对不上。这里统一成墨色，悬停用品牌红；首页深色首屏的白条由 index
   自己的内联规则负责，不受影响。
   --------------------------------------------------------------------------- */
.header-action-area button.btn-menu span,
.header-action-area a.btn-menu span{
  background-color:#001d23;
}
.header-action-area button.btn-menu:hover span,
.header-action-area a.btn-menu:hover span{
  background-color:#c8102e;
}
.header-area.header-default.sticky-header.sticky .header-align .header-action-area button.btn-menu span,
.header-area.header-default.sticky-header.sticky .header-align .header-action-area a.btn-menu span{
  background-color:#001d23;
}

/* ---------------------------------------------------------------------------
   导航字号 / 间距
   theme.css 用 17px 字号 + 30px 横向内间距，7 个一级项在 1440 宽下显得偏大偏散。
   收到 16px，并给每一项横向 26px，让整条更紧凑、与正文 16px 同一节奏。
   --------------------------------------------------------------------------- */
.main-menu > li > a{ font-size: 16px; }
.header-area.header-default .header-align .header-navigation-area .main-menu > li > a{
  padding: 7px 26px;
}

/* ---------------------------------------------------------------------------
   下拉面板升级：加宽、每项补一行说明、底部一个分隔开的入口
   原来是 195px 宽的单列四行、只有名字，看不出这些品类之间差在哪。
   --------------------------------------------------------------------------- */
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel{
  min-width: 360px;
  padding: 10px 0 6px;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel > li{
  padding: 10px 20px 12px;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel > li > a{
  font-size: 14.5px; font-weight: 500; line-height: 1.35;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel > li .mm-d{
  display: block; margin-top: 4px;
  font-size: 12px; line-height: 1.45; color: #8a9499; font-weight: 400;
  white-space: nowrap;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel > li.mm-foot{
  margin-top: 4px; border-top: 1px solid #eceff0; padding-top: 12px; padding-bottom: 8px;
}
.header-area.header-default .header-align .header-navigation-area .main-menu > li.has-submenu .submenu-nav.mm-panel > li.mm-foot > a{
  font-size: 13px; color: #c8102e; letter-spacing: .02em;
}

/* 移动端抽屉里不显示下拉那行规格说明（SEG & fabric frames, 15–200 mm 之类）。
   slicknav 的 removeClasses 会把 span 上的 class 剥掉，抽屉里只剩一个裸 span，
   所以按"li 的直属 span"处理；a 里的 .slicknav_arrow 不受影响。 */
@media (max-width: 1199.98px){
  .res-mobile-menu .slicknav_nav li > span,
  .res-mobile-menu .slicknav_nav li > .mm-d{ display: none; }
}