/* Radar Česka V5.7.13 · Mobile Nav Air Gap
   Corrects the remaining mobile primary-nav spacing issue from V5.7.12.
   Root cause: an older mobile rule still keeps .layer-chips as a 7-column CSS grid.
   Fixed-width cards placed into those grid tracks can visually overflow the track gap,
   so the declared gap exists in CSS but disappears on screen.

   V5.7.13 makes the five visible primary modes a real flex row on mobile.
   The gap is therefore physical space between the cards, not a decorative border.
   Desktop alignment and V5.7.11 sticky-live behavior are untouched.
*/

@media (max-width:700px){
  .layer-chips{
    display:flex!important;
    grid-template-columns:none!important;
    width:max-content!important;
    max-width:calc(100vw - 12px)!important;
    gap:3px!important;
    column-gap:3px!important;
    row-gap:3px!important;
    padding:0!important;
    margin-top:4px!important;
    overflow:visible!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    background:transparent!important;
  }

  .layer-chip,
  .layer-chip:nth-of-type(n+4),
  .layer-chip:nth-of-type(n+6),
  .rc-mobile-alert-chip{
    flex:0 0 clamp(63px,17.2vw,67px)!important;
    width:clamp(63px,17.2vw,67px)!important;
    min-width:clamp(63px,17.2vw,67px)!important;
    max-width:67px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background-clip:padding-box!important;
  }
}

@media (max-width:370px){
  .layer-chips{
    gap:2px!important;
    column-gap:2px!important;
  }
  .layer-chip,
  .layer-chip:nth-of-type(n+4),
  .layer-chip:nth-of-type(n+6),
  .rc-mobile-alert-chip{
    flex-basis:61px!important;
    width:61px!important;
    min-width:61px!important;
    max-width:61px!important;
  }
}