/* Touch Optimization for Mobile/Tablet Devices */

.touch-manipulation {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
}

/* Ensure minimum touch target sizes on mobile */
@media (max-width: 768px) {
    .min-h-12 {
        min-height: 48px !important;
    }
    
    /* Additional spacing for touch targets */
    .space-x-3 > * + * {
        margin-left: 0.75rem;
    }
    
    /* Improve button hit areas */
    button.touch-manipulation,
    a.touch-manipulation {
        position: relative;
    }
    
    button.touch-manipulation::before,
    a.touch-manipulation::before {
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        z-index: -1;
    }
}

/* Improve click/touch feedback */
.touch-manipulation:active {
    transform: scale(0.98);
    transition: transform 0.1s ease-in-out;
}

.touch-manipulation:not(:active) {
    transform: scale(1);
    transition: transform 0.15s ease-out;
}