/*
 * Thai Sisterhood typography system
 * Keep Thai text consistent across legacy pages and editor-authored content.
 */
:root {
    --sh-font-sans: "Kanit", "Inter", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--sh-font-sans) !important;
}

body :where(
    h1, h2, h3, h4, h5, h6,
    p, a, li, dt, dd,
    label, button, input, select, textarea, option,
    table, th, td,
    blockquote, figcaption, small,
    .btn, .form-control, .dropdown-item, .nav-link,
    .fonts-text
) {
    font-family: var(--sh-font-sans) !important;
}

/* Old CKEditor records contain inline Arial, Tahoma and Mitr declarations. */
.article-body .seo-article-content,
.article-body .seo-article-content :where(
    h1, h2, h3, h4, h5, h6,
    p, a, li, dt, dd,
    span, font, strong, b, em,
    table, th, td, blockquote, figcaption
) {
    font-family: var(--sh-font-sans) !important;
}

/* Prevent inline editor sizing on nested text from fragmenting a paragraph. */
.article-body .seo-article-content p :where(span, font, strong, b, em, a),
.article-body .seo-article-content li :where(span, font, strong, b, em, a),
.article-body .seo-article-content :where(h1, h2, h3, h4, h5, h6) :where(span, font, strong, b, em, a) {
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 767.98px) {
    body :where(button, input, select, textarea) {
        font-size: 16px;
    }
}