/* RTL fix for Rise exported course */

/* בסיס RTL */
html,
body,
#app {
    direction: rtl;
    overflow-x: hidden !important;
}

/* רוחב הסרגל של Rise */
:root {
    --rise-sidebar-width: 28rem;
}

/* הסיידבר בצד ימין */
.course-navigation__sidebar--nav-open .nav-sidebar__content,
.course-navigation__sidebar--search-open .nav-sidebar__content {
    left: auto !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: var(--rise-sidebar-width) !important;
    max-width: var(--rise-sidebar-width) !important;
    z-index: 1000 !important;
}

/* התוכן זז שמאלה כדי לפנות מקום לסיידבר */
.course-navigation__sidebar--nav-open .page-wrap,
.course-navigation__sidebar--search-open .page-wrap {
    margin-left: 0 !important;
    margin-right: var(--rise-sidebar-width) !important;
    width: calc(100vw - var(--rise-sidebar-width)) !important;
    max-width: calc(100vw - var(--rise-sidebar-width)) !important;
    overflow-x: hidden !important;
    transform: none !important;
}

/* כפתור התפריט נשאר ליד הסרגל, לא עליו */
.course-navigation__sidebar--nav-open .nav-control__menu,
.course-navigation__sidebar--search-open .nav-control__menu {
    left: auto !important;
    right: calc(var(--rise-sidebar-width) + 1rem) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* כשהסרגל סגור — הכפתור בצד ימין */
.nav-control__menu {
    left: auto !important;
    right: 1rem !important;
}

/* תיקון לכותרת הסרגל */
.nav-sidebar-header--compact {
    left: auto !important;
    right: 0 !important;
}

/* מונע אלמנטים רחבים מדי */
body * {
    box-sizing: border-box;
}

/* התאמה למסכים צרים — כדי שהסרגל לא ימעך את התוכן */
@media (max-width: 900px) {
    :root {
        --rise-sidebar-width: 22rem;
    }
}

@media (max-width: 700px) {
    :root {
        --rise-sidebar-width: 18rem;
    }

    .course-navigation__sidebar--nav-open .page-wrap,
    .course-navigation__sidebar--search-open .page-wrap {
        margin-right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .course-navigation__sidebar--nav-open .nav-control__menu,
    .course-navigation__sidebar--search-open .nav-control__menu {
        right: 1rem !important;
    }
}