/* ===================== MATERIO BACKGROUND ===================== */

body[data-theme="materio"] {
    background-color: #f5f5f9;
}

    body[data-theme="materio"] .layout-page,
    body[data-theme="materio"] .content-wrapper {
        background-color: #f5f5f9;
    }

    /* Ensure container inherits demo background */
    body[data-theme="materio"] .container-xxl.container-p-y {
        background: transparent;
    }


/* Mobile menu toggle visibility for Materio */
@media (max-width: 1199.98px) {
    .layout-navbar .layout-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 0.5rem !important;
    }

        .layout-navbar .layout-menu-toggle i {
            font-size: 1.75rem;
            line-height: 1;
            color: #214f91;
        }

    .layout-menu {
        z-index: 1100;
    }

    .layout-overlay {
        z-index: 1099;
    }
}

/* Mobile sidebar open-state visibility check */
@media (max-width: 1199.98px) {
    .layout-menu {
        position: fixed !important;
        top: 0;
        left: 0;
        height: 100vh;
        max-width: 260px;
        width: 260px;
        z-index: 1100;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .layout-menu-expanded .layout-menu {
        transform: translateX(0) !important;
    }

    .layout-overlay {
        z-index: 1099;
    }
}