/*
 * SepantaESS.Portal site styles (DEC-016). Loaded after Bootstrap 5 RTL. Everything is local: Bootstrap and the
 * Vazirmatn font are files in wwwroot/lib (with their licenses); no CDN, no external URL.
 */

@font-face {
    font-family: "Vazirmatn";
    src: url("../lib/vazirmatn/Vazirmatn-Variable.woff2") format("woff2-variations"),
         url("../lib/vazirmatn/Vazirmatn-Variable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-font-sans-serif: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
    --ess-brand: #1f4e79;
}

body {
    font-family: var(--bs-font-sans-serif);
    background-color: #f5f7fa;
    line-height: 1.8;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.navbar-ess {
    background-color: var(--ess-brand);
}

/* Codes and identifiers typed or shown left to right inside right-to-left text (national code, mobile, OTP). */
.ltr {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Amounts line up by digit. */
.amount {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Mobile-first (DEC-016): content is designed for 360–414 px and only widened on larger screens. */
.ess-page {
    width: 100%;
    max-width: 40rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

/* A white card for a summary or a list of label/value pairs. */
.ess-card {
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 0.75rem 1rem;
}

.ess-card dt {
    font-weight: normal;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.ess-card dd {
    margin-bottom: 0.5rem;
}