/* ================================================
   TARA567 - APP FEEL CSS
   Add to ALL pages: <link rel="stylesheet" href="app.css">
   ================================================ */

/* 1. Text select band karo */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none; /* iOS long press menu band */
}

/* 2. Input mein text select allow karo (required for forms) */
input, textarea, [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}

/* 3. Image drag band */
img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}
a img { pointer-events: auto; }

/* 4. Input zoom band (iOS) - font-size 16px minimum */
input, select, textarea {
  font-size: 16px !important;
}

/* 5. Scroll bounce band karo + overscroll */
html {
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
body {
  overscroll-behavior: none;
  overscroll-behavior-y: none;
}

/* 6. Smooth scroll */
* { scroll-behavior: smooth; }

/* 7. Tap highlight already transparent - reinforce */
* {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

/* 8. Button/link press feel */
button, a, .mc, .play-btn, .bni, .ct {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation; /* double tap zoom band */
}

/* 9. Active press animation on tappable elements */
button:active, 
.play-btn:active,
.bni:active,
.ct:active,
.mc-link:active,
.sb-item:active {
  transform: scale(0.97);
  transition: transform 0.1s;
}

/* 10. Prevent iOS callout on long press */
a, button, input, textarea {
  -webkit-touch-callout: none;
}

/* 11. Hide scrollbar everywhere */
::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; }

/* 12. Bottom safe area for all pages */
.bottom-safe {
  padding-bottom: env(safe-area-inset-bottom, 16px);
}