/* ============================================
   COMPLETELY DISABLE ALL TOUCH EFFECTS
   ============================================ */

/* Remove ALL tap highlights and touch effects */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* Allow text selection only where needed */
p, span, h1, h2, h3, h4, h5, h6, 
.message-content, .text-content, 
input, textarea {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Disable all cursor and touch trail effects */
.cursor-trail,
.touch-trail,
.trail-element,
.touch-ripple,
.ripple,
.ripple-effect,
div[class*="trail"],
div[class*="ripple"],
span[class*="trail"],
span[class*="ripple"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Disable all pseudo-element effects that might create circles */
*::before,
*::after {
    -webkit-tap-highlight-color: transparent !important;
}

/* Specific disable for buttons and links */
button,
a,
.btn,
.button,
[role="button"],
[onclick],
[data-action],
.clickable {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    outline: none !important;
}

/* Disable focus rings on touch */
@media (hover: none) {
    *:focus {
        outline: none !important;
        box-shadow: none !important;
    }
}

/* Disable any animation that might create circles */
@keyframes ripple-expand {
    to { display: none !important; }
}

@keyframes ripple-effect {
    to { display: none !important; }
}

@keyframes trail-fade {
    to { display: none !important; }
}

/* Force remove any dynamically created touch effects */
body > .touch-ripple,
body > .cursor-trail,
body > .touch-effect,
body > [style*="border-radius: 50%"] {
    display: none !important;
    visibility: hidden !important;
}

/* Disable touch feedback on iOS */
input,
textarea,
button,
select,
a {
    -webkit-touch-action: manipulation !important;
    touch-action: manipulation !important;
}

/* Remove any circles that might be created by JavaScript */
div[style*="border-radius: 50%"]:not(.theme-toggle-thumb):not(.chat-avatar):not(.message-avatar):not(.logo-dot):not(.pulse-ring):not(.chat-status) {
    display: none !important;
}

/* Ensure no touch effects on the entire document */
html,
body {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/* Remove outlines but keep accessibility with focus-visible */
*:focus:not(:focus-visible) {
    outline: none !important;
}

*:focus-visible {
    outline: 2px solid var(--primary-color) !important;
    outline-offset: 2px !important;
}

/* Disable all touch visual feedback */
@media (pointer: coarse) {
    * {
        -webkit-tap-highlight-color: transparent !important;
    }
    
    button:active,
    a:active,
    .clickable:active {
        transform: none !important;
        box-shadow: none !important;
    }
}