/* =========================================================
   DIVING JOURNEYS — MOBILE MENU FINAL
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       FULL-SCREEN MOBILE MENU
       ----------------------------------------- */

    #mobile-menu-2-733dc95 {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;

        min-height: 100vh !important;
        min-height: 100dvh !important;

        box-sizing: border-box !important;

        background: #07145C !important;

        padding: 125px 24px 80px !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 9990 !important;
    }


    /* -----------------------------------------
       REMOVE TURBO ROW BACKGROUNDS
       ----------------------------------------- */

    #mobile-menu-2-733dc95 li,
    #mobile-menu-2-733dc95 li:nth-child(odd),
    #mobile-menu-2-733dc95 li:nth-child(even) {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;

        text-align: center !important;
    }


    /* -----------------------------------------
       MENU LINKS
       ----------------------------------------- */

    #mobile-menu-2-733dc95 li > a,
    #mobile-menu-2-733dc95 a.tafehub-mobile-menu-item {

        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 18px 10px !important;

        color: #FFF3C4 !important;

        text-align: center !important;

        font-size: 20px !important;
        font-weight: 600 !important;

        line-height: 1.25 !important;

        text-decoration: none !important;

        background: transparent !important;

        border: 0 !important;

        transition:
            background-color .2s ease,
            color .2s ease !important;
    }


    /* -----------------------------------------
       CURRENT / HOVERED MENU ITEM
       ----------------------------------------- */

    #mobile-menu-2-733dc95 li.current-menu-item > a,
    #mobile-menu-2-733dc95 li.current_page_item > a,
    #mobile-menu-2-733dc95 li > a:hover,
    #mobile-menu-2-733dc95 li > a:focus {

        color: #07145C !important;

        background: #FFF3C4 !important;

        border-radius: 8px !important;
    }


    /* -----------------------------------------
       REMOVE ANY DIVIDER / TURBO BORDER
       ----------------------------------------- */

    #mobile-menu-2-733dc95 li::before,
    #mobile-menu-2-733dc95 li::after {

        display: none !important;
    }


    /* =====================================================
       HEADER — KEEP NORMAL POSITION
       ===================================================== */

    .elementor-location-header {

        position: relative !important;

        z-index: 10000 !important;
    }


    /* Keep the actual header containers in
       their normal Elementor layout */

    .elementor-location-header .elementor-element-92dac68,
    .elementor-location-header .elementor-element-618ba86 {

        position: relative !important;

        z-index: 10001 !important;
    }


    /* =====================================================
       TURBO HAMBURGER
       Keep the existing toggle above the menu
       ===================================================== */

    .elementor-location-header button,
    .elementor-location-header [aria-expanded],
    .elementor-location-header .menu-toggle,
    .elementor-location-header .hamburger {

        position: relative !important;

        z-index: 10005 !important;
    }


    /* =====================================================
       WHEN MENU IS OPEN
       Keep the existing toggle above the menu
       ===================================================== */

    .elementor-location-header [aria-expanded="true"],
    .elementor-location-header button[aria-expanded="true"] {

        position: fixed !important;

        top: 24px !important;
        right: 24px !important;

        z-index: 10006 !important;
    }


    /* -----------------------------------------
       PREVENT HORIZONTAL PAGE MOVEMENT
       ----------------------------------------- */

    body:has(#mobile-menu-2-733dc95) {
        overflow-x: hidden !important;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    #mobile-menu-2-733dc95 {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #mobile-menu-2-733dc95 li > a,
    #mobile-menu-2-733dc95 a.tafehub-mobile-menu-item {

        font-size: 18px !important;

        padding: 16px 8px !important;
    }
}