/* MOBILE NAVBAR & HEADER FIXES */
    .navbar, .secondary-header {
        padding: 0 0.5rem !important;
        overflow-x: hidden !important;
    }
    
    .navbar > ul {
        max-width: calc(100vw - 20px) !important;
        overflow-x: hidden !important;
    }
    
    .search-container {
        max-width: calc(100vw - 60px) !important;
    }
    
    /* MOBILE BROADCAST PANEL FIX */
    #mobile-broadcast-panel {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        left: 10px !important;
        right: 10px !important;
    }
    
    /* CONTACT US POPUP FIX */
    /* Target the correct class for the contact popup content on mobile */
    .contact-popup-content {
        width: 90vw !important;
        max-width: 450px !important; /* A sensible max-width for a popup */
        max-height: 85vh !important; /* Limit height to 85% of the viewport height */
        overflow-y: auto !important; /* CRITICAL: Makes the content inside the popup scrollable */
        padding: 1.5rem !important; /* Adjust padding for smaller screens */
        display: flex !important; /* Use flexbox for better internal layout */
        flex-direction: column !important;
    }
    
    .contact-popup-content .social-links {
        flex-wrap: wrap !important;
        gap: 0.75rem !important; /* Increased gap for better touch targets */
        justify-content: center !important; /* Center the social links */
    }
    
    .contact-popup-content .social-links a {
        min-width: 40px !important;
        font-size: 0.8rem !important;
        flex-grow: 1; /* Allow links to grow and fill space evenly */
    }