/* RadarČeska Turistika v2.0.3 — movable/scrollable detail */

/* Smaller card, with one predictable scrollbar for the whole detail. */
.rc-tourist-route-popup .maplibregl-popup-content{
  overflow:visible!important;
}
.rc-tourist-route-card{
  position:relative;
  min-width:306px!important;
  width:min(326px,calc(100vw - 42px))!important;
  max-width:326px!important;
  max-height:min(60vh,535px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(69,101,88,.34) transparent;
  overscroll-behavior:contain;
  padding:13px 11px 12px!important;
}
.rc-tourist-route-card::-webkit-scrollbar{width:6px}
.rc-tourist-route-card::-webkit-scrollbar-track{background:transparent}
.rc-tourist-route-card::-webkit-scrollbar-thumb{
  background:rgba(69,101,88,.28);
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75)
}
.rc-tourist-route-card::-webkit-scrollbar-thumb:hover{background:rgba(57,91,77,.44)}

/* Drag handle. It remains visible while the card itself scrolls. */
.rc-route-drag-v203{
  position:sticky;
  z-index:8;
  top:-9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:42px;
  height:16px;
  margin:-9px auto 3px;
  padding:0;
  border:0;
  border-radius:0 0 9px 9px;
  background:rgba(245,249,247,.96);
  box-shadow:0 1px 5px rgba(43,70,58,.08);
  cursor:grab;
  touch-action:none;
}
.rc-route-drag-v203 span{
  display:block;width:3px;height:3px;border-radius:50%;background:#91a29a
}
.rc-route-drag-v203:hover{background:#eef5f1}
.rc-route-drag-v203.is-dragging{cursor:grabbing;background:#e6f2ec}
.rc-route-popup-moved .maplibregl-popup-tip{opacity:0!important}

/* More compact route weather list; scrollbar belongs to the whole card now. */
.rc-trw201-points{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.rc-trw201-point{
  min-height:34px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
.rc-elev202-chart{
  position:relative;
  overflow:visible;
}
.rc-elev202-chart svg{
  touch-action:pan-y;
}

/* Interactive profile cursor + km/elevation tooltip. */
.rc-elev203-cursor{
  position:absolute;
  z-index:4;
  top:5px;
  bottom:16px;
  width:1px;
  transform:translateX(-.5px);
  background:rgba(45,112,84,.44);
  pointer-events:none;
}
.rc-elev203-tip{
  position:absolute;
  z-index:6;
  top:7px;
  transform:translateX(-50%);
  min-width:max-content;
  padding:4px 6px;
  border:1px solid rgba(41,82,64,.12);
  border-radius:7px;
  background:rgba(255,255,255,.97);
  box-shadow:0 4px 12px rgba(34,67,53,.14);
  color:#3c5c4e;
  font:800 7px/1 system-ui;
  pointer-events:none;
}
.rc-elev203-tip.is-left{transform:translateX(-8%)}
.rc-elev203-tip.is-right{transform:translateX(-92%)}

/* Give the map close button a little breathing room after reducing the card. */
.rc-tourist-route-popup .maplibregl-popup-close-button{
  z-index:12;
  width:25px;
  height:25px;
  border-radius:0 8px 0 8px;
}

@media(max-width:700px){
  .rc-tourist-route-card{
    width:min(318px,calc(100vw - 30px))!important;
    min-width:min(306px,calc(100vw - 30px))!important;
    max-width:min(318px,calc(100vw - 30px))!important;
    max-height:min(57vh,500px);
  }
  .rc-route-drag-v203{height:18px;width:48px}
}

@media(max-height:700px){
  .rc-tourist-route-card{max-height:52vh}
}