/* =========================================================
   AMAKA FINANCE
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .amaka-sidebar {
        width: 240px;

        transform: translateX(-100%);

        transition: transform .2s ease;
    }


    body.amaka-menu-open .amaka-sidebar {
        transform: translateX(0);
    }


    /* MOBILE HEADER */

    .amaka-mobile-header {
        height: 56px;

        padding: 0 16px;

        display: flex;

        align-items: center;

        gap: 14px;

        position: sticky;

        top: 0;

        background: #ffffff;

        border-bottom: 1px solid #e2e8f0;

        z-index: 900;

        color: #094949;
    }


    .amaka-mobile-toggle {
        width: 36px;
        height: 36px;

        border: 1px solid #e2e8f0;

        border-radius: 7px;

        background: #ffffff;

        cursor: pointer;

        font-size: 19px;

        color: #094949;
    }


    /* OVERLAY */

    body.amaka-menu-open .amaka-sidebar-overlay {
        display: block;

        position: fixed;

        inset: 0;

        background: rgba(15, 23, 42, .35);

        z-index: 950;
    }


    /* CONTENT */

    .amaka-main-content {
        margin-left: 0;
    }

    .amaka-main-content .amaka-container {
        padding: 14px;
    }


    /* FOOTER */

    .amaka-footer {
        margin-left: 0;

        padding: 15px;

        flex-direction: column;

        gap: 4px;
    }

}