/**
 * English: Gadugi (Windows) → Apple system / Helvetica Neue (Mac & iPhone).
 * Pashto, Arabic, Persian: Bahij Helvetica (local) → Noto (web) → Apple Arabic.
 * Bahij Karim is reserved for the Umrah Guarantee Letter.
 *
 * Important for Safari: never define @font-face with only missing local() fonts,
 * or the family name can break glyph rendering on Mac/iPhone.
 */

/* Latin UI — Gadugi when present; SF / Helvetica Neue on Apple */
@font-face {
  font-family: "Gadugi";
  src: local("Gadugi"),
       local("Segoe UI"),
       local("SF Pro Text"),
       local("SF Pro Display"),
       local("Helvetica Neue"),
       local("Helvetica");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gadugi";
  src: local("Gadugi Bold"),
       local("Segoe UI Bold"),
       local("Segoe UI Semibold"),
       local("SF Pro Text Bold"),
       local("SF Pro Display Bold"),
       local("Helvetica Neue Bold"),
       local("Helvetica Bold");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gadugi";
  src: local("Gadugi Bold"),
       local("Segoe UI Bold"),
       local("SF Pro Text Bold"),
       local("SF Pro Display Bold"),
       local("Helvetica Neue Bold"),
       local("Helvetica Bold");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Arabic / Pashto — Bahij when installed; otherwise stack falls to Noto */
@font-face {
  font-family: "Bahij Helvetica";
  src: local("Bahij Helvetica"),
       local("Bahij Helvetica Neue"),
       local("Bahij Helvetica Neue 55 Roman"),
       local("BahijHelveticaNeue-Roman"),
       local("Geeza Pro"),
       local("Al Nile"),
       local("Noto Naskh Arabic");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij Helvetica";
  src: local("Bahij Helvetica Bold"),
       local("Bahij Helvetica Neue 65 Medium"),
       local("BahijHelveticaNeue-Medium"),
       local("Bahij Helvetica Neue 75 Bold"),
       local("BahijHelveticaNeue-Bold"),
       local("Geeza Pro"),
       local("Al Nile Bold"),
       local("Noto Naskh Arabic Bold");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij Helvetica";
  src: local("Bahij Helvetica Bold"),
       local("Bahij Helvetica Neue 75 Bold"),
       local("BahijHelveticaNeue-Bold"),
       local("Geeza Pro"),
       local("Al Nile Bold"),
       local("Noto Naskh Arabic Bold");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij Karim";
  src: url("../fonts/Bahij-Karim-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-latin: "Gadugi", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont,
    "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-pashto: "Bahij Helvetica", "Bahij Helvetica Neue", "Noto Naskh Arabic",
    "Noto Sans Arabic", "Geeza Pro", "Al Nile", "Arial Unicode MS", Tahoma, sans-serif;
  --font-site: var(--font-latin);
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body,
.site-shell,
.site-main,
.site-header,
.site-scroll,
.site-footer,
.navbar,
.nav-link,
.dropdown-menu,
.dropdown-item,
.btn,
button,
input,
select,
textarea,
.form-control,
.form-select,
.card,
.modal,
.table,
#sidebar,
#sidebar .list-group-item,
.app-sidebar,
.sidebar-menu-item,
.nav-item,
.bs-select,
.bs-select__trigger,
.bs-select__option {
  font-family: var(--font-site);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* RTL / Arabic-script languages (not Dutch — Dutch stays Latin) */
html[lang="ps"],
html[lang="prs"],
html[lang="ar"],
html[lang="fa"],
html[dir="rtl"],
[lang="ps"],
[lang="prs"],
[lang="ar"],
[lang="fa"],
[dir="rtl"],
.lang-pashto,
.pashto,
.arabic {
  font-family: var(--font-pashto);
}

html[lang="ps"] body,
html[lang="ps"] .site-shell,
html[lang="ps"] .site-main,
html[lang="ps"] .site-header,
html[lang="ps"] .site-scroll,
html[lang="ps"] .site-footer,
html[lang="ps"] .navbar,
html[lang="ps"] .nav-link,
html[lang="ps"] .dropdown-menu,
html[lang="ps"] .dropdown-item,
html[lang="ps"] .btn,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ps"] .form-control,
html[lang="ps"] .form-select,
html[lang="ps"] .card,
html[lang="ps"] .modal,
html[lang="ps"] .table,
html[lang="ps"] #sidebar,
html[lang="ps"] #sidebar .list-group-item,
html[lang="ar"] body,
html[lang="ar"] .site-shell,
html[lang="ar"] .site-main,
html[lang="ar"] .site-header,
html[lang="ar"] .site-scroll,
html[lang="ar"] .site-footer,
html[lang="ar"] .navbar,
html[lang="ar"] .nav-link,
html[lang="ar"] .dropdown-menu,
html[lang="ar"] .dropdown-item,
html[lang="ar"] .btn,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] .form-control,
html[lang="ar"] .form-select,
html[lang="ar"] #sidebar,
html[lang="fa"] body,
html[lang="fa"] .site-shell,
html[lang="fa"] .site-main,
html[lang="fa"] .site-header,
html[lang="fa"] .site-scroll,
html[lang="fa"] .site-footer,
html[lang="fa"] .navbar,
html[lang="fa"] .nav-link,
html[lang="fa"] .dropdown-menu,
html[lang="fa"] .dropdown-item,
html[lang="fa"] .btn,
html[lang="fa"] button,
html[lang="fa"] input,
html[lang="fa"] select,
html[lang="fa"] textarea,
html[lang="fa"] .form-control,
html[lang="fa"] .form-select,
html[lang="fa"] #sidebar,
.site-header .dropdown-item[lang="ps"],
.site-header .dropdown-item[lang="ar"],
.site-header .dropdown-item[lang="fa"],
#sidebar [lang="ps"],
#sidebar [lang="ar"],
#sidebar [lang="fa"],
.app-sidebar [lang="ps"],
.app-sidebar [lang="ar"],
.app-sidebar [lang="fa"],
.sidebar-menu-item[lang="ps"],
.nav-item[lang="ps"],
.dropdown-menu [lang="ps"],
.dropdown-menu [lang="ar"],
.dropdown-menu [lang="fa"] {
  font-family: var(--font-pashto) !important;
}

/* Dutch uses Latin UI fonts (not Bahij) */
html[lang="nl"],
html[lang="nl"] body,
html[lang="nl"] .site-shell,
html[lang="nl"] .site-main,
html[lang="nl"] .site-header,
html[lang="nl"] .site-scroll,
html[lang="nl"] .site-footer,
html[lang="nl"] .navbar,
html[lang="nl"] .nav-link,
html[lang="nl"] .dropdown-menu,
html[lang="nl"] .dropdown-item,
html[lang="nl"] .btn,
html[lang="nl"] button,
html[lang="nl"] input,
html[lang="nl"] select,
html[lang="nl"] textarea,
html[lang="nl"] .form-control,
html[lang="nl"] .form-select,
html[lang="nl"] #sidebar,
.dropdown-menu [lang="nl"] {
  font-family: var(--font-latin) !important;
}