/* ========================================
   MTC 手机端导航 - 独立实现，不依赖 dh/dh1
   ======================================== */

@media (max-width: 768px) {

/* 移除 dh1 给 .top 加的白底和阴影（logo 外的框） */
.header-container-wrapper .row-fluid .top,
.header-container-wrapper .top,
.header-container-wrapper .span12.top,
.header-container-wrapper .row-number-3,
.header-container-wrapper .row-number-3 + * {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.header-container-wrapper .row-fluid .top,
.header-container-wrapper .span12.top {
    padding: 8px 0 !important;
}

/* 强制显示右侧列和汉堡（覆盖 dh1 在 768px 隐藏 trigger） */
.header-container-wrapper .span9.top-right,
.header-container-wrapper .top-right .mainmenu,
.header-container-wrapper a.mobile-trigger {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.header-container-wrapper a.mobile-trigger {
    pointer-events: auto !important;
}

/* header 全宽，避免被内层限制导致汉堡贴 logo */
.header-container-wrapper,
.header-container-wrapper .header-container,
.header-container-wrapper .row-fluid-wrapper,
.header-container-wrapper .row-fluid-wrapper .row-fluid,
.header-container-wrapper .row-number-3 {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 头部一行：汉堡在左，logo 在右上角 */
.header-container-wrapper .row-number-3 > .row-fluid,
.header-container-wrapper .row-fluid:has(.span3.logo):has(.span9.top-right) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    min-height: 56px !important;
    padding: 8px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* 左右两列：order 让汉堡在左(1)、logo 在右(2) */
.header-container-wrapper .row-number-3 .span3.logo,
.header-container-wrapper .row-number-3 .span9.top-right,
.header-container-wrapper .span3.logo,
.header-container-wrapper .span9.top-right {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
}
.header-container-wrapper .row-number-3 .span9.top-right,
.header-container-wrapper .span9.top-right {
    order: 1;
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    padding: 0 0 0 12px !important;
}
/* logo 放右上角：无外框、右对齐（order 2 + margin-left:auto 双保险） */
.header-container-wrapper .row-number-3 .span3.logo,
.header-container-wrapper .span3.logo {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 0 12px 0 0 !important;
}
.header-container-wrapper .row-number-3 .span3.logo .cell-wrapper,
.header-container-wrapper .span3.logo .cell-wrapper {
    display: flex !important;
    align-items: center !important;
    min-height: 56px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.header-container-wrapper .row-number-3 .span3.logo .cell-wrapper img,
.header-container-wrapper .span3.logo .cell-wrapper img {
    display: block !important;
    vertical-align: middle !important;
}
/* 移除 logo 外层的框（主题或全局可能加了背景/边框） */
.header-container-wrapper .span3.logo,
.header-container-wrapper .span3.logo .cell-wrapper,
.header-container-wrapper .span3.logo a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 内层 row：汉堡在左 */
.header-container-wrapper .top-right .row-fluid-wrapper,
.header-container-wrapper .top-right .row-fluid-wrapper .row-fluid {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
/* 手机端首行只显示汉堡，语言和 Get Started 收到菜单内 */
.header-container-wrapper .row-fluid .top-right .lang-switcher-wrapper,
.header-container-wrapper .row-fluid .top-right .toprequest-link {
    display: none !important;
}
/* mainmenu 在左侧列，汉堡靠左 */
.header-container-wrapper .top-right .mainmenu,
.header-container-wrapper .row-fluid .top-right .mainmenu {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
}
.header-container-wrapper .top-right .mainmenu .cell-wrapper,
.header-container-wrapper .row-fluid .top-right .mainmenu .cell-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
}
/* 汉堡按钮：固定尺寸，右上角 */
.header-container-wrapper a.mobile-trigger {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #00A0CE !important;
    border: none !important;
    border-radius: 8px;
    cursor: pointer;
    z-index: 10002 !important;
    flex-shrink: 0;
    text-decoration: none;
}
.header-container-wrapper a.mobile-trigger:hover {
    background: #0084a9 !important;
}
/* 汉堡三条线 */
.header-container-wrapper a.mobile-trigger i {
    display: block !important;
    width: 22px;
    height: 2px;
    background: #fff;
    position: relative;
}
.header-container-wrapper a.mobile-trigger i::before,
.header-container-wrapper a.mobile-trigger i::after {
    content: '';
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    background: #fff;
}
.header-container-wrapper a.mobile-trigger i::before { top: -7px; }
.header-container-wrapper a.mobile-trigger i::after { top: 7px; }
/* 打开时变 X（可选，由 JS 加 class） */
body.mobile-open .header-container-wrapper a.mobile-trigger i {
    background: transparent;
}
body.mobile-open .header-container-wrapper a.mobile-trigger i::before {
    top: 0;
    transform: rotate(45deg);
}
body.mobile-open .header-container-wrapper a.mobile-trigger i::after {
    top: 0;
    transform: rotate(-45deg);
}

/* 菜单面板：全屏 overlay，从顶栏下方开始 */
.header-container-wrapper .mainmenu .nav-menu-wrapper {
    display: none !important;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(100vh - 56px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #00A0CE !important;
    z-index: 10001 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    box-shadow: none !important;
    float: none !important;
}
body.mobile-open .header-container-wrapper .mainmenu .nav-menu-wrapper {
    display: block !important;
}

/* 菜单列表 */
.header-container-wrapper .mainmenu .nav-menu-wrapper > ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper > ul > li {
    display: block !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.2) !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper > ul > li:first-child {
    border-top: none !important;
}

/* 一级链接 */
.header-container-wrapper .mainmenu .nav-menu-wrapper > ul > li > a,
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li a {
    display: block !important;
    padding: 14px 20px !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li a:hover {
    background: rgba(255,255,255,0.15) !important;
}

/* 有子菜单的项：右侧箭头 */
.header-container-wrapper .mainmenu .nav-menu-wrapper > ul > li.nav-item-has-children > a {
    padding-right: 48px !important;
}
/* 子菜单默认收起 */
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li ul.nav-sub,
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li ul.hs-menu-children-wrapper {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(0,0,0,0.15) !important;
    border: none !important;
    list-style: none !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li.nav-item-has-children.open > ul.nav-sub,
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li.nav-item-has-children.open > ul.hs-menu-children-wrapper,
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li.hs-item-has-children.open > ul.nav-sub,
.header-container-wrapper .mainmenu .nav-menu-wrapper ul li.hs-item-has-children.open > ul.hs-menu-children-wrapper {
    display: block !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper ul.nav-sub li {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
}
.header-container-wrapper .mainmenu .nav-menu-wrapper ul.nav-sub li a {
    padding-left: 28px !important;
    font-size: 15px !important;
}

/* 隐藏 dh.js 生成的 child-triggerm，我们用 JS 直接点父级展开 */
.header-container-wrapper .mainmenu .nav-menu-wrapper a.child-triggerm {
    display: none !important;
}

} /* END @media (max-width: 768px) */