/* ============================================
   RTL Custom Fixes for Administration Panel
   ============================================ */

/* ===== SIDEBAR ===== */

/* Remove arrow after from sidebar links - RTL and LTR */
#sidebar-menu .has-arrow:after,
#sidebar-menu .mm-active > .has-arrow:after,
[dir="rtl"] #sidebar-menu .has-arrow:after,
[dir="rtl"] #sidebar-menu .mm-active > .has-arrow:after,
[dir="ltr"] #sidebar-menu .has-arrow:after,
[dir="ltr"] #sidebar-menu .mm-active > .has-arrow:after {
    display: none !important;
}

/* Sidebar positioning */
[dir="rtl"] .vertical-menu {
    left: auto !important;
    right: 0 !important;
}

/* RTL: Logo and header positioning */
[dir="rtl"] .navbar-brand-box {
    left: auto !important;
    right: 0 !important;
}

/* Header takes full width in RTL */
[dir="rtl"] #page-topbar {
    left: 0 !important;
    right: 0 !important;
}

[dir="rtl"] body[data-sidebar-size="sm"] #page-topbar {
    left: 0 !important;
    right: 0 !important;
}

/* Vertical menu button positioning - même logique que LTR */
.vertical-menu .vertical-menu-btn {
    position: relative !important;
    margin-left: 0 !important;
}

/* Ensure toggle button in topbar is always visible */
#page-topbar .vertical-menu-btn {
    display: inline-block !important;
    visibility: visible !important;
    position: relative !important;
}

/* Position toggle button in RTL topbar */
[dir="rtl"] #page-topbar .vertical-menu-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Sidebar logo alignment */
[dir="rtl"] .navbar-brand-box {
    text-align: right !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[dir="rtl"] .navbar-brand-box .logo {
    display: inline-block;
}

/* Remove top/bottom padding for collapsed sidebar in RTL */
[dir="rtl"] body[data-sidebar-size="sm"] .navbar-brand-box {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Adjust navbar-brand-box height for logo */
.navbar-brand-box {
    padding: 1rem 1.5rem !important;
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Keep normal height for collapsed sidebar */
body[data-sidebar-size="sm"] .navbar-brand-box {
    min-height: 70px !important;
    padding: 0.5rem 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Sidebar menu items */
[dir="rtl"] #sidebar-menu ul li a {
    text-align: right !important;
    padding: 0.6rem 1.1rem !important;
    justify-content: flex-start !important;
}

[dir="rtl"] #sidebar-menu ul li a i {
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: right !important;
    min-width: 1.5rem !important;
    text-align: right !important;
}

[dir="rtl"] #sidebar-menu ul li a span {
    margin-right: 0.5rem !important;
    display: inline-block !important;
}

[dir="rtl"] #sidebar-menu ul li a .badge {
    float: left !important;
}

/* Submenu items */
[dir="rtl"] #sidebar-menu ul li ul.sub-menu {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

[dir="rtl"] #sidebar-menu ul li ul.sub-menu li a {
    padding-right: 3rem !important;
    padding-left: 1rem !important;
}

/* Menu title alignment */
[dir="rtl"] .menu-title {
    text-align: right !important;
    padding-right: 1.1rem !important;
}

/* Sidebar logo */
[dir="rtl"] .vertical-menu .navbar-brand-box {
    text-align: center !important;
}

[dir="rtl"] .vertical-menu .logo {
    text-align: center !important;
}

/* Sidebar collapsed mode (sm) - hide text labels */
[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a span {
    display: none !important;
    padding-right: 25px;
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a {
    text-align: center !important;
    padding: 15px 0 !important;
    transition: none;
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a i {
    margin: 0 !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    font-size: 1.3rem;
    min-width: 50px;
    padding-bottom: 0;
}

/* Sidebar collapsed mode - hover effect shows label */
[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a {
    position: relative;
    width: 250px;
    color: #5b73e8;
    background-color: var(--bs-sidebar-menu-item-active-bg-color);
    transition: none;
    box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, 0.2);
    text-align: right !important;
    padding: 0.6rem 1.1rem !important;
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a span {
    display: inline !important;
    padding-right: 0 !important;
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #5b73e8;
    float: right !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    font-size: 1.05rem !important;
    min-width: 1.5rem !important;
}

/* Submenu in collapsed mode */
[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul {
    display: block;
    right: 70px;
    left: auto;
    position: absolute;
    width: 190px;
    height: auto !important;
    background-color: var(--bs-sidebar-bg);
    box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    box-shadow: none;
    padding: 8px 20px;
    position: relative;
    width: 190px;
    z-index: 6;
    color: var(--bs-sidebar-menu-sub-item-color);
    text-align: right !important;
}

[dir="rtl"] body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
    color: var(--bs-sidebar-menu-item-hover-color);
}

/* Fix logo display in RTL - show only appropriate logo based on theme */
[dir="rtl"] .logo-dark {
    display: var(--bs-display-block) !important;
}

[dir="rtl"] .logo-light {
    display: var(--bs-display-none) !important;
}

/* Dark sidebar mode in RTL */
[dir="rtl"] body[data-sidebar="dark"] .logo-dark {
    display: none !important;
}

[dir="rtl"] body[data-sidebar="dark"] .logo-light {
    display: block !important;
}

/* ===== TOPBAR / HEADER ===== */

/* Topbar layout */
[dir="rtl"] .navbar-header {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
}

[dir="rtl"] .navbar-header .d-flex {
    display: flex;
}

/* Search box */
[dir="rtl"] .app-search {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] .app-search input {
    text-align: right !important;
    direction: rtl !important;
    padding: 0.5rem 2rem 0.5rem 0.5rem !important;
}

[dir="rtl"] .app-search .search-icon {
    right: auto !important;
    left: 0.75rem !important;
}

/* Language dropdown */
[dir="rtl"] .dropdown-menu {
    text-align: right !important;
}

[dir="rtl"] .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
}

/* User profile dropdown */
[dir="rtl"] .header-profile-user {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

/* Notification bell */
[dir="rtl"] .noti-icon .badge {
    right: auto !important;
    left: -6px !important;
}

/* ===== MAIN CONTENT ===== */

/* Main content area when sidebar is open */
[dir="rtl"] .main-content {
    margin-right: 250px !important;
    margin-left: 0 !important;
}

/* When sidebar is collapsed */
[dir="rtl"] body[data-sidebar-size="sm"] .main-content {
    margin-right: 70px !important;
    margin-left: 0 !important;
}

[dir="rtl"].sidebar-enable .main-content {
    margin-right: 70px !important;
}

/* Responsive: sidebar hidden on mobile */
@media (max-width: 991.98px) {
    [dir="rtl"] .main-content {
        margin-right: 0 !important;
    }
    
    [dir="rtl"] body[data-sidebar-size="sm"] .main-content {
        margin-right: 0 !important;
    }
}

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

/* ===== CARDS ===== */

/* Card headers with actions */
[dir="rtl"] .card-title {
    text-align: right !important;
}

[dir="rtl"] .float-end {
    float: left !important;
}

[dir="rtl"] .float-start {
    float: right !important;
}

/* ===== TABLES ===== */

/* Table alignment */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right !important;
}

/* Table actions */
[dir="rtl"] .table td:last-child {
    text-align: center !important;
}

/* ===== FORMS ===== */

/* Form labels */
[dir="rtl"] .form-label {
    text-align: right !important;
    display: block;
}

/* Form controls */
[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
    text-align: right !important;
    direction: rtl !important;
}

/* Checkboxes and radios */
[dir="rtl"] .form-check {
    padding-right: 1.5em !important;
    padding-left: 0 !important;
    text-align: right !important;
}

[dir="rtl"] .form-check-input {
    float: right !important;
    margin-right: -1.5em !important;
    margin-left: 0 !important;
}

/* Input groups */
[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px !important;
    margin-left: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* ===== BUTTONS ===== */

/* Button icons */
[dir="rtl"] .btn i {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

[dir="rtl"] .btn i:first-child {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

/* Button groups */
[dir="rtl"] .btn-group {
    flex-direction: row-reverse !important;
}

/* ===== PAGINATION ===== */

/* Pagination alignment */
[dir="rtl"] .pagination {
    direction: ltr !important;
}

/* ===== ALERTS ===== */

/* Alert close button */
[dir="rtl"] .alert .btn-close {
    left: 0 !important;
    right: auto !important;
}

/* Alert icons */
[dir="rtl"] .alert i {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* ===== MODALS ===== */

/* Modal header */
[dir="rtl"] .modal-header {
    text-align: right !important;
}

[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem !important;
}

/* Modal body */
[dir="rtl"] .modal-body {
    text-align: right !important;
}

/* ===== DROPDOWNS ===== */

/* Dropdown menu items */
[dir="rtl"] .dropdown-item {
    text-align: right !important;
}

[dir="rtl"] .dropdown-item i {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* ===== BADGES ===== */

[dir="rtl"] .badge {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

/* ===== STATISTICS CARDS ===== */

[dir="rtl"] .card-body .float-end {
    float: left !important;
}

[dir="rtl"] .card-body .float-start {
    float: right !important;
}

/* ===== FOOTER ===== */

[dir="rtl"] .footer {
    right: 250px !important;
    left: 0 !important;
}

[dir="rtl"] body[data-sidebar-size="sm"] .footer {
    right: 70px !important;
}

[dir="rtl"].sidebar-enable .footer {
    right: 70px !important;
}

@media (max-width: 991.98px) {
    [dir="rtl"] .footer {
        right: 0 !important;
    }
}

/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {
    [dir="rtl"] .main-content {
        margin-right: 0 !important;
    }
    
    [dir="rtl"] .footer {
        right: 0 !important;
    }
}

/* ===== UTILITIES ===== */

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

/* Padding utilities */
[dir="rtl"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }

/* Text alignment */
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }

/* ===== SPECIFIC FIXES ===== */

/* Fix for action buttons in tables */
[dir="rtl"] .table td a {
    display: inline-block;
}

/* Fix for filter forms */
[dir="rtl"] .card-title i {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* Fix for breadcrumb navigation */
[dir="rtl"] .page-title-box .breadcrumb {
    float: left !important;
}