@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

/* Global Font */
body,
h1,
h2,
h3,
h4,
.main-header,
.main-sidebar,
.nav-link,
.btn,
.brand-text,
.control-sidebar-content {
    font-family: 'Cairo', sans-serif !important;
}

/* Jazzmin RTL Fixes: Move Sidebar to Right */
[dir="rtl"] .main-sidebar {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .content-wrapper,
[dir="rtl"] .main-header,
[dir="rtl"] .main-footer {
    margin-right: 250px !important;
    margin-left: 0 !important;
}

/* Adjust margin when sidebar is collapsed */
[dir="rtl"].sidebar-collapse .content-wrapper,
[dir="rtl"].sidebar-collapse .main-header,
[dir="rtl"].sidebar-collapse .main-footer {
    margin-right: 4.6rem !important;
    margin-left: 0 !important;
}

/* Sidebar inner content alignment */
[dir="rtl"] .nav-sidebar {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .nav-sidebar .nav-link p {
    margin-right: 10px;
    margin-left: 0;
    text-align: right;
}

[dir="rtl"] .nav-sidebar .nav-icon {
    margin-left: .5rem;
    margin-right: 0;
    float: right;
}

/* Fix for icons and arrows in submenu */
[dir="rtl"] .nav-sidebar .nav-link>.right,
[dir="rtl"] .nav-sidebar .nav-link>p>.right {
    left: 1rem;
    right: auto;
    transform: rotate(180deg);
}

[dir="rtl"] .nav-sidebar .menu-open>.nav-link>i.right,
[dir="rtl"] .nav-sidebar .menu-open>.nav-link>p>i.right {
    transform: rotate(90deg);
}

/* User panel fix */
[dir="rtl"] .user-panel {
    display: flex;
    align-items: center;
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

[dir="rtl"] .user-panel .image {
    padding-left: .8rem;
    padding-right: 0;
    float: right;
}

[dir="rtl"] .user-panel .info {
    padding-right: 5px;
    padding-left: 0;
}

/* Brand logo fix */
[dir="rtl"] .brand-link .brand-image {
    float: right;
    margin-left: .8rem;
    margin-right: .5rem;
}

/* Control Sidebar (UI Builder) Fix: Move to left in RTL */
[dir="rtl"] .control-sidebar {
    left: 0 !important;
    right: auto !important;
}

/* Adjust the toggle button for control sidebar if needed */
[dir="rtl"] .main-header .navbar-nav.ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}