/* Mobile Touch Interaction Fixes */

/* Ensure all interactive elements are touchable */
button, 
a, 
.btn, 
.card, 
.category-link, 
.mobile-menu-btn,
.mobile-menu-close,
input[type="submit"],
input[type="button"],
.clickable {
    -webkit-tap-highlight-color: rgba(0, 123, 255, 0.3);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    cursor: pointer;
}
/* Ensure proper touch targets (minimum 44px) */
@media (max-width: 768px) {
    button, 
    a, 
    .btn, 
    .mobile-menu-btn,
    .mobile-menu-close {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Fix for small touch targets */
    .category-link {
        padding: 12px 16px;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* Prevent double-tap zoom on buttons */
button, 
.btn, 
input[type="submit"], 
input[type="button"] {
    touch-action: manipulation;
}

/* Fix for iOS Safari button styling */
button, 
input[type="submit"], 
input[type="button"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

/* Ensure overlays don't block touch when hidden */
.mobile-menu-overlay:not(.active) {
    pointer-events: none !important;
    display: none !important;
}

/* Improve touch feedback */
@media (hover: none) and (pointer: coarse) {
    .btn:active,
    button:active,
    .card:active,
    .category-link:active {
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}

/* Fix for sticky hover states on touch devices */
@media (hover: none) {
    .btn:hover,
    button:hover,
    .card:hover,
    .category-link:hover {
        transform: none;
        box-shadow: none;
    }
}