/* 
   Tamil Typography Optimizations
   These styles are ONLY applied when the language is set to Tamil (ta).
   Purpose: Tamil text typically requires slightly smaller font sizes and adjusted line-heights 
   to fit perfectly into layouts originally designed for English.
*/

/* Core adjustments for all translatable elements when Tamil is active */
html[lang="ta"] [data-i18n-key] {
    /* Prefer whole-word wrapping for Tamil rather than breaking inside grapheme clusters. */
    overflow-wrap: break-word;
    word-break: normal;
}

/* Headings scale-down (approx. 85-90% of original) */
html[lang="ta"] h1,
html[lang="ta"] .fs-72 {
    font-size: 3.5rem !important; /* Original usually larger */
    line-height: 1.2 !important;
}

html[lang="ta"] h2,
html[lang="ta"] .fs-40 {
    font-size: 2.1rem !important; 
    line-height: 1.3 !important;
}

@media only screen and (max-width: 767px) {
    /* Prevent per-character wrapping on small screens */
    html[lang="ta"] .banner-heading h2,
    html[lang="ta"] #areaName,
    html[lang="ta"] [data-i18n-key] {
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        letter-spacing: 0 !important;
    }

    html[lang="ta"] #areaName {
        font-size: 2rem !important;
        line-height: 1.05 !important;
    }
}

html[lang="ta"] h3,
html[lang="ta"] .fs-32 {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
}

html[lang="ta"] h4 {
    font-size: 1.15rem !important;
    line-height: 1.5 !important;
}

/* Paragraphs and general text */
html[lang="ta"] p,
html[lang="ta"] li,
html[lang="ta"] .lead,
html[lang="ta"] .accordion-section-content {
    font-size: 15px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.2px !important; /* Slight compression */
}

/* Subtitles / Overlines */
html[lang="ta"] .subtitle {
    font-size: 13px !important;
    letter-spacing: 1px !important; /* Keep some spacing for design but less than English */
}

/* Buttons */
html[lang="ta"] .btn-main span,
html[lang="ta"] .btn-main {
    font-size: 14px !important;
    padding: 8px 24px !important; /* Reduce padding slightly if needed to fit */
}

/* Specific Section Fixes */
/* Marquee */
html[lang="ta"] .de-marquee-list-2 span {
    font-size: 30px !important; /* Original 40px */
}

/* Accordion Titles (FAQ) */
html[lang="ta"] .accordion-section-title {
    font-size: 16px !important;
    padding: 15px 40px 15px 20px !important; /* Ensure arrow doesn't overlap text */
}

/* Property Cards */
html[lang="ta"] .hover-mh-60 {
    font-size: 14px !important;
}

/* Statistics Blocks */
html[lang="ta"] .lh-1-5 {
    line-height: 1.3 !important;
}