/* Radar Česka V5.7.11 · Centered Nav + Mobile Micro-gap
   Visual-only refinements:
   - desktop secondary weather navigation is centered in the available header width;
   - mobile primary product cards have a deliberate 2px breathing gap and a subtle
     hairline so each card has a clear end without becoming visually heavy;
   - vertical dimensions and V5.7.10 compact widths stay unchanged.
*/

@media (min-width:701px){
  /* V5.7.10 made the deck compact; centering now makes the shorter deck feel
     intentional instead of left-truncated. */
  #weatherViewNav.weather-view-nav.weather-navigation-v120{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:700px){
  .layer-chips{
    gap:2px!important;
    column-gap:2px!important;
    padding-left:1px!important;
    padding-right:1px!important;
    background:transparent!important;
  }
  .layer-chip,
  .layer-chip:nth-of-type(n+4),
  .layer-chip:nth-of-type(n+6),
  .rc-mobile-alert-chip{
    background-clip:padding-box!important;
    box-shadow:
      0 3px 9px rgba(34,62,72,.05),
      inset 0 0 0 1px rgba(38,77,86,.055)!important;
  }
  .layer-chip.is-active{
    box-shadow:
      0 3px 10px rgba(24,126,108,.07),
      inset 0 0 0 1px rgba(10,176,147,.15)!important;
  }
}
