.language-switcher .btn {
    min-inline-size: 3.5rem;
    white-space: nowrap;
}

.navbar-account {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.navbar-user {
    max-inline-size: 10rem;
    overflow-wrap: anywhere;
}

.brand-symbol {
    direction: ltr;
    unicode-bidi: isolate;
    flex-shrink: 0;
}

.money {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3em;
}

.metric-strip > div {
    border-right: 0;
    border-inline-end: 1px solid #eee;
    padding-right: 0;
    padding-inline-end: 14px;
}

.metric-strip > div:last-child {
    border-inline-end: 0;
}

.project-monogram {
    right: auto;
    inset-inline-end: 24px;
}

.hero-banner::after {
    right: auto;
    inset-inline-end: 35px;
}

.auth-features span {
    margin-left: 0;
    margin-inline-start: 20px;
}

.skip-link {
    left: auto;
    inset-inline-start: 20px;
}

input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[name="bank_account"],
input[name="contract_number"],
input[name="check_number"] {
    direction: ltr;
    text-align: start;
}

input[name="name_en"],
textarea[name="description_en"] {
    direction: ltr;
}

html[lang="ar"] body {
    font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .brand-caption,
html[lang="ar"] .page-heading h1,
html[lang="ar"] .hero-banner h2,
html[lang="ar"] .auth-story h1,
html[lang="ar"] .table th,
html[lang="ar"] .section-label {
    letter-spacing: normal;
}

html[lang="ar"] .brand-caption {
    font-size: 10px;
}

html[lang="ar"] .auth-story h1 {
    line-height: 1.6;
}

html[lang="ar"] .dashboard-note,
html[lang="ar"] .table th {
    font-size: 12px;
    line-height: 1.8;
}

[dir="rtl"] .form-select {
    background-position: left 0.75rem center;
}

[dir="rtl"] .form-check .form-check-input {
    margin-left: 0;
    margin-inline-start: -1.8em;
}

[dir="rtl"] .hero-banner::after,
[dir="rtl"] .empty-symbol,
[dir="rtl"] .directional-icon {
    transform: scaleX(-1);
}

.directional-icon {
    display: inline-block;
}

[dir="rtl"] .d-sm-flex .pagination .page-item:first-child .page-link,
[dir="rtl"] .d-sm-flex .pagination .page-item:last-child .page-link {
    transform: scaleX(-1);
}

.apexcharts-tooltip,
.apexcharts-legend-text {
    unicode-bidi: plaintext;
}

@media (max-width: 1199.98px) {
    [dir="rtl"] .layout-menu {
        transform: translate3d(100%, 0, 0);
    }
}

@media (max-width: 575.98px) {
    .navbar-account {
        gap: 0.5rem !important;
    }

    .navbar-user,
    .navbar-account .avatar-circle {
        display: none;
    }

    .layout-navbar .navbar-nav-right {
        min-inline-size: 0;
    }
}