/* Mobile scroll fix v2 — scroll on html, body grows naturally */
html {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}

body {
  height: auto !important;
  min-height: 100dvh;
  min-height: 100vh;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  position: relative !important;
  touch-action: pan-y pinch-zoom !important;
  -webkit-overflow-scrolling: touch !important;
  animation: none !important;
  background-attachment: scroll !important;
}

.container,
.section,
.history-container,
.search-section,
.header {
  overflow: visible !important;
  max-height: none !important;
  touch-action: pan-y !important;
}

/* Charts/grafik jangan blok scroll jari */
canvas,
.multi-trend-chart-wrapper,
#sentiment-timeline-chart-container,
#sentimentTimelineChart,
.chart-container {
  pointer-events: none !important;
  touch-action: pan-y !important;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  * {
    touch-action: pan-y !important;
  }

  input,
  textarea,
  select,
  [contenteditable="true"] {
    touch-action: manipulation !important;
  }

  .container {
    padding-bottom: 140px;
  }

  #sentiment-timeline-chart-container {
    overflow-x: auto !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
  }
}