/* ============================================================
   LANGUAGE.CSS — HEALTHY KNOTS PRO
   Language-aware layout and typography helpers
   ============================================================ */

/* ============================================================
   BASE LANGUAGE VARIABLES
   ============================================================ */

:root {
    --hk-font-latin:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --hk-font-devanagari:
        "Noto Sans Devanagari",
        "Nirmala UI",
        "Mangal",
        system-ui,
        sans-serif;

    --hk-font-urdu:
        "Noto Nastaliq Urdu",
        "Noto Naskh Arabic",
        "Jameel Noori Nastaleeq",
        "Nirmala UI",
        serif;

    --hk-font-bengali:
        "Noto Sans Bengali",
        "Nirmala UI",
        system-ui,
        sans-serif;

    --hk-font-gujarati:
        "Noto Sans Gujarati",
        "Nirmala UI",
        system-ui,
        sans-serif;

    --hk-font-gurmukhi:
        "Noto Sans Gurmukhi",
        "Nirmala UI",
        system-ui,
        sans-serif;

    --hk-font-south:
        "Noto Sans Telugu",
        "Noto Sans Tamil",
        "Noto Sans Kannada",
        "Noto Sans Malayalam",
        "Nirmala UI",
        system-ui,
        sans-serif;

    --hk-font-odia:
        "Noto Sans Oriya",
        "Noto Sans Odia",
        "Nirmala UI",
        system-ui,
        sans-serif;
}

/* ============================================================
   DIRECTION HELPERS
   ============================================================ */

.hk-content-rtl {
    direction: rtl;
    text-align: right;
}

.hk-content-rtl .entry-content,
.hk-content-rtl .entry-header {
    text-align: right;
}

/* Keep global shell stable on RTL posts/pages */
.hk-content-rtl .hk-site-header,
.hk-content-rtl .hk-header-container,
.hk-content-rtl .hk-main-nav,
.hk-content-rtl .hk-nav-menu,
.hk-content-rtl .hk-header-cta {
    direction: ltr;
}

/* Keep form/tool internals stable unless tool itself detects RTL */
.hk-content-rtl .hk-assessment-tool:not(.hk-rtl) {
    direction: ltr;
    text-align: left;
}

/* ============================================================
   DEVANAGARI FAMILY
   Hindi, Marathi, Nepali, Sanskrit, Dogri, Konkani, Maithili
   ============================================================ */

.hk-lang-hi-in .entry-content,
.hk-lang-hi-in .entry-header,
.hk-lang-mr-in .entry-content,
.hk-lang-mr-in .entry-header,
.hk-lang-ne-in .entry-content,
.hk-lang-ne-in .entry-header,
.hk-lang-sa-in .entry-content,
.hk-lang-sa-in .entry-header,
.hk-lang-doi-in .entry-content,
.hk-lang-doi-in .entry-header,
.hk-lang-kok-in .entry-content,
.hk-lang-kok-in .entry-header,
.hk-lang-mai-in .entry-content,
.hk-lang-mai-in .entry-header {
    font-family: var(--hk-font-devanagari);
    line-height: 1.9;
    letter-spacing: 0;
}

/* ============================================================
   URDU / ARABIC-SCRIPT FAMILY
   Urdu, Kashmiri, Sindhi
   ============================================================ */

.hk-lang-ur-in .entry-content,
.hk-lang-ur-in .entry-header,
.hk-lang-ks-in .entry-content,
.hk-lang-ks-in .entry-header,
.hk-lang-sd-in .entry-content,
.hk-lang-sd-in .entry-header {
    font-family: var(--hk-font-urdu);
    line-height: 2.05;
    letter-spacing: 0;
}

.hk-lang-ur-in .entry-content,
.hk-lang-ks-in .entry-content,
.hk-lang-sd-in .entry-content {
    font-size: 1.08rem;
}

/* Better Urdu headings */
.hk-lang-ur-in .entry-title,
.hk-lang-ur-in .section-title,
.hk-lang-ks-in .entry-title,
.hk-lang-ks-in .section-title,
.hk-lang-sd-in .entry-title,
.hk-lang-sd-in .section-title {
    line-height: 1.35;
}

/* ============================================================
   BENGALI / ASSAMESE
   ============================================================ */

.hk-lang-bn-in .entry-content,
.hk-lang-bn-in .entry-header,
.hk-lang-as-in .entry-content,
.hk-lang-as-in .entry-header {
    font-family: var(--hk-font-bengali);
    line-height: 1.9;
    letter-spacing: 0;
}

/* ============================================================
   GUJARATI
   ============================================================ */

.hk-lang-gu-in .entry-content,
.hk-lang-gu-in .entry-header {
    font-family: var(--hk-font-gujarati);
    line-height: 1.9;
    letter-spacing: 0;
}

/* ============================================================
   GURMUKHI
   Punjabi
   ============================================================ */

.hk-lang-pa-in .entry-content,
.hk-lang-pa-in .entry-header {
    font-family: var(--hk-font-gurmukhi);
    line-height: 1.9;
    letter-spacing: 0;
}

/* ============================================================
   ODIA
   ============================================================ */

.hk-lang-or-in .entry-content,
.hk-lang-or-in .entry-header {
    font-family: var(--hk-font-odia);
    line-height: 1.95;
    letter-spacing: 0;
}

/* ============================================================
   SOUTH INDIAN SCRIPT FAMILY
   Tamil, Telugu, Kannada, Malayalam
   ============================================================ */

.hk-lang-ta-in .entry-content,
.hk-lang-ta-in .entry-header,
.hk-lang-te-in .entry-content,
.hk-lang-te-in .entry-header,
.hk-lang-kn-in .entry-content,
.hk-lang-kn-in .entry-header,
.hk-lang-ml-in .entry-content,
.hk-lang-ml-in .entry-header {
    font-family: var(--hk-font-south);
    line-height: 1.95;
    letter-spacing: 0;
}

/* ============================================================
   BODO / MANIPURI / SANTALI
   Script can vary, so keep safe system fallback for now.
   ============================================================ */

.hk-lang-brx-in .entry-content,
.hk-lang-brx-in .entry-header,
.hk-lang-mni-in .entry-content,
.hk-lang-mni-in .entry-header,
.hk-lang-sat-in .entry-content,
.hk-lang-sat-in .entry-header {
    line-height: 1.9;
    letter-spacing: 0;
}

/* ============================================================
   MULTILINGUAL CONTENT SAFETY
   ============================================================ */

.entry-content {
    overflow-wrap: break-word;
    word-break: normal;
}

.entry-content p,
.entry-content li {
    text-wrap: pretty;
}

/* Prevent mixed English words from breaking ugly in Indic text */
.entry-content em,
.entry-content strong,
.entry-content a {
    word-break: normal;
}

/* ============================================================
   MOBILE READABILITY
   ============================================================ */

@media (max-width: 700px) {
    .hk-lang-hi-in .entry-content,
    .hk-lang-mr-in .entry-content,
    .hk-lang-ne-in .entry-content,
    .hk-lang-sa-in .entry-content,
    .hk-lang-bn-in .entry-content,
    .hk-lang-as-in .entry-content,
    .hk-lang-gu-in .entry-content,
    .hk-lang-pa-in .entry-content,
    .hk-lang-or-in .entry-content,
    .hk-lang-ta-in .entry-content,
    .hk-lang-te-in .entry-content,
    .hk-lang-kn-in .entry-content,
    .hk-lang-ml-in .entry-content {
        line-height: 1.85;
    }

    .hk-lang-ur-in .entry-content,
    .hk-lang-ks-in .entry-content,
    .hk-lang-sd-in .entry-content {
        line-height: 2;
        font-size: 1.05rem;
    }
}/* ============================================================
   RTL ARTICLE READING POLISH
   ============================================================ */

.hk-content-rtl .entry-header,
.hk-content-rtl .entry-content {
    direction: rtl;
    text-align: right;
}

.hk-content-rtl .entry-content p,
.hk-content-rtl .entry-content li {
    direction: rtl;
    text-align: right;
}

/* Keep sidebar/global layout stable */
.hk-content-rtl .sidebar,
.hk-content-rtl .widget-area,
.hk-content-rtl .site-sidebar {
    direction: ltr;
    text-align: left;
}

/* ============================================================
   LANGUAGE BADGE
   ============================================================ */

.hk-language-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    margin: 0 auto 16px;
    padding: 7px 13px;

    border-radius: 999px;
    border: 1px solid rgba(46, 125, 50, 0.18);

    background: rgba(240, 253, 244, 0.9);
    color: #166534;

    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;

    box-shadow: 0 8px 24px rgba(22, 101, 52, 0.08);
}

.hk-content-rtl .hk-language-badge {
    direction: rtl;
}