/* ==========================================================
   MOBILE FIXED BOTTOM NAVIGATION
   ========================================================== */

.nv-mobile-bottom-nav {
    display: none;
}


@media (max-width: 600px) {

    .nv-mobile-bottom-nav {

        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;

        height: 64px;

        display: grid;

        grid-template-columns:
            1fr 1.15fr 1.2fr;

        gap: 6px;

        padding: 6px 8px
                 calc(6px + env(safe-area-inset-bottom))
                 6px;

        background: #ffffff;

        border-top: 1px solid #e1e6e2;

        box-shadow:
            0 -5px 20px rgba(0,0,0,0.12);

        z-index: 99999;
    }


    /* ======================================================
       COMMON
       ====================================================== */

    .nv-mobile-bottom-nav a {

        height: 52px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 4px;

        border-radius: 6px;

        text-decoration: none;

        font-family:
            "Montserrat",
            Arial,
            sans-serif;

        transition:
            all 0.2s ease;
    }


    /* ======================================================
       ICON
       ====================================================== */

    .nv-bottom-icon {

        display: flex;

        align-items: center;

        justify-content: center;

        height: 22px;

        font-size: 19px;

        line-height: 1;
    }


    .nv-bottom-icon i {

        display: block;
    }


    /* ======================================================
       TEXT
       ====================================================== */

    .nv-bottom-text {

        font-size: 9px;

        line-height: 1;

        font-weight: 700;

        white-space: nowrap;
    }


    /* ======================================================
       CALL
       ====================================================== */

    .nv-bottom-call {

        color: #174f31;

        background: #f3f7f4;
    }


    .nv-bottom-call:hover,
    .nv-bottom-call:active {

        color: #174f31;

        background: #e5eee8;

        text-decoration: none;
    }


    /* ======================================================
       WHATSAPP
       ====================================================== */

    .nv-bottom-whatsapp {

        color: #ffffff;

        background: #174f31;
    }


    .nv-bottom-whatsapp:hover,
    .nv-bottom-whatsapp:active {

        color: #ffffff;

        background: #123e27;

        text-decoration: none;
    }


    /* ======================================================
       TOUR PACKAGES
       ====================================================== */

    .nv-bottom-packages {

        color: #f56845;

        background: #fff5f2;
    }


    .nv-bottom-packages:hover,
    .nv-bottom-packages:active {

        color: #f56845;

        background: #ffe8e1;

        text-decoration: none;
    }


    /* ======================================================
       PAGE BOTTOM SPACE
       ====================================================== */

    body {

        padding-bottom: 70px;
    }

}