/* 
.btn-primary{
    background-color: #1d2a5c !important;
}

.btn-primary:hover{
    background-color: #121933 !important;
}
.form-check-input:checked {
    background-color: #1d2a5c !important;
}
li.active>span.page-link{
    background-color: #1d2a5c !important;
} */


.modal-header div[aria-label="Close"]{
    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}

.del{
        text-decoration: line-through;
}

.scrollable-div {
        overflow-y: auto;
        max-height: 100vh;
        width: 100%;
}


.spinner-border {
    display: none;

    z-index: 9999;
}
.spinner-border.show {
    display: block;
}


.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--bs-success);
    transition: color .2s ease
}

.menu-link.active .menu-title {
    color: var(--bs-success) !important; /* or use the success hex code like #198754 */
}
.menu-link.active .menu-icon i {
    color: var(--bs-success) !important; /* or use the success hex code like #198754 */
}

.menu-link.active .menu-bullet .bullet{
    background-color: var(--bs-success) !important;
}


/* ── RTL / Arabic full layout overrides ─────────────────────────────────── */
[dir="rtl"] #kt_app_sidebar {
    left: auto !important;
    right: 0 !important;
}

/* Push main content to the left when sidebar is on the right */
[dir="rtl"] .app-wrapper {
    padding-left: 0 !important;
    padding-right: var(--app-sidebar-width, 265px) !important;
}
[dir="rtl"] .app-wrapper.app-sidebar-minimize {
    padding-right: var(--app-sidebar-minimize-width, 75px) !important;
}

/* Header shifts right too */
[dir="rtl"] #kt_app_header {
    left: 0 !important;
    right: var(--app-sidebar-width, 265px) !important;
}
[dir="rtl"] #kt_app_header.app-header-minimize {
    right: var(--app-sidebar-minimize-width, 75px) !important;
}

/* Sidebar toggle arrow flips */
[dir="rtl"] #kt_app_sidebar_toggle {
    left: 50% !important;
    right: auto !important;
    transform: translateX(50%) rotate(0deg) !important;
}
[dir="rtl"] #kt_app_sidebar_toggle.active {
    transform: translateX(50%) rotate(180deg) !important;
}

/* Menu items: icon on right, text flows right-to-left */
[dir="rtl"] .menu-link {
    flex-direction: row-reverse;
    text-align: right;
}
[dir="rtl"] .menu-icon {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}
[dir="rtl"] .menu-arrow {
    margin-left: 0 !important;
    margin-right: auto !important;
    transform: rotate(180deg);
}
[dir="rtl"] .menu-accordion.hover > .menu-link .menu-arrow,
[dir="rtl"] .menu-accordion.show > .menu-link .menu-arrow {
    transform: rotate(90deg);
}
[dir="rtl"] .menu-sub-accordion {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}
[dir="rtl"] .menu-bullet {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

/* Sidebar mobile drawer flips direction */
[dir="rtl"] [data-kt-drawer-direction="start"] {
    left: auto !important;
    right: -100% !important;
}
[dir="rtl"] [data-kt-drawer-direction="start"].drawer-on {
    right: 0 !important;
    left: auto !important;
}

/* Mobile sidebar toggle button position */
[dir="rtl"] #kt_app_sidebar_mobile_toggle {
    margin-left: 0 !important;
    margin-right: -0.75rem !important;
}

/* App navbar (top-right icons) stays at end */
[dir="rtl"] .app-navbar {
    flex-direction: row-reverse;
}

/* Breadcrumb separator */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

/* Cards and general spacing */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 0.75rem !important; }
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 0.75rem !important; }

/* Arabic font */
[dir="rtl"] body,
[dir="rtl"] .menu-title,
[dir="rtl"] .fw-semibold,
[dir="rtl"] .fw-bold,
[dir="rtl"] .btn,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] .card-title {
    font-family: 'Tajawal', sans-serif !important;
}