/* URGENT FIX - Add this to your style.css or include as separate file */

/* FORCE hide mobile buttons on desktop */
@media screen and (min-width: 969px) {
    .mobile-cta-item {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    .mobile-cta-item * {
        display: none !important;
    }
    
    /* Ensure desktop buttons show */
    .nav-cta.desktop-only {
        display: flex !important;
        visibility: visible !important;
    }
    
    .nav-links {
        display: flex !important;
    }
    
    .nav-links > li:not(.mobile-cta-item) {
        display: list-item !important;
    }
}

/* FORCE hide desktop buttons on mobile */
@media screen and (max-width: 968px) {
    .desktop-only {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* FORCE show mobile buttons on mobile */
    .mobile-cta-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 1rem 0 !important;
        padding: 0 !important;
    }
    
    .mobile-cta-item * {
        display: block !important;
        visibility: visible !important;
    }
    
    .mobile-nav-btn {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        padding: 1rem 1.5rem !important;
        font-size: 1rem !important;
        border-radius: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    /* Ensure mobile buttons are clickable */
    .mobile-cta-item a {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}