/**
 * Chaty Mobile Fix CSS
 * Fix issue with Phone channel requiring long press on mobile
 */

/* Improve touch target for mobile */
@media only screen and (max-width: 768px) {
    /* Ensure phone channel is easily tappable */
    .chaty-widget .Phone-channel,
    .chaty-widget .Phone-channel a,
    .chaty-widget .Phone-channel button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
        -webkit-touch-callout: default !important;
        touch-action: manipulation !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    /* Remove any delays or transitions that might interfere */
    .chaty-widget .Phone-channel a,
    .chaty-widget .Phone-channel-link a {
        transition: none !important;
        -webkit-transition: none !important;
    }
    
    /* Ensure the link is on top and clickable */
    .chaty-widget .Phone-channel a {
        position: relative;
        z-index: 9999 !important;
    }
    
    /* Prevent any overlay from blocking clicks */
    .chaty-widget .Phone-channel .chaty-svg,
    .chaty-widget .Phone-channel .chaty-icon {
        pointer-events: none !important;
    }
    
    /* Make sure tooltip doesn't interfere */
    .chaty-widget .Phone-channel .on-hover-text,
    .chaty-widget .Phone-channel:after,
    .chaty-widget .Phone-channel:before {
        pointer-events: none !important;
    }
}