/* RadarČeska — Turistika v2.3.3 COMPACT DESKTOP PLANNER
   Height-aware desktop polish.
   Goal: Profile + Weather + actions visible on a normal notebook without
   turning the planner into a cramped panel.
   Mobile is untouched. No forced declarations. */

/* -----------------------------------------------------------
   COMPACT — common notebook / 1024px-tall desktop windows
   ----------------------------------------------------------- */
@media (min-width:821px) and (max-height:1050px){

  .rc-tourist-planner-v211{
    width:380px;
    max-width:380px;
    max-height:none;
    border-radius:15px;
    overflow:hidden;
    box-shadow:
      0 13px 34px rgba(27,48,52,.115),
      0 2px 7px rgba(27,48,52,.03);
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-head{
    min-height:54px;
    padding:8px 9px 8px 14px;
    gap:6px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-title strong{
    font-size:16px;
    line-height:1.04;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-title small{
    margin-top:4px;
    font-size:8.8px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-iconbtn{
    width:32px;
    height:32px;
    border-radius:9px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-body{
    max-height:none;
    padding:9px 11px 10px;
    overflow:visible;
  }

  /* Travel mode bubbles. */
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-modes{
    gap:6px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode{
    min-height:46px;
    gap:7px;
    padding:0 8px;
    border-radius:11px;
    font-size:10.8px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode .rc-planner-mode-icon{
    width:21px;
    height:21px;
    flex-basis:21px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode .rc-planner-mode-icon svg{
    width:21px;
    height:21px;
  }

  /* Helper line. */
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step{
    min-height:31px;
    margin:6px 2px 3px;
    gap:7px;
    font-size:9.3px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step-dot{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step-dot svg{
    width:11px;
    height:11px;
  }

  /* Distance / time. */
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-summary{
    gap:6px;
    margin-top:2px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat{
    min-height:56px;
    grid-template-columns:29px minmax(0,1fr);
    column-gap:7px;
    padding:8px 10px;
    border-radius:12px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat .rc-planner-stat-icon{
    width:27px;
    height:27px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat .rc-planner-stat-icon svg{
    width:21px;
    height:21px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat > span:not(.rc-planner-stat-icon){
    font-size:7.4px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat > strong{
    margin-top:4px;
    font-size:14px;
  }

  /* Elevation profile: same information, less framing. */
  .rc-tourist-planner-v211 .rc-route-profile-v230{
    margin-top:7px;
    padding:8px 9px 7px;
    border-radius:12px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-title strong{
    font-size:9.9px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-title small{
    margin-top:3px;
    font-size:6.9px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-metrics{
    gap:6px;
    font-size:7.2px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-metrics b{
    font-size:7.7px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-chart{
    height:80px;
    margin-top:6px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-axis{
    margin-top:2px;
    font-size:6.3px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-source{
    margin-top:4px;
    font-size:5.9px;
  }

  /* Weather at arrival. */
  .rc-tourist-planner-v211 .rc-route-weather-v232{
    margin-top:4px;
    padding:6px 4px 2px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-head{
    min-height:21px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-title{
    font-size:7.8px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-mode{
    border-radius:8px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-mode button{
    min-height:21px;
    padding:0 7px;
    border-radius:6px;
    font-size:6.6px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-meta{
    min-height:19px;
    margin-top:2px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-depart{
    min-height:20px;
    padding:0 6px;
    border-radius:7px;
    font-size:6.5px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-hint{
    font-size:6px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary{
    min-height:43px;
    margin-top:4px;
    grid-template-columns:30px minmax(0,1fr);
    column-gap:7px;
    padding:6px 7px;
    border-radius:9px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-icon{
    width:27px;
    height:27px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-icon svg{
    width:22px;
    height:22px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-main{
    gap:3px 6px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-main b{
    font-size:8.2px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-main strong{
    font-size:12px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary-sub{
    margin-top:2px;
    font-size:6.6px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-track{
    height:49px;
    margin-top:4px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-point{
    width:48px;
    margin-left:-24px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-point b{
    margin-top:4px;
    font-size:7.5px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-point em{
    margin-top:1px;
    font-size:5.8px;
  }

  /* Action bubbles: less border, less air, same hit target. */
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-actions{
    gap:5px;
    margin-top:6px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-action{
    min-height:38px;
    gap:6px;
    padding:0 7px;
    border-radius:10px;
    font-size:9.1px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-action .rc-planner-action-icon{
    width:16px;
    height:16px;
    flex-basis:16px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-action .rc-planner-action-icon svg{
    width:16px;
    height:16px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-foot{
    margin:7px 2px 0;
    padding-top:6px;
    font-size:6.7px;
  }
}


/* -----------------------------------------------------------
   COMPACT+ — small notebook / 768–850px height
   ----------------------------------------------------------- */
@media (min-width:821px) and (max-height:850px){

  .rc-tourist-planner-v211{
    width:368px;
    max-width:368px;
    border-radius:14px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-head{
    min-height:48px;
    padding:6px 8px 6px 12px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-title strong{
    font-size:14.5px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-title small{
    margin-top:3px;
    font-size:8px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-iconbtn{
    width:29px;
    height:29px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-body{
    padding:7px 9px 8px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode{
    min-height:40px;
    gap:6px;
    border-radius:10px;
    font-size:10px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode .rc-planner-mode-icon,
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-mode .rc-planner-mode-icon svg{
    width:19px;
    height:19px;
  }

  /* At this height the instructional sentence is redundant after the route exists.
     Keep just the information pictogram as a quiet affordance. */
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step{
    min-height:21px;
    margin:4px 1px 2px;
    font-size:0;
    gap:0;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step-dot{
    width:18px;
    height:18px;
    flex-basis:18px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat{
    min-height:50px;
    grid-template-columns:26px minmax(0,1fr);
    padding:6px 8px;
    border-radius:10px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat .rc-planner-stat-icon,
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat .rc-planner-stat-icon svg{
    width:20px;
    height:20px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-stat > strong{
    font-size:12.5px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230{
    margin-top:5px;
    padding:6px 8px 5px;
    border-radius:10px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-chart{
    height:66px;
    margin-top:4px;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-title small{
    display:none;
  }

  .rc-tourist-planner-v211 .rc-route-profile-v230-source{
    display:none;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232{
    margin-top:3px;
    padding:5px 3px 1px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-meta{
    min-height:18px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-summary{
    min-height:39px;
    padding:5px 6px;
  }

  .rc-tourist-planner-v211 .rc-route-weather-v232-track{
    height:44px;
    margin-top:3px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-actions{
    gap:4px;
    margin-top:5px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-action{
    min-height:34px;
    border-radius:9px;
    font-size:8.6px;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-foot{
    margin-top:5px;
    padding-top:4px;
    font-size:6.1px;
  }
}


/* -----------------------------------------------------------
   Emergency fallback only for unusually short desktop windows.
   The normal notebook modes above are designed to avoid scrolling.
   ----------------------------------------------------------- */
@media (min-width:821px) and (max-height:700px){

  .rc-tourist-planner-v211{
    max-height:calc(100dvh - 170px);
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-body{
    max-height:calc(100dvh - 218px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .rc-tourist-planner-v211 .rc-tourist-planner-v211-foot{
    display:none;
  }
}