/* Self-hosted UI fonts — same families as SGT_APPS/assets/fonts/. */

@font-face {
    font-family: 'Inter';
    src: url('../fonts/web/Inter-Regular.ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('../fonts/web/HindSiliguri-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('../fonts/web/HindSiliguri-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('../fonts/web/HindSiliguri-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('../fonts/web/NotoNaskhArabic.ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Devanagari';
    src: url('../fonts/web/NotoSansDevanagari.ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Nastaliq Urdu';
    src: url('../fonts/web/NotoNastaliqUrdu-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Amiri';
    src: url('../fonts/web/Amiri-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body.locale-en,
body.locale-id {
    font-family: Inter, system-ui, sans-serif;
}

body.locale-bn {
    font-family: 'Hind Siliguri', Inter, sans-serif;
}

body.locale-ar {
    font-family: 'Noto Naskh Arabic', Inter, sans-serif;
}

body.locale-hi {
    font-family: 'Noto Sans Devanagari', Inter, sans-serif;
}

body.locale-ur {
    font-family: 'Noto Nastaliq Urdu', Inter, sans-serif;
    line-height: 1.85;
}

.scripture,
.quran {
    font-family: Amiri, serif;
}

/* Header language switcher (public navbar + dashboard toolbar) */
.sgt-lang-switcher-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    color: inherit;
    font: inherit;
    font-size: 0.9rem;
    padding: 0.3rem 0.75rem;
    line-height: 1.3;
}
.sgt-lang-switcher-toggle:hover,
.sgt-lang-switcher-toggle:focus {
    border-color: rgba(240, 185, 11, 0.8);
}
.sgt-lang-switcher .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-align: start;
}
.sgt-lang-switcher-mobile {
    width: 100%;
    padding: 0.75rem 0 0.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    margin-top: 0.5rem;
}
.sgt-lang-switcher-mobile-label {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 0.35rem;
}
.sgt-lang-switcher-mobile-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    text-align: start;
    padding: 0.55rem 0.25rem;
    border-radius: 0.4rem;
}
.sgt-lang-switcher-mobile-item.active,
.sgt-lang-switcher .dropdown-item.active {
    font-weight: 600;
}
.navbar .sgt-lang-switcher-toggle {
    color: inherit;
}
.sgt-lang-switcher .dropdown-menu {
    z-index: 1080;
    min-width: 15rem;
}
@media (max-width: 991.98px) {
    .navbar .sgt-lang-switcher > .dropdown {
        display: none !important;
    }
}