/* ============================================================
   DECON Construction — Lao Language Stylesheet
   Uses Phetsarath OT font for Lao text rendering
   ============================================================ */

/* Phetsarath OT @font-face */
@font-face {
    font-family: 'Phetsarath OT';
    src: url('../fonts/phetsarath_ot.woff2') format('woff2'),
         url('../fonts/phetsarath_ot.woff') format('woff'),
         url('../fonts/phetsarath_ot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Lao font stack — applied to any element with the .lao class
   or lang="lo" attribute, and inside the /lo/ language section. */
.lao,
[lang="lo"],
:lang(lo),
body.lang-lo,
.lo-text {
    font-family: 'Phetsarath OT', 'Saysettha OT', 'Noto Sans Lao',
                 'Souliyo Unicode', 'Lao UI', sans-serif !important;
    line-height: 1.85;
}

/* The Lao script needs slightly more line height and letter spacing
   for comfortable reading. */
.lao h1,
.lao h2,
.lao h3,
.lao h4,
[lang="lo"] h1,
[lang="lo"] h2,
[lang="lo"] h3,
[lang="lo"] h4 {
    letter-spacing: 0;
    line-height: 1.5;
}

.lao .hero h1,
[lang="lo"] .hero h1 {
    line-height: 1.35;
}

/* Body-wide override when the Lao version is active */
body.lang-lo {
    font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
}

body.lang-lo .btn,
body.lang-lo .main-nav a,
body.lang-lo .top-bar,
body.lang-lo .breadcrumb {
    font-family: 'Phetsarath OT', sans-serif;
}

/* Ensure inline Lao subtitles on English pages render correctly */
.lao-subtitle {
    font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
    line-height: 1.8;
    font-weight: 500;
}