/* Fix for ElementsKit Nav Menu on Tablet (iPad 768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Hide the hamburger toggle */
    .elementskit-menu-container .elementskit-menu-hamburger {
        display: none !important;
    }
    
    /* Force the menu to show as desktop horizontal layout */
    .elementskit-menu-container .elementskit-menu-overlay,
    .elementskit-menu-container .elementskit-navbar {
        display: flex !important;
        position: static !important;
        width: auto !important;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        flex-direction: row !important;
    }
    
    /* Ensure list items are horizontal */
    .elementskit-menu-container .elementskit-navbar > li {
        display: inline-block !important;
        width: auto !important;
    }
    
    /* Remove any pink/lilac backgrounds */
    .elementskit-menu-container,
    .elementskit-navbar,
    .elementskit-navbar > li > a,
    .elementskit-menu-container .elementskit-menu-hamburger {
        background: transparent !important;
        background-color: transparent !important;
    }
}