/* English Website Layout Optimizations */
/* This file contains style fixes for English text being longer than Chinese */

/* Navigation fixes - already handled in english-nav.css */

/* Header search bar - fix English text overflow */
.header .search-tabs .btn {
    font-size: 14px !important;
    padding: 0 15px !important;
    white-space: nowrap;
}

.aim-type {
    font-size: 13px !important;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-search-item li {
    font-size: 13px !important;
    white-space: nowrap;
}

.header-category-item .el-checkbox-button__inner {
    font-size: 12px !important;
    padding: 8px 10px !important;
}

.header-category-item .operate-item {
    font-size: 13px !important;
}

.search-btn strong {
    font-size: 14px !important;
}

/* Topbar optimizations */
.topbar-left li {
    font-size: 13px !important;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-right li {
    font-size: 13px !important;
    padding: 0 8px !important;
}

.login_methods a span {
    font-size: 13px !important;
}

/* Banner text optimizations */
.banner-search .count {
    min-width: 180px;
}

.banner-search .banner-tab--li {
    font-size: 15px !important;
    padding: 0 15px !important;
}

/* Notice bar text truncation */
.notice-list a.slh {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Card titles - prevent overflow */
.advantage-card-title,
.trade-type-name,
.service-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Trade type info - allow wrapping but limit height */
.trade-type-info {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 50px;
}

/* Brand tab buttons */
.brand-tab-btn {
    font-size: 14px !important;
    padding: 10px 15px !important;
}

/* Patent/Copyright card text */
.patent-top li h3,
.patent-top li p,
.patent-bot li h4,
.patent-bot li p {
    max-width: 100%;
    word-wrap: break-word;
}

/* Logo features text */
.logo-steps p,
.brand-logo li h4,
.brand-logo li p {
    white-space: normal;
    line-height: 1.5;
}

/* Domain sale list */
.domain-sale-list li h4 {
    font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Company service cards */
.service-advantage-info h3 {
    font-size: 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-advantage-info p {
    font-size: 13px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 40px;
}

/* News section */
.hotspot-content h3 {
    font-size: 16px !important;
}

/* Demand form labels */
.demand-form .el-form-item__label {
    font-size: 14px !important;
}

/* Footer text optimization */
.footer .infomation p {
    max-width: 100%;
    word-wrap: break-word;
}

/* Right sidebar labels */
.right-sidebar .tit {
    font-size: 12px !important;
}

/* Button text */
.blue-btn,
.red-btn-filling,
.white-btn-filling,
.submit-btn-red,
.reg-btn,
.login-btn,
.service-buy {
    font-size: 14px !important;
    padding: 8px 15px !important;
}

/* Modal dialogs */
.el-dialog__title {
    font-size: 16px !important;
}

/* Dropdown menu items */
.el-dropdown-menu__item {
    font-size: 14px !important;
    padding: 10px 15px !important;
}

/* FAQ section */
.menu-question-more {
    font-size: 13px !important;
}

/* Trademark trading section */
.tm-left li {
    font-size: 13px !important;
    padding: 10px 15px !important;
}

/* Form inputs */
.el-input__inner {
    font-size: 14px !important;
}

/* Legal service cards */
.brand-legal li h4 {
    font-size: 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-legal li p {
    font-size: 13px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Demand section advantages */
.demand-advantage .advantage-info h3 {
    font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.demand-advantage .advantage-info p {
    font-size: 13px !important;
    line-height: 1.4;
}

/* Responsive adjustments */
@media screen and (max-width: 1200px) {
    .header .search-tabs .btn {
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .aim-type {
        font-size: 12px !important;
        max-width: 100px;
    }

    .topbar-right li {
        font-size: 12px !important;
        padding: 0 6px !important;
    }

    .advantage-card-title {
        font-size: 16px !important;
    }

    .trade-type-name {
        font-size: 15px !important;
    }

    .demand-advantage .advantage-info h3 {
        font-size: 14px !important;
        max-width: 150px;
    }
}

@media screen and (max-width: 768px) {
    .header .search-tabs .btn {
        font-size: 12px !important;
        padding: 0 10px !important;
    }

    .banner-search .banner-tab--li {
        font-size: 13px !important;
        padding: 0 10px !important;
    }

    .brand-tab-btn {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }

    .topbar-right li {
        font-size: 11px !important;
        padding: 0 5px !important;
    }

    .demand-advantage .advantage-info h3 {
        font-size: 13px !important;
        max-width: 120px;
    }
}