/* =========================================================
   nav-sub.css  【新增文件】
   作用：Services 导航下二级栏目（Vector Drawing / Embroidery Digitizing）
         的三级飞出菜单样式，全站菜单配色与设计图统一。
   说明：不修改 main.css 任何内容，仅在此做增量覆盖；
         去掉本文件引用即可完全还原原样。
   ========================================================= */

/* ---------- 桌面端（≥1200px，与 main.css 桌面断点一致） ---------- */
@media (min-width: 1200px) {

    /* 三级飞出菜单：向右展开（main.css 默认向左，按设计图改为向右） */
    .navmenu .dropdown ul ul {
        top: -8px;
        left: calc(100% + 8px);
        transform: translateX(-10px);
        border-top-left-radius: 0;
        border-top-right-radius: 13px;
        border-bottom-right-radius: 13px;
        border-bottom-left-radius: 13px;
    }

    /* 悬停展开（覆盖到三级，不影响 Services 本身的一级下拉） */
    .navmenu .dropdown li:hover > ul {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    /* 悬停桥：父项与飞出菜单之间留出可滑过的过渡区，防止鼠标移动时菜单消失 */
    .navmenu .dropdown ul ul::before {
        content: "";
        position: absolute;
        top: 0;
        left: -28px;
        width: 28px;
        height: 100%;
        background: transparent;
    }

    /* 二级父项上的展开箭头：桌面端隐藏（设计图中父项不带箭头，桌面靠悬停展开） */
    .navmenu .nav-sub-toggle {
        display: none;
    }

    /* ---------- 菜单配色（按设计图取样） ---------- */
    /* 菜单常态底色 */
    .navmenu .dropdown ul {
        background: #1a4086;
    }

    /* 分隔线 */
    .navmenu .dropdown ul li {
        border-bottom-color: #153a7b;
    }

    /* 悬停 / 当前页高亮 */
    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul li:hover > a,
    .navmenu .dropdown ul .active,
    .navmenu .dropdown ul .active:hover {
        background: #195da9;
        color: #fff;
        border-radius: 0;
    }
}

/* ---------- 移动端（<1200px） ---------- */
@media (max-width: 1199px) {

    /* 三级列表随父项展开（main.css 的 .dropdown-active 选择器只覆盖到二级） */
    .navmenu ul li > .dropdown-active {
        display: block;
    }

    /* 三级列表与二级同级缩进，层级清晰 */
    .navmenu .dropdown ul ul a {
        padding-left: 32px;
        font-size: 16px;
    }
}