/* =============================================================
   KitoKito Header Fix v3 - 强制单行，适配屏幕缩放
   ============================================================= */

/* 1. 强制 nav 单行不换行 */
.tgmenu__nav {
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 2. Logo 固定宽度，绝对不会撑爆布局 */
.tgmenu__nav .logo {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 180px !important;
}

/* 3. Logo 图片限死尺寸 */
.tgmenu__nav .logo img,
.tgmenu__nav .logo a img {
    display: block !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
}

/* 4. 菜单区域允许收缩，字号小一点确保放得下 */
.tgmenu__navbar-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* 5. 菜单字号缩小确保 8 个菜单项在 1400px 内单行放得下 */
.tgmenu__navbar-wrap ul li a.nav-links {
    padding: 30px 14px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* 6. 超宽屏恢复正常间距 */
@media (min-width: 1600px) {
    .tgmenu__navbar-wrap ul li a.nav-links {
        padding: 38px 18px !important;
        font-size: 14px !important;
        letter-spacing: 0.8px !important;
    }
    .tgmenu__nav .logo,
    .tgmenu__nav .logo img,
    .tgmenu__nav .logo a img {
        max-width: 220px !important;
        max-height: 56px !important;
    }
}

/* 7. 移动端不受影响 */
@media (max-width: 1199px) {
    .tgmenu__nav .logo,
    .tgmenu__nav .logo img,
    .tgmenu__nav .logo a img {
        max-width: 160px !important;
        max-height: 44px !important;
    }
}

/* ===== KITOKITO HEADER FIX v9 ===== */
/*
 * 桌面端(>=1200px)：修复换行问题
 */
@media (min-width: 1200px) {
    .tgmenu__nav .logo a img,
    .tgmenu__nav .logo img,
    .tg-header__area .logo img {
        max-width: 180px !important;
        max-height: 52px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .tgmenu__nav .logo {
        flex: 0 0 auto !important;
    }

    .tgmenu__nav {
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .tgmenu__navbar-wrap.tgmenu__main-menu {
        flex: 1 1 auto !important;
        flex-wrap: nowrap !important;
        min-width: 0 !important;
    }

    .tgmenu__main-menu {
        flex-wrap: nowrap !important;
    }
}

/*
 * 移动端/平板(<1200px)：汉堡按钮靠右
 * float:right 在 flex 容器中无效，用 margin-left:auto 代替
 */
@media (max-width: 1199px) {
    .tgmenu__nav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    .tgmenu__nav .logo {
        flex: 0 0 auto !important;
    }

    .tg-header__area .mobile-nav-toggler,
    .mobile-nav-toggler {
        float: none !important;
        margin-left: auto !important;
        order: 999 !important;
        display: flex !important;
        align-items: center !important;
    }
}
/* ===== END KITOKITO HEADER FIX ===== */