/* BitcoinOrbit V15.8.5 — fixed mobile chart surfaces and touch inspection.
   Navigation sliders and genuine scrolling tables remain touch-scrollable. */
.touch-chart-tip{
  position:absolute;z-index:12;top:6px;left:8px;max-width:calc(100% - 16px);
  padding:7px 10px;border:1px solid #7790ad;border-radius:8px;
  background:#0a1523f2;color:#f6faff;font:600 12px/1.45 Inter,system-ui,sans-serif;
  pointer-events:none;white-space:normal;box-shadow:0 8px 20px #0009;
}
.touch-chart-tip[hidden],.touch-chart-line[hidden]{display:none!important}
.touch-chart-tip strong{font-weight:700;color:#fff}
.touch-chart-tip small{font-size:11px;font-weight:500;color:#bed2e9}
.touch-chart-line{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #f4faffb0;pointer-events:none;z-index:8}
.touch-chart-help{color:#bacfe4;font-size:12px;line-height:1.5;margin:7px 0 12px}
#hero-spark,#v9-home-power-chart,#analytics .analy-chart,#v14-mc-chart{position:relative}
@media(max-width:760px){
  /* Both price plots must occupy exactly the screen, not a scrollable 760px canvas. */
  #markt .market-plot-scroll{overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;scroll-behavior:auto!important}
  #markt .market-plot-inner{width:100%!important;min-width:0!important;max-width:100%!important}
  #markt .market-plot-inner .chart-holder{width:100%!important;min-width:0!important;height:310px!important}
  #markt .market-plot-inner .chart-holder svg{width:100%!important;max-width:100%!important;touch-action:pan-y!important}
  #markt .market-chart-advanced svg text{font-size:24px!important;font-weight:590!important}
  #markt .chart-inspect-tip,#markt .market-hover{max-width:calc(100% - 12px)!important;font-size:12px!important}
  #powerlaw .power-main .chart-holder.tall{
    width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:hidden!important;
    height:365px!important;min-height:365px!important;touch-action:pan-y!important
  }
  #powerlaw .power-main .chart-holder.tall svg{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;touch-action:pan-y!important}
  #powerlaw .power-main .chart-foot::after{content:"Finger im Chart bewegen: Datum und Kurs anzeigen"!important}
  html[lang="en"] #powerlaw .power-main .chart-foot::after{content:"Move a finger across the chart to inspect dates and prices"!important}
  /* Interactive SVGs stay stationary; page can still scroll vertically. */
  #hero-spark,#v9-home-power-chart,#markt #price-chart,#powerlaw #power-chart,
  #rechner .dp-chart,#strategien .bt-chart-canvas,#strategien .bt-price-chart,
  #strategien #v14-mc-chart,#entnahme .wp-chart,#income .is-chart,
  #income .income-graph,#korrelation .macro-chart,#indikatoren .indicator-detail-chart,
  #analytics .analy-chart,#dca-chart{touch-action:pan-y!important;overscroll-behavior-x:none!important}
  #hero-spark svg,#v9-home-power-chart svg,#rechner .dp-chart svg,
  #strategien .bt-chart-canvas svg,#strategien .bt-price-chart svg,
  #strategien .v14-fan-chart svg,#income .is-chart svg,#income .income-graph svg,
  #entnahme .wp-chart svg,#korrelation .macro-chart svg,
  #analytics .analy-chart svg,#powerlaw #power-chart svg,#dca-chart svg,
  #indikatoren svg[role="img"]{
    touch-action:pan-y!important;-webkit-user-select:none;user-select:none;
  }
  #powerlaw .power-main .chart-holder.tall,#markt .market-plot-scroll,#analytics .analy-chart{
    -webkit-overflow-scrolling:auto!important;
  }
  /* Keep real tables scrollable, and controls easy to tap. */
  #inhalt :is(.bt-table-scroll,.bt-trade-scroll,.wp-table-wrap,.is-table-wrap,.macro-table-wrap,.k-table-wrap,.v14-table-wrap,.dp-table-wrap){touch-action:pan-x pan-y!important}
  #inhalt :is(button,.chip,.button,.wp-btn,.dp-btn){min-height:40px}
  #inhalt :is(.v9-feature-button,.v9-action){min-height:44px}
  #rechner .dp-tip{max-width:min(225px,calc(100% - 14px))!important}
  #income .is-chart,#entnahme .wp-chart{max-width:100%;overflow:hidden}
  #strategien .v14-mc-chart{touch-action:pan-y!important}
  .touch-chart-help{font-size:12px}
}
@media(max-width:359px){
  #markt .market-plot-inner .chart-holder{height:280px!important}
  #powerlaw .power-main .chart-holder.tall{height:340px!important;min-height:340px!important}
}
@media(max-width:760px){
  .bt-touch-readout{margin:8px 0 13px;padding:10px 12px;background:#142032;border:1px solid #50708d;border-radius:9px;color:#f4faff;font:500 12px/1.6 Inter,system-ui,sans-serif}
  .bt-touch-readout b,.bt-touch-readout strong{color:#ffcd7e}
  .bt-touch-readout span{display:block}
  .indicator-detail-chart{position:relative;touch-action:pan-y}
  .indicator-detail-chart svg{touch-action:pan-y!important}
  .indicator-detail-chart .touch-chart-tip{font-size:11px;max-width:calc(100% - 12px);word-break:break-word}
  #powerlaw .power-mobile-tip{max-width:calc(100% - 12px);font-size:11px!important;white-space:normal;line-height:1.45;z-index:20}
}

@media(max-width:760px){
  /* Exact values remain available in the finger tooltip. Small screens have
     fewer labels to avoid overlapping the lines and the right price axis. */
  #markt #price-chart .trend-value,
  #markt #price-chart .market-halving-label,
  #markt #price-chart .last-price rect,
  #markt #price-chart .last-price text{display:none!important}
  #markt #price-chart .market-price-tick{font-size:24px!important}
}