/* ═══════════════════════════════════════════════════════════════
   EvoPhonics — Global Button Press Feel
   सर्व buttons, clickable divs, links वर touch/click feel
   Mobile + Desktop दोन्हीसाठी
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. सर्व buttons वर ── */
button,
input[type="button"],
input[type="submit"],
.btn, .so-btn, .btn-prim, .app-pay-btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease !important;
    cursor: pointer;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
.btn:active, .so-btn:active, .btn-prim:active, .app-pay-btn:active {
    transform: scale(0.94) !important;
    opacity: 0.88 !important;
}

/* ── 2. <a> links जे buttons सारखे दिसतात ── */
a[style*="border-radius"],
a[class*="btn"],
a[class*="button"],
a.so-btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 0.12s ease, opacity 0.12s ease !important;
    display: inline-block;
}

a[style*="border-radius"]:active,
a[class*="btn"]:active,
a[class*="button"]:active,
a.so-btn:active {
    transform: scale(0.94) !important;
    opacity: 0.88 !important;
}

/* ── 3. Clickable divs (boxes, cards) ── */
div[onclick],
section[onclick] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 0.12s ease, box-shadow 0.12s ease !important;
    cursor: pointer;
}

div[onclick]:active,
section[onclick]:active {
    transform: scale(0.94) !important;
    opacity: 0.9 !important;
}

/* ── 4. Tailwind buttons (app.html मध्ये) ── */
[class*="rounded"][class*="font-black"],
[class*="rounded-xl"],
[class*="rounded-full"] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

[class*="rounded"][class*="font-black"]:active,
[class*="rounded-xl"]:active,
[class*="rounded-full"]:active {
    transform: scale(0.94) !important;
    opacity: 0.88 !important;
}

/* ── 5. Disabled buttons — no press feel ── */
button:disabled,
button[disabled] {
    transform: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}