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

:root {
    --bs-font-sans-serif: "Vazirmatn", Tahoma, system-ui, sans-serif;
}

.login-card {
    width: 100%;
    max-width: 380px;
}

.reseller-file-card {
    width: 100%;
    max-width: 480px;
}

/* Date fields are filled from the date picker only. */
.date-input[readonly] {
    cursor: pointer;
}

/* Panel layout: menu in a sidebar, which becomes a slide-in drawer below the lg breakpoint. */
.page {
    min-width: 0;
}

@media (min-width: 992px) {
    .sidebar {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
    }
}

/* Captcha: answer field, picture and refresh button joined in one row. */
.captcha .form-control {
    height: 48px;
    font-size: 1.125rem;
    letter-spacing: 0.2em;
    text-align: center;
}

.captcha-picture {
    padding: 0;
    overflow: hidden;
    background-color: #f6f7f9;
}

.captcha-picture img {
    display: block;
    width: auto;
    height: 46px;
    cursor: pointer;
}

.captcha-refresh {
    display: flex;
    align-items: center;
    border-color: var(--bs-border-color);
}