/* Arabic */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src:
        local('IBM Plex Sans Arabic Regular'),
        url('../fonts/ibm-plex/arabic/IBMPlexSansArabic-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src:
        local('IBM Plex Sans Arabic Medium'),
        url('../fonts/ibm-plex/arabic/IBMPlexSansArabic-Medium.ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src:
        local('IBM Plex Sans Arabic SemiBold'),
        url('../fonts/ibm-plex/arabic/IBMPlexSansArabic-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src:
        local('IBM Plex Sans Arabic Bold'),
        url('../fonts/ibm-plex/arabic/IBMPlexSansArabic-Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

/* Latin */
@font-face {
    font-family: 'IBM Plex Sans';
    src:
        local('IBM Plex Sans Regular'),
        url('../fonts/ibm-plex/latin/IBMPlexSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF; /* Basic + Ext Latin */
}

@font-face {
    font-family: 'IBM Plex Sans';
    src:
        local('IBM Plex Sans Medium'),
        url('../fonts/ibm-plex/latin/IBMPlexSans-Medium.ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src:
        local('IBM Plex Sans SemiBold'),
        url('../fonts/ibm-plex/latin/IBMPlexSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src:
        local('IBM Plex Sans Bold'),
        url('../fonts/ibm-plex/latin/IBMPlexSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF;
}

html[lang="ar"] {
    --tblr-font-sans-serif: 'IBM Plex Sans Arabic', 'Tahoma', 'Arial', sans-serif;
}

html[lang="en"] {
    --tblr-font-sans-serif: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
}

.navbar .navbar-brand img {
    max-width: 100px;
}

[data-action] {
    cursor: pointer;
}

.ts-control {
    height: 36px;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow-input);
    background-color: #fff;
}

[dir="rtl"] .plugin-clear_button.form-select .clear-button,
[dir="rtl"] .plugin-clear_button.single .clear-button {
    left: max(var(--ts-pr-caret), 8px);
    right: auto;
}

[dir="rtl"] .plugin-clear_button .clear-button {
    left: calc(8px - 6px);
    right: auto;
}

[dir="rtl"] .ts-control {
    padding-right: 10px !important;
}

[dir="rtl"] .ts-control {
    padding-right: 40px !important;
}

html {
    margin: 0 !important;
}

@layer base {
    html[dir="ltr"] {
        & .page-direction-aware {
            transform: scaleX(-1);
        }
    }

    html[dir="rtl"] {
        & .page-direction-aware {
            transform: scaleX(1);
        }
    }
}

@media (max-width: 575.98px) {
    .navbar-brand-image {
        margin-left: 8px;
    }
}