@media (max-width: 1199px) {

    /* Style for the custom toggle */
    .mobile-nav-toggle-custom {
        display: block !important;
        cursor: pointer;
        z-index: 99999 !important;
        position: relative;
        font-size: 28px;
        color: rgb(20, 118, 122) !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 0 15px !important;
        /* Spacing around hamburger */
    }

    .mobile-nav-toggle-custom.bi-x {
        color: white !important;
    }

    /* Force parent container static to allow full-width menu */
    .header .branding .container {
        position: static !important;
    }

    /* Fix navmenu width to allow side-by-side alignment with CTA button */
    #navmenu {
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        position: static !important;
        /* Allow UL to reference Header */
    }

    /* Ensure UL is full width relative to header */
    #navmenu ul {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        inset: auto !important;
        /* Reset ShamanicoNav inset */
        margin: 0 !important;
        top: 100% !important;
    }

    /* Adjust CTA button on mobile */
    .cta-btn {
        margin-left: 0 !important;
        /* Remove auto margin so it sits next to nav if logo pushes them */
        margin-right: 0 !important;
        /* Removed order: 1 */
        font-size: 12px !important;
        /* Smaller text on mobile */
        padding: 8px 12px !important;
        display: block !important;
        /* Ensure visibility */
    }
}

/* Ensure Nav Menu visibility, override any JS conflict residues */
.mobile-nav-active #navmenu ul {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Ensure the internal close string is visible if the toggle button is obscured */
@media (max-width: 1199px) {
    .mobile-nav-active .mobile-nav-close {
        display: block !important;
        z-index: 100000;
        color: white;
    }
}