/* SarvCloud typography — v2.1.0 */
:root {
    --sc-font-fa: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
    --sc-font-latin: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Persian and Arabic */
html.sc-font-fa body,
html.sc-font-fa button,
html.sc-font-fa input,
html.sc-font-fa select,
html.sc-font-fa textarea,
html.sc-font-fa .tooltip,
html.sc-font-fa .popover,
html.sc-font-fa .select2-container,
html.sc-font-fa .modal,
html.sc-font-fa .dropdown-menu {
    font-family: var(--sc-font-fa) !important;
}

html.sc-font-fa body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.78;
}

html.sc-font-fa h1,
html.sc-font-fa h2,
html.sc-font-fa h3,
html.sc-font-fa h4,
html.sc-font-fa h5,
html.sc-font-fa h6,
html.sc-font-fa .h1,
html.sc-font-fa .h2,
html.sc-font-fa .h3,
html.sc-font-fa .h4,
html.sc-font-fa .h5,
html.sc-font-fa .h6 {
    font-family: var(--sc-font-fa) !important;
    font-weight: 800;
    line-height: 1.48;
}

html.sc-font-fa .navbar .nav-link,
html.sc-font-fa .navbar .navbar-nav > li > a,
html.sc-font-fa .dropdown-item,
html.sc-font-fa .card-header,
html.sc-font-fa .panel-heading,
html.sc-font-fa label,
html.sc-font-fa th {
    font-weight: 650;
}

html.sc-font-fa .btn,
html.sc-font-fa button,
html.sc-font-fa input[type="submit"],
html.sc-font-fa input[type="button"] {
    font-weight: 700;
    line-height: 1.55;
}

html.sc-font-fa .form-control,
html.sc-font-fa .custom-select,
html.sc-font-fa .select2-selection,
html.sc-font-fa input,
html.sc-font-fa textarea,
html.sc-font-fa select {
    font-size: 14px;
    line-height: 1.65;
}

html.sc-font-fa .table,
html.sc-font-fa .invoice-container,
html.sc-font-fa .tiles,
html.sc-font-fa .client-home-cards {
    font-variant-numeric: tabular-nums;
}

html.sc-font-fa small,
html.sc-font-fa .small,
html.sc-font-fa .text-muted {
    line-height: 1.72;
}

/* Latin and other supported WHMCS languages */
html.sc-font-latin body,
html.sc-font-latin button,
html.sc-font-latin input,
html.sc-font-latin select,
html.sc-font-latin textarea,
html.sc-font-latin .tooltip,
html.sc-font-latin .popover,
html.sc-font-latin .select2-container,
html.sc-font-latin .modal,
html.sc-font-latin .dropdown-menu {
    font-family: var(--sc-font-latin) !important;
}

html.sc-font-latin body {
    font-size: 15px;
    line-height: 1.65;
}

html.sc-font-latin h1,
html.sc-font-latin h2,
html.sc-font-latin h3,
html.sc-font-latin h4,
html.sc-font-latin h5,
html.sc-font-latin h6 {
    font-family: var(--sc-font-latin) !important;
    font-weight: 750;
    line-height: 1.28;
}

/* Keep icon and code fonts intact */
html.sc-font-fa .fa,
html.sc-font-fa .fas,
html.sc-font-fa .far,
html.sc-font-fa .fal,
html.sc-font-fa .fab,
html.sc-font-latin .fa,
html.sc-font-latin .fas,
html.sc-font-latin .far,
html.sc-font-latin .fal,
html.sc-font-latin .fab {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

html.sc-font-fa code,
html.sc-font-fa pre,
html.sc-font-fa kbd,
html.sc-font-fa samp,
html.sc-font-latin code,
html.sc-font-latin pre,
html.sc-font-latin kbd,
html.sc-font-latin samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

@media (max-width: 767.98px) {
    html.sc-font-fa body,
    html.sc-font-latin body {
        font-size: 14px;
    }

    html.sc-font-fa h1,
    html.sc-font-fa .h1 {
        line-height: 1.55;
    }
}
