/**
 * Storefront typography — Tajawal for Arabic
 */

html {
    font-family: var(--satoads-font);
}

body {
    font-family: inherit;
}

button,
input,
select,
textarea,
optgroup,
legend {
    font-family: inherit;
}

/* Arabic storefront: enforce Tajawal on all UI text */
body.satoads-lang-ar {
    font-family: var(--satoads-font);
    font-synthesis: weight;
}

body.satoads-lang-ar :where(
    button, input, select, textarea, optgroup, legend, label,
    h1, h2, h3, h4, h5, h6, p, span, a, li, dt, dd, small, strong, em, th, td,
    .satoads-btn, .satoads-menu, .satoads-sidebar, .satoads-topbar,
    .satoads-header, .satoads-main, .satoads-footer, .satoads-footer-mini,
    .satoads-auth-wrap, .satoads-lang, .satoads-page-title, .satoads-page-sub,
    .satoads-content-wrap, .satoads-app-page, .satoads-cta-band,
    .mps-wrap, .mps-account, .mps-store, .mps-wallet, .mps-transfer,
    .mps-topup-form, .mps-order-modal, .mps-deposit, .mps-my-orders,
    .mps-tier, .mps-modal, .mps-form-group, .mps-form-msg,
    #mps-toast-wrap, #mps-toast-wrap *
) {
    font-family: var(--satoads-font);
}

body.satoads-lang-ar :where(
    [class^="sato-"],
    [class*=" sato-"],
    [class^="mps-"],
    [class*=" mps-"]
) {
    font-family: var(--satoads-font);
}

/* Keep monospace for codes / UIDs */
body.satoads-lang-ar :where(
    code, pre, kbd, samp,
    .mps-order-input-chip,
    .mps-wallet-uid-copy code,
    #mps-transfer-my-uid,
    #mps-wallet-uid
) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Tajawal has no 600 — map semibold to medium for consistent Arabic glyphs */
body.satoads-lang-ar :where(
    .satoads-btn,
    .satoads-menu li a,
    .satoads-sidebar-link,
    .satoads-sidebar-group-label,
    .satoads-topbar-title,
    .mps-wallet-label,
    .mps-section-desc,
    .mps-form-group label,
    .mps-status,
    .mps-account-nav-btn,
    .mps-account-stat-label,
    .sato-cat-chip-name,
    .sato-section-more
) {
    font-weight: 500;
}

body.satoads-lang-ar :where(
    .satoads-page-title,
    .satoads-brand-text strong,
    .mps-wallet-balance,
    .sato-hero-title,
    .sato-section-title
) {
    font-weight: 700;
}