/* RadarČeska — Turistika v2.3.2 WEATHER AT ARRIVAL + UI POLISH
   - Default: forecast for the estimated time the user reaches each point
   - Toggle: Po cestě / Teď
   - Departure: now or custom local date/time
   - No technical x/y meteo counters in normal UI
   - Compact single-weather state for short/uniform routes
   Desktop only in this release. */

@media (min-width:821px){

  .rc-route-weather-v232{
    position:relative;
    margin-top:6px;
    padding:8px 5px 3px;
    border-top:1px solid rgba(54,79,83,.065);
  }

  .rc-route-weather-v232-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:24px;
  }

  .rc-route-weather-v232-title{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    color:#456269;
    font-size:8.4px;
    line-height:1;
    font-weight:830;
  }

  .rc-route-weather-v232-title svg{
    width:13px;
    height:13px;
    flex:0 0 13px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rc-route-weather-v232-mode{
    display:flex;
    align-items:center;
    gap:2px;
    padding:2px;
    border:1px solid rgba(49,76,80,.08);
    border-radius:9px;
    background:rgba(241,245,245,.82);
  }

  .rc-route-weather-v232-mode button{
    min-height:23px;
    padding:0 8px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#71858a;
    font:inherit;
    font-size:7px;
    line-height:1;
    font-weight:760;
    cursor:pointer;
  }

  .rc-route-weather-v232-mode button.is-active{
    background:#fff;
    color:#176b5c;
    box-shadow:0 1px 4px rgba(31,53,57,.07);
  }

  .rc-route-weather-v232-meta{
    min-height:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:3px;
    padding:0 1px;
  }

  .rc-route-weather-v232-depart{
    min-height:22px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:0 7px;
    border:1px solid rgba(43,72,76,.09);
    border-radius:8px;
    background:rgba(255,255,255,.70);
    color:#567078;
    font-size:6.9px;
    line-height:1;
    font-weight:740;
    cursor:pointer;
  }

  .rc-route-weather-v232-depart svg{
    width:11px;
    height:11px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rc-route-weather-v232-depart:hover{
    background:#fff;
  }

  .rc-route-weather-v232-hint{
    color:#93a0a4;
    font-size:6.5px;
    line-height:1;
    font-weight:650;
    white-space:nowrap;
  }

  .rc-route-weather-v232-picker{
    position:absolute;
    z-index:8;
    right:4px;
    top:56px;
    width:208px;
    padding:8px;
    border:1px solid rgba(39,68,72,.11);
    border-radius:11px;
    background:rgba(255,255,255,.985);
    box-shadow:0 10px 28px rgba(31,53,57,.14);
  }

  .rc-route-weather-v232-picker[hidden]{
    display:none;
  }

  .rc-route-weather-v232-picker label{
    display:block;
    margin-bottom:6px;
    color:#657b81;
    font-size:7px;
    font-weight:760;
  }

  .rc-route-weather-v232-picker input{
    width:100%;
    min-height:32px;
    box-sizing:border-box;
    padding:0 7px;
    border:1px solid rgba(46,75,79,.12);
    border-radius:8px;
    background:#fff;
    color:#29484f;
    font:inherit;
    font-size:8px;
  }

  .rc-route-weather-v232-picker-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
    margin-top:6px;
  }

  .rc-route-weather-v232-picker-actions button{
    min-height:29px;
    border:1px solid rgba(46,75,79,.10);
    border-radius:8px;
    background:#fff;
    color:#4f6970;
    font:inherit;
    font-size:7px;
    font-weight:760;
    cursor:pointer;
  }

  .rc-route-weather-v232-picker-actions button[data-action="apply"]{
    color:#176b5c;
    background:rgba(239,250,247,.95);
    border-color:rgba(22,145,120,.14);
  }

  /* Single/near-uniform weather state. */
  .rc-route-weather-v232-summary{
    min-height:48px;
    margin-top:5px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:9px;
    align-items:center;
    padding:7px 8px;
    border-radius:11px;
    background:rgba(247,250,249,.80);
  }

  .rc-route-weather-v232-summary-icon{
    grid-column:1;
    grid-row:1 / span 2;
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    color:#507079;
  }

  .rc-route-weather-v232-summary-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rc-route-weather-v232-summary-main{
    grid-column:2;
    grid-row:1;
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px 7px;
    min-width:0;
  }

  .rc-route-weather-v232-summary-main b{
    color:#254d55;
    font-size:9px;
    line-height:1.15;
    font-weight:830;
  }

  .rc-route-weather-v232-summary-main strong{
    color:#173e46;
    font-size:13px;
    line-height:1;
    font-weight:850;
  }

  .rc-route-weather-v232-summary-sub{
    grid-column:2;
    grid-row:2;
    margin-top:3px;
    color:#72868c;
    font-size:7px;
    line-height:1.25;
    font-weight:650;
  }

  /* Only meaningful transitions are plotted. */
  .rc-route-weather-v232-track{
    position:relative;
    height:56px;
    margin-top:6px;
  }

  .rc-route-weather-v232-baseline{
    position:absolute;
    left:3%;
    right:3%;
    top:21px;
    height:1px;
    background:rgba(74,100,104,.10);
  }

  .rc-route-weather-v232-point{
    position:absolute;
    top:0;
    width:52px;
    margin-left:-26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
    color:#466168;
    cursor:default;
    user-select:none;
    z-index:1;
  }

  .rc-route-weather-v232-point::after{
    content:"";
    position:absolute;
    top:20px;
    left:50%;
    width:5px;
    height:5px;
    margin-left:-2.5px;
    border:1.5px solid rgba(65,94,97,.30);
    border-radius:50%;
    background:#f9fbfa;
    box-sizing:border-box;
  }

  .rc-route-weather-v232-icon{
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
    color:#526f74;
  }

  .rc-route-weather-v232-icon svg{
    width:18px;
    height:18px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .rc-route-weather-v232-point.is-rain .rc-route-weather-v232-icon,
  .rc-route-weather-v232-point.is-rain::after{
    color:#377b8d;
    border-color:rgba(55,123,141,.44);
  }

  .rc-route-weather-v232-point.is-warn .rc-route-weather-v232-icon,
  .rc-route-weather-v232-point.is-warn::after{
    color:#8a7141;
    border-color:rgba(138,113,65,.43);
  }

  .rc-route-weather-v232-point b{
    margin-top:5px;
    color:#31535a;
    font-size:8px;
    line-height:1;
    font-weight:840;
  }

  .rc-route-weather-v232-point em{
    margin-top:2px;
    min-height:7px;
    color:#798c91;
    font-size:6.1px;
    line-height:1;
    font-style:normal;
    font-weight:690;
    white-space:nowrap;
  }

  .rc-route-weather-v232-tip{
    position:absolute;
    z-index:7;
    top:-58px;
    left:0;
    width:130px;
    min-height:46px;
    padding:6px 7px;
    border:1px solid rgba(39,68,72,.10);
    border-radius:9px;
    background:rgba(255,255,255,.98);
    box-shadow:0 8px 22px rgba(31,53,57,.12);
    color:#667b81;
    font-size:7px;
    line-height:1.35;
    font-weight:650;
    opacity:0;
    pointer-events:none;
    transform:translateY(2px);
    transition:opacity .08s ease,transform .08s ease;
  }

  .rc-route-weather-v232-tip b{
    display:block;
    margin-bottom:2px;
    color:#1d4e46;
    font-size:8.3px;
    font-weight:830;
  }

  .rc-route-weather-v232-tip span{
    display:block;
    white-space:nowrap;
  }

  .rc-route-weather-v232.is-hovering .rc-route-weather-v232-tip{
    opacity:1;
    transform:translateY(0);
  }

  .rc-route-weather-v232-loading,
  .rc-route-weather-v232-error{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:3px 2px 0;
    color:#849499;
    font-size:7.7px;
    line-height:1.25;
    font-weight:660;
  }

  .rc-route-weather-v232-loading i{
    width:12px;
    height:12px;
    flex:0 0 12px;
    border:2px solid rgba(47,107,96,.16);
    border-top-color:#248b78;
    border-radius:50%;
    animation:rc-v232-spin .8s linear infinite;
  }

  .rc-route-weather-v232-error{
    color:#8b7571;
  }

  .rc-route-weather-v232-limited{
    color:#9a8561;
  }

  @keyframes rc-v232-spin{
    to{transform:rotate(360deg);}
  }
}