/* RTL Overrides for Hutaf Dashboard */

body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', 'Poppins', sans-serif;
}

/* Sidebar Position */
body.rtl .iq-sidebar {
    right: 0 !important;
    left: auto !important;
    transition: all 0.3s ease-in-out;
}

body.rtl .content-page {
    margin-right: 300px;
    margin-left: 0;
    transition: all 0.3s ease-in-out;
}

/* Collapsed Sidebar (Mini) Classes matched from responsive.css */
@media(min-width:1300px) {
    body.rtl.sidebar-main .iq-sidebar {
        width: 80px;
    }

    body.rtl.sidebar-main .content-page {
        margin-right: 80px;
        margin-left: 0;
    }

    /* Transition States for Hiding Text */
    body.rtl.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span,
    body.rtl.sidebar-main .iq-sidebar-logo a span,
    body.rtl.sidebar-main .iq-sidebar .iq-sidebar-logo a span p,
    body.rtl.sidebar-main .iq-sidebar-menu .iq-menu li a .badge {
        opacity: 0;
        transition: all 0.45s ease 0s;
    }

    /* Submenu Hiding */
    body.rtl.sidebar-main .iq-sidebar .iq-submenu li a {
        font-size: 0;
        margin-right: 0;
    }

    /* Collapse Icons and adjust margins when in sidebar-main but NOT hovering */
    body.rtl.sidebar-main .iq-sidebar:not(:hover) .iq-sidebar-menu .iq-menu li a {
        padding: 15px 0;
        justify-content: center;
    }

    body.rtl.sidebar-main .iq-sidebar:not(:hover) .iq-sidebar-menu .iq-menu li a i {
        margin: 0;
    }

    /* Hide Arrows in Mini Mode */
    body.rtl.sidebar-main .iq-sidebar-menu .iq-menu li a .iq-arrow-right {
        opacity: 0;
        display: none !important;
    }

    /* Hover Expansion */
    body.rtl.sidebar-main .iq-sidebar:hover,
    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-logo {
        width: 300px;
    }

    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a span,
    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-logo a span,
    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-logo a span p,
    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a .badge {
        opacity: 1;
        transition: all 0.45s ease 0s;
    }

    body.rtl.sidebar-main .iq-sidebar:hover .iq-submenu li a {
        font-size: 16px;
    }

    body.rtl.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a .iq-arrow-right {
        margin-left: 10px;
        display: inline-block !important;
    }

    /* Navbar Adjustment */
    body.rtl .iq-top-navbar {
        width: calc(100% - 300px);
        left: 0;
        right: auto;
    }

    body.rtl.sidebar-main .iq-top-navbar {
        width: calc(100% - 80px);
    }
}

/* Navbar General */
body.rtl .iq-top-navbar {
    padding: 0 30px 0 15px;
    transition: all 0.45s ease 0s;
}

body.rtl .navbar-list {
    float: left;
}

body.rtl .navbar-list li {
    float: right;
}

/* Breadcrumb & Logo Alignment */
body.rtl .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

body.rtl .breadcrumb-item+.breadcrumb-item::before {
    transform: rotate(180deg);
    display: inline-block;
}

/* Sidebar Menu Details */
body.rtl .iq-sidebar-logo {
    float: right !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    text-align: right !important;
    left: auto !important;
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    box-sizing: border-box;
}

body.rtl .iq-sidebar-logo a {
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-start;
}

body.rtl .iq-sidebar-logo a span {
    margin-right: 10px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: right;
}

body.rtl #sidebar-scrollbar {
    width: 100% !important;
    float: none !important;
}

body.rtl .iq-sidebar-menu {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    left: auto !important;
    right: 0 !important;
    display: block !important;
    padding-bottom: 20px;
}

body.rtl .iq-sidebar-menu .iq-menu {
    float: none !important;
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.rtl .iq-sidebar-menu .iq-menu li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    white-space: nowrap !important;
}

body.rtl .iq-sidebar-menu .iq-menu li a {
    width: 100% !important;
    text-align: right !important;
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    /* Icon first (on right), then text in RTL */
    overflow: visible !important;
    left: auto !important;
    right: 0 !important;
}

body.rtl .iq-sidebar-menu .iq-menu li a i {
    float: none !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    order: 1;
    /* Icon first in RTL flow (rightmost) */
}

body.rtl .iq-sidebar-menu .iq-menu li a span {
    float: none !important;
    order: 2;
    /* Text second (to the left of the icon) */
}

body.rtl .iq-sidebar-menu .iq-menu li a .iq-arrow-right {
    margin-left: 0;
    margin-right: auto;
    transform: rotate(180deg);
}

body.rtl .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right {
    transform: rotate(90deg);
}

/* Indicator Line */
body.rtl .iq-sidebar-menu .iq-menu li>a::before {
    right: auto;
    left: 0;
    border-radius: 0 5px 5px 0;
    /* Flip border radius */
}

/* Padding for Submenus */
body.rtl .iq-sidebar-menu .iq-menu li ul li a {
    padding-right: 40px !important;
    padding-left: 20px !important;
}

body.rtl .iq-sidebar-menu .iq-menu li ul ul li>a {
    padding-right: 65px !important;
    padding-left: 20px !important;
}

body.rtl .iq-sidebar-menu .iq-menu li ul ul ul li>a {
    padding-right: 80px !important;
    padding-left: 20px !important;
}

/* Grid & Cards */
body.rtl .row {
    margin-right: -15px;
    margin-left: -15px;
}

body.rtl .iq-card-header .iq-header-title {
    float: right;
}

body.rtl .iq-card-header-toolbar {
    float: left;
}

/* Menu Toggle Button Position */
body.rtl .iq-menu-bt-sidebar .iq-menu-bt {
    margin: 0 20px 0 0 !important;
    /* Mirrored: margin-right instead of margin-left */
}

body.rtl .iq-top-navbar .iq-navbar-custom .iq-menu-bt-sidebar .iq-menu-bt {
    margin: 0 20px 0 0 !important;
}

/* Footer Alignment */
body.rtl .iq-footer {
    padding: 15px 10px;
    margin-right: 300px;
    margin-left: 0;
    width: auto;
}

body.rtl.sidebar-main .iq-footer {
    margin-right: 80px;
    margin-left: 0;
}

/* Dark Mode Toggle Flip */
body.rtl #darkModeIcon {
    transform: scaleX(-1);
}

/* Dropdowns in Navbar */
body.rtl .iq-top-navbar .iq-sub-dropdown {
    left: 0;
    right: auto;
}

/* Responsive RTL Overrides */
@media(max-width: 1299px) {

    /* Reset Content Margin */
    body.rtl .content-page,
    body.rtl.sidebar-main .content-page {
        margin-right: 0;
        padding-top: 110px;
        /* Match responsive.css padding approx */
    }

    /* Reset Navbar Width */
    body.rtl .iq-top-navbar {
        width: 100%;
        right: 0;
        left: 0;
    }

    body.rtl.sidebar-main .iq-top-navbar {
        width: 100%;
    }

    /* Hide Sidebar by default on mobile */
    body.rtl .iq-sidebar {
        right: -300px !important;
        left: auto !important;
        display: inline-block;
        z-index: 999;
        /* Ensure it is above content */
        top: 75px;
        /* HEIGHT OF HEADER - IMPORTANT to avoid covering toggle button */
        height: calc(100vh - 75px);
        position: fixed;
    }

    /* Show Sidebar when toggled (sidebar-main class added) */
    body.rtl.sidebar-main .iq-sidebar {
        right: 0 !important;
        left: auto !important;
        width: 300px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

    /* Reset Footer Margin */
    body.rtl .iq-footer,
    body.rtl.sidebar-main .iq-footer {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    /* Adjust Breadcrumb/Logo if needed */
    body.rtl .iq-sidebar-logo {
        float: none !important;
        display: none !important;
        /* Hide logo inside sidebar on mobile since it's in header */
    }
}

/* Global RTL Text Alignment Overrides */
body.rtl {
    text-align: right !important;
}

body.rtl .text-left {
    text-align: right !important;
}

body.rtl .text-right {
    text-align: left !important;
}

body.rtl .float-left {
    float: right !important;
}

body.rtl .float-right {
    float: left !important;
}

body.rtl th,
body.rtl td {
    text-align: right !important;
}

body.rtl .form-control {
    text-align: right !important;
}

body.rtl .card-header,
body.rtl .iq-card-header .iq-header-title {
    text-align: right !important;
}

body.rtl .dropdown-menu {
    text-align: right !important;
}

body.rtl .list-group-item {
    text-align: right !important;
}

body.rtl .media-body {
    text-align: right !important;
}