/*
 * contact-en.css
 * English version typography adjustments for contact page
 * Only affects English version pages (/en/Contact.html)
 * Does NOT affect Chinese version
 */

/* ========= Hero Section Typography (Main Visual Area) ========= */

/* Hero Section Label - Following typography-en.css standard */
/* Standard: 14px, font-weight 500 */
.section-caption-border {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 767px) {
    .section-caption-border {
        font-size: 13px !important;
    }
}

/* Hero Section Main Title - Following typography-en.css standard */
/* Standard: H1 Desktop 48px, Mobile 32px, font-weight 100 (细体) */
.hs-title-1 {
    font-size: 48px !important;
    font-weight: 100 !important;  /* 字重100（细体） */
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Tablet adjustment (768-1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .hs-title-1 {
        font-size: 40px !important;
    }
}

/* Mobile adjustment (576-767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .hs-title-1 {
        font-size: 32px !important;
    }
}

/* Small phone adjustment (<576px) */
@media (max-width: 575px) {
    .hs-title-1 {
        font-size: 28px !important;
    }
}

/* Hero Section Subtitle - Content Summary Text */
.hs-title-11a {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .hs-title-11a {
        font-size: 17px !important;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .hs-title-11a {
        font-size: 16px !important;
    }
}

@media (max-width: 575px) {
    .hs-title-11a {
        font-size: 15px !important;
    }
}

/* ========= Contact Cards Typography ========= */

/* Card Titles */
.ci-title-enhanced {
    font-size: 18px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .ci-title-enhanced {
        font-size: 17px !important;
    }
}

/* Card Text Content */
.ci-text-enhanced {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .ci-text-enhanced {
        font-size: 13px !important;
    }
}

/* Card Link Text */
.ci-link-enhanced span {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .ci-link-enhanced span {
        font-size: 13px !important;
    }
}

/* ========= Services Section Typography ========= */

/* Section Title */
.section-title {
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

@media (max-width: 1024px) {
    .section-title {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 24px !important;
    }
}

/* Intro Text */
.intro-text {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@media (max-width: 767px) {
    .intro-text {
        font-size: 13px !important;
    }
}

/* Service Card Titles */
.service-card-content h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .service-card-content h4 {
        font-size: 15px !important;
    }
}

/* Service Card Text */
.service-card-content p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

@media (max-width: 767px) {
    .service-card-content p {
        font-size: 12px !important;
    }
}

/* ========= Contact Form Typography ========= */

/* Form Labels */
#contact_form label {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    #contact_form label {
        font-size: 13px !important;
    }
}

/* Form Inputs */
#contact_form .form-control {
    font-size: 14px !important;
}

@media (max-width: 767px) {
    #contact_form .form-control {
        font-size: 13px !important;
    }
}

/* Verification Button */
.verification-btn {
    font-size: 13px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .verification-btn {
        font-size: 12px !important;
    }
}

/* Submit Button */
.submit_btn span {
    font-size: 16px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .submit_btn span {
        font-size: 15px !important;
    }
}

/* Form Tip Text */
.form-tip {
    font-size: 12px !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .form-tip {
        font-size: 11px !important;
    }
}