/* =========================================================
   GMAL ERP - Global Site CSS
   Central Master Menu compatibility layer
   ========================================================= */

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* =========================================================
   CENTRAL MASTER MENU
   The complete menu styling lives in central-menu.css.
   Do NOT override its layout here.
   ========================================================= */

.central-menu {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: block !important;
    flex-direction: unset !important;
    gap: 0 !important;
    direction: rtl;
    box-sizing: border-box;
}

.central-menu-link {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    align-items: center;
    text-decoration: none;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box;
}

/* Never reintroduce icons through site.css */
.central-menu i,
.central-menu svg,
.central-menu img,
.central-menu .icon,
.central-menu .menu-icon,
.central-menu .nav-icon,
.central-menu [class*="icon"] {
    display: none !important;
}

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

@media (max-width: 768px) {
    .central-menu {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .central-menu-link {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 480px) {
    .central-menu {
        width: 100% !important;
    }

    .central-menu-link {
        width: 100% !important;
        min-width: 0 !important;
    }
}