@font-face {
    font-family: 'GE SS Two';
    src: url('../fonts/ge-ss-two/GE_SS_Two_Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('../fonts/ge-ss-two/GE_SS_Two_Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('../fonts/ge-ss-two/GE_SS_Two_Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('../fonts/ge-ss-two/GE_SS_Two_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE SS Two';
    src: url('../fonts/ge-ss-two/GE_SS_Two_Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Digits 0-9 (Latin + Arabic-Indic codepoints) → Western glyphs site-wide */
@font-face {
    font-family: 'GE SS Two';
    src: local('Segoe UI'), local('Tahoma'), local('Arial'), sans-serif;
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9, U+002C, U+002E, U+002B, U+002D, U+0025, U+00A0, U+202F;
}

:root {
    --font-ge-ss: 'GE SS Two', 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
    --font-western-digits: Tahoma, Arial, 'Segoe UI', sans-serif;
}

html,
body {
    font-family: var(--font-ge-ss);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
}

html[lang^="ar"],
html[dir="rtl"] {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
}

body :where(
    h1, h2, h3, h4, h5, h6,
    p, a, span, li, label, small, strong, em,
    button, input, select, textarea, optgroup, option,
    .btn, .form-control, .form-select, .form-label,
    .nav-link, .navbar, .dropdown-item, .breadcrumb,
    .alert, .card, .modal, .table, .badge,
    td, th, figcaption, blockquote
) {
    font-family: inherit;
}

code,
kbd,
pre,
samp,
.font-monospace,
.monospace,
.otp-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.fas,
.far,
.fal,
.fa,
.fa-solid,
.fa-regular,
.fa-light,
[class^="fa-"],
[class*=" fa-"] {
    font-family: "Font Awesome 6 Free" !important;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}

/* Homepage section headings (kept for consistent sizing) */
.ge-ss-section-heading,
.featured-jobs-heading {
    font-family: var(--font-ge-ss);
    font-weight: 700;
    font-size: 1.85rem;
    color: var(--text-dark, #1f2937);
    margin-bottom: 0.75rem;
}

.ge-ss-section-subtitle {
    font-family: var(--font-ge-ss);
    font-weight: 400;
    font-size: 1.05rem;
    color: var(--text-gray, #6b7280);
    margin-bottom: 0;
}

/* Western numerals (0-9) — explicit wrapper + counters */
html[lang^="ar"] .western-digits,
html[dir="rtl"] .western-digits,
.western-digits {
    font-family: var(--font-western-digits) !important;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
    direction: ltr;
    unicode-bidi: embed;
}

html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
}

/* Admin / bilingual forms: English fields on RTL pages — force 0-9 input & display */
.western-ltr-field,
input.western-ltr-field,
textarea.western-ltr-field {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext;
    font-family: var(--font-western-digits) !important;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
}

[dir="rtl"] .western-ltr-field,
[dir="rtl"] input.western-ltr-field,
[dir="rtl"] textarea.western-ltr-field {
    text-align: left !important;
}
