.app-menu.navbar-menu {
    overflow: visible !important;
}

.app-menu.navbar-menu #scrollbar {
    overflow-x: visible !important;
}

html.layout-menu-collapsed .app-menu.navbar-menu #scrollbar {
    overflow-y: visible !important;
}

html:not(.layout-menu-collapsed) .app-menu.navbar-menu #scrollbar {
    overflow-y: auto !important;
    height: calc(100vh - 70px) !important;
}

.app-menu.navbar-menu .navbar-nav,
.app-menu.navbar-menu .nav-item,
.app-menu.navbar-menu .menu-dropdown {
    overflow: visible !important;
}

/* Submenu collapse & item contrast styling */
.app-menu.navbar-menu .menu-dropdown.collapse.show {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.app-menu.navbar-menu .menu-dropdown .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 25px !important;
    font-size: 0.875rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    min-height: 36px !important;
}

.app-menu.navbar-menu .menu-dropdown .nav-link:hover,
.app-menu.navbar-menu .menu-dropdown .nav-link.active {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.app-menu.navbar-menu .menu-dropdown .nav-link span {
    color: inherit !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dropdown-menu {
    z-index: 99999 !important;
}

.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Ensure table action dropdowns in RTL/LTR stay inside table card bounds */
.table td .dropdown-menu,
html[dir="rtl"] .table td .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    margin-top: 4px !important;
}

.table td .dropdown,
.table td .btn-group {
    position: relative !important;
}

/* Global Saudi Font: Tajawal */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

:root, [data-bs-theme="light"], [data-bs-theme="dark"] {
    --vz-font-sans-serif: "Tajawal", sans-serif !important;
    --vz-body-font-family: "Tajawal", sans-serif !important;
    --vz-heading-font-family: "Tajawal", sans-serif !important;
    --bs-body-font-family: "Tajawal", sans-serif !important;
    --bs-font-sans-serif: "Tajawal", sans-serif !important;
}

body, html, *, body * {
    font-family: "Tajawal", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.btn, .form-control, .form-select, .dropdown-item, .table,
.navbar-menu, .nav-link, .menu-link, .menu-title, .card-title, .text-muted,
.badge, .modal-title, label, input, select, textarea, button, .rdt_Table {
    font-family: "Tajawal", sans-serif !important;
}