/* ===== 언어별 반응형 최적화 ===== */

/* 태국어 페이지 - 매우 긴 제목 최적화 */
[lang="th"] .hero-title {
    word-break: keep-all;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

@media (max-width: 768px) {
    [lang="th"] .hero-title {
        font-size: 2.2rem !important;
        line-height: 1.2;
        word-spacing: -0.1em;
    }
}

@media (max-width: 640px) {
    [lang="th"] .hero-title {
        font-size: 1.9rem !important;
        line-height: 1.3;
    }
}

@media (max-width: 480px) {
    [lang="th"] .hero-title {
        font-size: 1.6rem !important;
        line-height: 1.4;
        word-spacing: -0.05em;
    }
}

/* 일본어 페이지 - 영어 제목 최적화 */
[lang="ja"] .hero-title {
    word-break: break-word;
    line-height: 1.2;
}

@media (max-width: 768px) {
    [lang="ja"] .hero-title {
        font-size: 2.3rem !important;
        line-height: 1.2;
    }
}

@media (max-width: 640px) {
    [lang="ja"] .hero-title {
        font-size: 1.9rem !important;
    }
}

@media (max-width: 480px) {
    [lang="ja"] .hero-title {
        font-size: 1.7rem !important;
        line-height: 1.3;
    }
}

/* 중국어 페이지 - 적당한 길이 최적화 */
[lang="zh"] .hero-title {
    word-break: keep-all;
    line-height: 1.2;
}

@media (max-width: 768px) {
    [lang="zh"] .hero-title {
        font-size: 2.5rem !important;
    }
}

@media (max-width: 640px) {
    [lang="zh"] .hero-title {
        font-size: 2.1rem !important;
    }
}

@media (max-width: 480px) {
    [lang="zh"] .hero-title {
        font-size: 1.9rem !important;
    }
}

/* 한국어 페이지 - 적당한 길이 최적화 */
[lang="ko"] .hero-title {
    word-break: keep-all;
    line-height: 1.2;
}

@media (max-width: 768px) {
    [lang="ko"] .hero-title {
        font-size: 2.5rem !important;
    }
}

@media (max-width: 640px) {
    [lang="ko"] .hero-title {
        font-size: 2.1rem !important;
    }
}

@media (max-width: 480px) {
    [lang="ko"] .hero-title {
        font-size: 1.9rem !important;
    }
}

/* 모든 언어 공통 - 섹션 제목 최적화 */
[lang="th"] .section-title,
[lang="ja"] .section-title,
[lang="zh"] .section-title,
[lang="ko"] .section-title {
    word-break: keep-all;
    line-height: 1.3;
}

@media (max-width: 768px) {
    [lang="th"] .section-title {
        font-size: 1.6rem !important;
    }
    
    [lang="ja"] .section-title,
    [lang="zh"] .section-title,
    [lang="ko"] .section-title {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 480px) {
    [lang="th"] .section-title {
        font-size: 1.4rem !important;
    }
    
    [lang="ja"] .section-title,
    [lang="zh"] .section-title,
    [lang="ko"] .section-title {
        font-size: 1.6rem !important;
    }
}