/* RadarČeska — Desktop v2.2.6 PLANNER VISUAL FINAL
   Final implementation of the approved planner mockup.
   Also carries forward MHD/Voda opacity + Favorites badge fixes from v2.2.5.
   Desktop only. Mobile untouched. */

@media (min-width:821px){

  /* ---------------------------------------------------------
     Carry-forward: MHD / Voda must not look accidentally faded
     --------------------------------------------------------- */
  .brand-row .layer-chip.is-coming{
    opacity:1;
  }

  .brand-row .layer-chip.is-coming:not(.is-active){
    color:#334c51;
    background:rgba(255,255,255,.82);
    border-color:rgba(38,67,72,.09);
  }

  .brand-row .layer-chip.is-coming:not(.is-active) .chip-icon{
    color:#52696d;
  }

  /* ---------------------------------------------------------
     Carry-forward: Favorites badge stays inside its card
     --------------------------------------------------------- */
  #desktopMenuFavoritesV220{
    grid-template-columns:34px minmax(0,1fr) auto;
    column-gap:9px;
    overflow:hidden;
    opacity:1;
  }

  #desktopMenuFavoritesV220 > span:nth-child(2){
    min-width:0;
  }

  #desktopMenuFavoritesV220 > em{
    justify-self:end;
    align-self:center;
    max-width:78px;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(82,108,151,.08);
    color:#72859c;
    font-size:6.9px;
    line-height:1;
    font-weight:820;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* ---------------------------------------------------------
     Planner shell — light, calm, not a heavy dashboard box
     --------------------------------------------------------- */
  .rc-tourist-planner-v211{
    width:392px;
    max-width:392px;
    border:1px solid rgba(43,67,71,.09);
    border-radius:18px;
    background:rgba(252,253,253,.972);
    box-shadow:
      0 16px 42px rgba(27,48,52,.125),
      0 2px 8px rgba(27,48,52,.035);
    backdrop-filter:blur(20px) saturate(1.035);
    -webkit-backdrop-filter:blur(20px) saturate(1.035);
    overflow:hidden;
  }

  .rc-tourist-planner-v211-head{
    min-height:64px;
    padding:11px 11px 10px 16px;
    gap:7px;
    border-bottom:1px solid rgba(47,72,76,.075);
    background:transparent;
  }

  .rc-tourist-planner-v211-title{
    min-width:0;
  }

  .rc-tourist-planner-v211-title strong{
    display:block;
    font-size:18px;
    line-height:1.05;
    font-weight:820;
    letter-spacing:-.028em;
    color:#18353b;
  }

  .rc-tourist-planner-v211-title small{
    display:block;
    margin-top:5px;
    font-size:10px;
    line-height:1.1;
    font-weight:620;
    color:#72858a;
  }

  .rc-tourist-planner-v211-iconbtn{
    width:36px;
    height:36px;
    border-radius:11px;
    color:#526b70;
  }

  .rc-tourist-planner-v211-iconbtn:hover{
    background:rgba(51,79,83,.055);
  }

  .rc-tourist-planner-v211-body{
    padding:12px 14px 13px;
    background:transparent;
  }

  /* ---------------------------------------------------------
     Travel modes — recognizable pictograms first
     --------------------------------------------------------- */
  .rc-tourist-planner-v211-modes{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .rc-tourist-planner-v211-mode{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 10px;
    border:1px solid rgba(45,70,74,.10);
    border-radius:13px;
    background:rgba(255,255,255,.88);
    color:#324e55;
    box-shadow:0 2px 8px rgba(31,53,57,.025);
    font-size:11.8px;
    line-height:1;
    font-weight:740;
    transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease;
  }

  .rc-tourist-planner-v211-mode:hover{
    transform:translateY(-1px);
    background:#fff;
    border-color:rgba(43,91,82,.15);
  }

  .rc-tourist-planner-v211-mode.is-active{
    color:#176b5c;
    background:rgba(239,250,247,.98);
    border-color:rgba(22,173,145,.57);
    box-shadow:
      0 0 0 1px rgba(22,173,145,.04),
      0 3px 12px rgba(31,111,96,.055);
  }

  .rc-tourist-planner-v211-mode .rc-planner-mode-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:grid;
    place-items:center;
    color:currentColor;
  }

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

  /* ---------------------------------------------------------
     Guidance line — no extra card, just an icon + sentence
     --------------------------------------------------------- */
  .rc-tourist-planner-v211-step{
    min-height:39px;
    margin:9px 2px 5px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    border:0;
    background:transparent;
    color:#667b80;
    font-size:10.2px;
    line-height:1.25;
    font-weight:680;
  }

  .rc-tourist-planner-v211-step-dot{
    width:23px;
    height:23px;
    flex:0 0 23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(71,96,100,.085);
    color:#607a80;
    box-shadow:none;
  }

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

  /* ---------------------------------------------------------
     Summary cards — only two real information cards
     --------------------------------------------------------- */
  .rc-tourist-planner-v211-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:3px;
  }

  .rc-tourist-planner-v211-stat{
    min-height:68px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:9px;
    align-content:center;
    padding:10px 12px;
    border:1px solid rgba(45,70,74,.08);
    border-radius:14px;
    background:rgba(245,248,248,.84);
    box-shadow:none;
  }

  .rc-tourist-planner-v211-stat .rc-planner-stat-icon{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    color:#274f58;
  }

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

  .rc-tourist-planner-v211-stat > span:not(.rc-planner-stat-icon){
    grid-column:2;
    grid-row:1;
    display:block;
    color:#788c91;
    font-size:8px;
    line-height:1;
    font-weight:810;
    letter-spacing:.055em;
    text-transform:uppercase;
  }

  .rc-tourist-planner-v211-stat > strong{
    grid-column:2;
    grid-row:2;
    display:block;
    margin-top:5px;
    color:#17353c;
    font-size:16px;
    line-height:1;
    font-weight:820;
  }

  /* ---------------------------------------------------------
     Actions — compact icon+text controls, not big text boxes
     --------------------------------------------------------- */
  .rc-tourist-planner-v211-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:8px;
  }

  .rc-tourist-planner-v211-action{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 8px;
    border:1px solid rgba(45,70,74,.09);
    border-radius:12px;
    background:rgba(255,255,255,.83);
    color:#36535a;
    box-shadow:0 2px 7px rgba(31,53,57,.018);
    font-size:10px;
    line-height:1;
    font-weight:700;
    transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .08s ease;
  }

  .rc-tourist-planner-v211-action:hover{
    transform:translateY(-1px);
    background:#fff;
    border-color:rgba(43,91,82,.14);
  }

  .rc-tourist-planner-v211-action .rc-planner-action-icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    color:#315761;
  }

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

  #touristPlannerClear{
    color:#b33a34;
    background:rgba(255,250,250,.88);
  }

  #touristPlannerClear .rc-planner-action-icon{
    color:#e22b24;
  }

  #touristPlannerClose2{
    color:#21695b;
    background:rgba(241,250,247,.90);
    border-color:rgba(33,150,126,.13);
  }

  #touristPlannerClose2 .rc-planner-action-icon{
    color:#159477;
  }

  #touristPlannerWaypoint.is-armed{
    color:#1f6659;
    background:rgba(239,250,247,.97);
    border-color:rgba(22,173,145,.28);
  }

  .rc-tourist-planner-v211-foot{
    margin:10px 2px 0;
    padding-top:8px;
    border-top:1px solid rgba(46,70,74,.06);
    color:#8b9a9e;
    font-size:7.6px;
    line-height:1.35;
  }

  .rc-tourist-planner-v211-error{
    margin-top:7px;
    border-radius:10px;
  }

  /* One visual language for every planner SVG. */
  .rc-tourist-planner-v211 .rc-planner-mode-icon svg,
  .rc-tourist-planner-v211 .rc-planner-stat-icon svg,
  .rc-tourist-planner-v211 .rc-planner-action-icon svg,
  .rc-tourist-planner-v211 .rc-tourist-planner-v211-step-dot svg{
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}

@media (min-width:1500px){
  .rc-tourist-planner-v211{
    width:402px;
    max-width:402px;
  }
}