/* RadarČeska — Desktop v2.2.1 ICON POLISH HOTFIX
   Additive desktop-only icon/typography polish on top of v2.2.0 Variant B.
   Right toolbar, planner positioning and mobile remain untouched. */

@media (min-width:821px){

  /* Main mode pills: bring back small crisp SVG identity. */
  .brand-row .layer-chip{
    gap:7px;
    padding-left:11px;
    padding-right:12px;
    min-height:38px;
    font-size:13px;
    font-weight:770;
    letter-spacing:-.012em;
  }

  .brand-row .layer-chip .chip-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#52696d;
    line-height:0;
  }

  .brand-row .layer-chip .chip-icon svg{
    width:16px;
    height:16px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .brand-row .layer-chip.is-active .chip-icon{
    color:#238a78;
  }

  .brand-row .layer-chip:hover .chip-icon{
    color:#36585a;
  }

  /* Keep the alert badge compact when Weather is active. */
  .brand-row .layer-chip #weatherAlertBadge{
    margin-left:1px;
  }

  /* Weather subnav: restore understated line icons without making pills wide. */
  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-view-tab{
    gap:6px;
    padding-left:10px;
    padding-right:11px;
    min-height:35px;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-tab-symbol{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:15px;
    height:15px;
    flex:0 0 15px;
    color:#586e72;
    line-height:0;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-tab-symbol svg{
    width:15px;
    height:15px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-tab-copy b{
    font-size:11.7px;
    font-weight:790;
    letter-spacing:-.012em;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-view-tab.is-active .weather-tab-symbol{
    color:#238a78;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-view-tab:hover .weather-tab-symbol{
    color:#36585a;
  }

  /* Slightly more premium active-state definition, without changing layout. */
  .brand-row .layer-chip.is-active,
  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-view-tab.is-active{
    box-shadow:
      0 3px 12px rgba(35,91,80,.065),
      inset 0 0 0 1px rgba(255,255,255,.28);
  }
}

@media (min-width:1500px){
  .brand-row .layer-chip{
    gap:7px;
  }

  #weatherViewNav.rc-desktop-weather-nav-v220 .weather-view-tab{
    gap:6px;
  }
}