﻿/* RTL Support for Hebrew */

[dir="rtl"] html {
    direction: rtl;
    text-align: right;
}


/* Force code areas to remain LTR */
[dir="rtl"] textarea, pre, code {
    direction: ltr !important;
    text-align: left !important;
}

/* RTL-specific adjustments for Blazorise components */
[dir="rtl"] .me-1,
[dir="rtl"] .me-2,
[dir="rtl"] .me-3 {
    margin-left: var(--bs-spacer-1) !important;
    margin-right: 0 !important;
}

[dir="rtl"] .ms-1,
[dir="rtl"] .ms-2,
[dir="rtl"] .ms-3 {
    margin-right: var(--bs-spacer-1) !important;
    margin-left: 0 !important;
}

/* Ensure proper text direction for Hebrew content */
[dir="rtl"] .card-header,
[dir="rtl"] .card-body,
[dir="rtl"] .list-group-item,
[dir="rtl"] .alert {
    text-align: right;
}

/* Keep buttons and form elements properly aligned */
[dir="rtl"] .btn {
    text-align: center;
}

[dir="rtl"] .navbar-brand h3 {
    text-align: right;
}

/* Fix dropdown positioning in RTL */
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
}

/* Ensure proper spacing for RTL navbar items */
[dir="rtl"] .navbar-nav .nav-item {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Special handling for mixed content (Hebrew text with English code) */
.mixed-content {
    direction: rtl;
}

    .mixed-content code,
    .mixed-content pre {
        direction: ltr;
        display: inline-block;
    }

/* Icon adjustments for RTL */
[dir="rtl"] .icon-before {
    margin-left: 0.25rem;
    margin-right: 0;
}

[dir="rtl"] .icon-after {
    margin-right: 0.25rem;
    margin-left: 0;
}

/* Fix for Blazorise's specific RTL issues */
[dir="rtl"] .bar-item {
    text-align: right;
}



/* Ensure proper alignment for status messages */
[dir="rtl"] .alert {
    text-align: right;
}

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

/* Autocomplete list alignment */
[dir="rtl"] .autocomplete,
[dir="rtl"] .autocomplete input,
[dir="rtl"] .autocomplete .dropdown-menu,
[dir="rtl"] .autocomplete .dropdown-item {
    direction: rtl;
    text-align: right;
}

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

[dir="rtl"] .admin-library-management table th,
[dir="rtl"] .admin-library-management table td {
    text-align: right;
}

[dir="rtl"] .admin-library-management .dropdown-menu,
[dir="rtl"] .admin-library-management .dropdown-item {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .dropdown-menu,
[dir="rtl"] .dropdown-item {
    direction: rtl;
    text-align: start !important;
}

[dir="rtl"] .dropdown-menu-position-strategy-absolute {
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    text-align: start;
}

[dir="rtl"] .b-layout.b-layout-root.b-layout-has-sider {
    direction: ltr;
}

[dir="rtl"] .b-layout.b-layout-root.b-layout-has-sider > .b-layout {
    direction: rtl;
}

[dir="rtl"] .main-menu-ltr {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .teacher-library-class-option {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

[dir="rtl"] .teacher-template-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    justify-content: flex-end;
}

[dir="rtl"] .teacher-template-toggle .form-check-input {
    order: 0;
    margin: 0;
}

[dir="rtl"] .teacher-template-toggle .form-check-label {
    order: 1;
    margin: 0;
}
