/*
 * Bangla typography.
 *
 * The app's Latin stack (Source Sans Pro on POS, Inter on themed pages) carries
 * no Bengali glyphs, so every Bangla string fell through to whatever the OS
 * picked — which on Windows is usually Vrinda, and it looks awful.
 *
 * Rather than restate the Latin stack in a dozen places, this declares one
 * family, `BanglaUI`, restricted by `unicode-range` to the Bengali block. Only
 * Bangla codepoints resolve through it; Latin, digits and punctuation fall
 * straight past to whatever font the page already used. That means `BanglaUI`
 * can be prepended anywhere without changing the Latin look at all.
 *
 * Loaded last in layouts/partials/css.blade.php so it wins over theme.css, and
 * unconditionally so the POS screen (which skips theme.css) is covered too.
 */

@import url('bangla-font-face.css');




/* Themed pages read the stack from this token, so putting BanglaUI in front of
   it covers everything theme.css styles in one shot. */
:root {
    --font-ui: 'BanglaUI', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, 'Kalpurush', 'Hind Siliguri', 'Noto Sans Bengali', 'SolaimanLipi', sans-serif;
}

/* --font-ui already leads with BanglaUI, so these just reuse it. The var()
   fallback is what the POS screen gets: theme.css never loads there, so the
   token is undefined and the vendor stack (Source Sans Pro) survives intact
   with BanglaUI merely prepended. */
body {
    font-family: var(--font-ui, 'BanglaUI', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

/* Bootstrap gives headings their own family, so they do not inherit from body. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-ui, 'BanglaUI', 'Source Sans Pro', sans-serif);
}

/* Tailwind's preflight sets a family on html and on .tw-font-sans; the POS
   screen and the newer partials lean on both. */
html,
.tw-font-sans {
    font-family: var(--font-ui, 'BanglaUI', Inter, ui-sans-serif, system-ui, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
}

/* Bangla sits lower and taller than Latin at the same px size — matras and
   conjuncts clip against a tight line box. Give the help panel, which is all
   Bangla regardless of the chosen locale, a little more room. */
.page-help__block p,
.page-help__steps > li,
.page-help__links > li,
.page-help__tips > li {
    line-height: 1.9;
}