/* Forest Park — RTL layout & Arabic type support */

/* Trox (Anyone ae) — Arabic/Latin display face for .fp-script heroes.
   English keeps Caveat via resources/css/site.css; this face is only
   applied under html[dir="rtl"] below. Source: https://befonts.com/trox-font.html */
@font-face {
    font-family: 'Trox';
    src: url('fonts/Trox.ttf') format('truetype');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

/* Arabic is a joining/cursive script — any positive letter-spacing (used by the
   .text-label-caps / .font-label-caps utilities for Latin tracking) breaks the
   glyph connections and renders words as disconnected, garbled shapes. Reset it. */
html[dir="rtl"] * {
    letter-spacing: normal !important;
}

html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
    font-family: 'Tajawal', 'Manrope', sans-serif;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4 {
    /* Alexandria is the Arabic-first display face (companion to Sora on
       the English side), per the Forest Morphism design system. */
    font-family: 'Alexandria', 'Sora', sans-serif;
}
/* Must beat html[dir="rtl"] h1 above — script accents stay Trox in Arabic,
   Caveat in English (see .fp-script in site.css). */
html[dir="rtl"] .fp-script {
    font-family: 'Trox', 'Alexandria', sans-serif;
}
html[dir="rtl"] .trox-font {
    font-family: 'Trox', 'Alexandria', sans-serif;
    font-size: clamp(29px, 3vw, 8px);
    word-spacing: 7px;
    line-height: 1.2;
}

html[dir="rtl"] .trox-font-lg {
    font-family: 'Trox', 'Alexandria', sans-serif;
    font-size: clamp(40px, 4vw, 12px);
    word-spacing: 7px;
    line-height: 1.2;
}

html[dir="rtl"] .fp-chat-panel,
html[dir="rtl"] .fp-chat-messages,
html[dir="rtl"] .fp-chat-input {
    font-family: 'Tajawal', 'Manrope', sans-serif;
}

.fp-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.font-light {
    color: #f5fff4;
}