/* Custom styles to supplement Tailwind */
.hidden {
    display: none;
}

/* GLOBAL STYLES */
html,
body {
    overflow-x: hidden;
}

/* SCROLLBAR HIDING for consistent mobile look */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/* ROBUST INPUT FIX for Mobile */
input,
textarea {
    user-select: text !important;
    -webkit-user-select: text !important;
}

/* SMART COPY PROTECTION (User Requested) */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Prevent image dragging globally */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    /* Often helps with ghost clicks on mobile */
}

/* Allow interaction with interactive elements */
button,
a,
[role="button"],
input,
textarea,
select {
    pointer-events: auto;
}

/* MODULAR INTERACTION CONTROL (User Requested) */
/* Apply this ONLY to pages that need to feel like a native app (Viewers, Home) */
.pwa-interaction-lock {
    -webkit-touch-callout: none;
    /* iOS Safari disable long press */
    user-select: none;
    /* Disable text selection */
    -webkit-user-select: none;
    overscroll-behavior-y: none;
    /* Prevent pull-to-refresh glitch */
}