/**
 * English Localization CSS
 * Typography and layout adjustments for English text
 */

/* ===== Typography Adjustments ===== */

/* Paragraph line height for better readability */
p {
    line-height: 1.7;
}

/* Card titles - allow two lines */
.service-item h4,
.service-item h5 {
    line-height: 1.4;
    min-height: auto;
}

/* ===== Responsive Heading Adjustments ===== */

/* Smaller headings on mobile for English text */
@media (max-width: 767.98px) {
    h1, .h1 {
        font-size: 2rem;
    }
    
    h2, .h2 {
        font-size: 1.75rem;
    }
    
    .display-3 {
        font-size: 2.5rem;
    }
    
    .display-4 {
        font-size: 2rem;
    }
}

@media (max-width: 575.98px) {
    h1, .h1 {
        font-size: 1.75rem;
    }
    
    h2, .h2 {
        font-size: 1.5rem;
    }
    
    .display-3 {
        font-size: 2rem;
    }
    
    .display-4 {
        font-size: 1.75rem;
    }
    
    /* Navbar brand adjustment */
    .navbar-brand h2 {
        font-size: 1.25rem;
    }
}

/* ===== Button Text Adjustments ===== */

/* Ensure buttons don't overflow on small screens */
@media (max-width: 575.98px) {
    .btn {
        font-size: 0.875rem;
        padding: 0.75rem 1.25rem;
    }
    
    .btn-primary.py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* ===== Navigation Adjustments ===== */

/* Dropdown menu items - prevent text overflow */
.dropdown-item {
    white-space: normal;
    line-height: 1.4;
    padding: 0.5rem 1rem;
}

/* ===== Footer Adjustments ===== */

/* Footer dropdown styling */
.footer-dropdown {
    position: relative;
}

.footer-dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;       /* 出现在 Solutions 右侧 */
    top: -2px;        /* 微微上移，尽量贴近文字，减小上下缝隙 */
    margin-left: 0;   /* 去掉水平间距，让菜单紧贴 Solutions 右侧 */
    background: #1a1a1a;
    min-width: 250px;
    border-radius: 4px;
    padding: 0.5rem 0;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.footer-dropdown:hover .footer-dropdown-menu {
    display: block;
}

.footer-dropdown-item {
    display: block;
    padding: 0.5rem 1rem;
    color: #9B9B9B;
    text-decoration: none;
    transition: all 0.3s;
}

.footer-dropdown-item:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
}

/* Mobile footer dropdown */
@media (max-width: 991.98px) {
    .footer-dropdown-menu {
        position: static;
        left: auto;
        background: transparent;
        box-shadow: none;
        padding-left: 1rem;
        min-width: auto;
    }
    
    .footer-dropdown-item {
        padding: 0.25rem 0;
    }
}

/* ===== Card Layout Adjustments ===== */

/* Service cards - better text handling */
.service-item p {
    line-height: 1.6;
}

/* Process step cards */
.service-item .badge {
    flex-shrink: 0;
}

/* ===== Page Header Adjustments ===== */

/* Breadcrumb text wrapping */
.breadcrumb-item {
    white-space: normal;
}

/* ===== Form Adjustments ===== */

/* Form labels and placeholders */
.form-control::placeholder {
    font-size: 0.9rem;
}

/* ===== Counter Section ===== */

/* Ensure counter text fits */
@media (max-width: 767.98px) {
    .counter-item h6 {
        font-size: 0.875rem;
    }
}