/**
 * Responsive Display Controls
 * Controls visibility of elements based on device type
 */


/* Hide mobile-only elements on desktop */

@media (min-width: 769px) {
    .mobile-only {
        display: none !important;
    }
}


/* Show mobile-only elements on mobile */

@media (max-width: 768px) {
    .mobile-only {
        display: block !important;
    }
    /* For inline elements in mobile navigation */
    .mobile-only a {
        display: inline !important;
    }
}


/* Hide desktop-only elements on mobile */

@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
}


/* Show desktop-only elements on desktop */

@media (min-width: 769px) {
    .desktop-only {
        display: block !important;
    }
}