/* English Navigation Styles */
/* These styles are specifically for the English version of the site to handle longer navigation text */

/* Navigation bar height - match original 47px */
.nav {
    height: 47px !important;
    line-height: 47px !important;
}

/* Reduce font size and padding for navigation items */
.nav .nav-item > li {
    padding: 0 12px !important;
    height: 47px !important;
    display: flex;
    align-items: center;
    float: none !important;
}

.nav .nav-item > li > a {
    padding: 0 6px !important;
    font-size: 13px !important;
    line-height: normal !important;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    height: 100%;
}

/* Adjust tag position for English text */
.nav .nav-item li .tag {
    top: -3px !important;
    right: -6px !important;
    font-size: 10px !important;
    padding: 2px 4px !important;
}

/* Adjust dropdown positioning */
.nav .nav-item li .el-dropdown {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.nav .nav-item li .el-dropdown > a {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: normal !important;
}

/* Navigation container adjustments */
.nav .menu-down {
    overflow: visible;
    max-width: 100%;
}

.nav .nav-item.center {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 47px;
}

.nav .nav-item.center > li {
    flex-shrink: 0;
    float: none !important;
}

/* Hover state adjustments - full height background */
.nav .nav-item li:hover,
.nav .nav-item li.chose,
.nav .nav-item li.now {
    background: #fff !important;
    height: 47px !important;
    line-height: 47px !important;
}

.nav .nav-item li:hover a,
.nav .nav-item li.chose a,
.nav .nav-item li.now a {
    color: #3c7ee5 !important;
}

/* Ensure active state also has full height */
.nav .nav-item > li.now {
    background: #fff !important;
    height: 47px !important;
    line-height: 47px !important;
}

/* Mobile adjustments */
@media (max-width: 1366px) {
    .nav .nav-item > li {
        padding: 0 8px !important;
    }

    .nav .nav-item > li > a {
        font-size: 12px !important;
        max-width: 120px;
    }
}

@media (min-width: 1920px) {
    .nav .nav-item > li {
        padding: 0 16px !important;
    }

    .nav .nav-item > li > a {
        font-size: 14px !important;
        max-width: 160px;
    }
}

/* Dropdown menu adjustments */
.nav-single-sub-items {
    min-width: 140px !important;
}

.nav-single-sub-item a {
    font-size: 13px !important;
    padding: 8px 12px !important;
    white-space: nowrap;
}

/* Mega menu adjustments */
.menu-dropdown {
    width: 100% !important;
}

.intern-title {
    font-size: 14px !important;
}

.dr-list a {
    font-size: 13px !important;
}