/* UX5 Touch Feedback Expansion */

/* Base clickable behavior */
.clickable, 
.clickable-card, 
[role="button"], 
.list-item, 
.btn, 
button, 
.button,
.teacher-card,
.booking-card {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    cursor: pointer;
    /* Hardware acceleration for smoother transforms */
    will-change: transform, opacity;
}

/* Active state (applied via JS or :active pseudo-class as fallback) */
.touch-active {
    transform: scale(0.98);
    opacity: 0.92;
    transition: transform 120ms ease, opacity 120ms ease;
}

/* Prevent scale on disabled elements */
.clickable[disabled], 
button[disabled], 
.btn.disabled,
.btn[disabled] {
    transform: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed;
}

/* List items specific polish */
.list-item {
    transition: background-color 0.2s;
}

.list-item.touch-active {
    background-color: rgba(0, 0, 0, 0.05);
}