/* idx2 portal — Calibri for Latin-script / LTR languages (en, tr, az, zh, ko) */
html[dir="ltr"] body,
html[dir="ltr"] #page,
html[dir="ltr"] #page :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    a,
    button,
    input,
    select,
    textarea,
    label,
    em,
    strong,
    small,
    div,
    li,
    td,
    th,
    .header,
    #footer-bar,
    .menu,
    .card,
    [class^="app-"],
    [class*=" app-"]
) {
    font-family: var(--cms-latin-font) !important;
}

html[dir="ltr"] .app-student-hero-live-clock,
html[dir="ltr"] .app-student-hero-live-clock__weekday,
html[dir="ltr"] .app-student-hero-live-clock__date,
html[dir="ltr"] .app-student-hero-live-clock__time,
html[dir="ltr"] .app-student-hero-live-clock--western,
html[dir="ltr"] .app-student-hero-live-clock--western .app-student-hero-live-clock__date,
html[dir="ltr"] .app-student-hero-live-clock--western .app-student-hero-live-clock__time,
html[dir="ltr"] .app-persian-nums,
html[dir="ltr"] .app-student-lang__select,
html[dir="ltr"] .app-student-theme__select,
html[dir="ltr"] .app-auth-brand__subtitle,
html[dir="ltr"] .app-student-hero-welcome-name,
html[dir="ltr"] .app-student-hero-welcome-sub {
    font-family: var(--cms-latin-font) !important;
    font-variant-numeric: tabular-nums;
}

html[dir="ltr"] .app-student-hero-live-clock__weekday {
    direction: ltr;
    text-align: center;
}