/* Radar Česka V5.9.21 — Seven Day Arrow Fix
   Fixes an older high-specificity rule that hid 7-day forecast arrows in the
   expanded Aktuálně/Radar place detail. Keeps scroll-state logic intact.
*/

@media (min-width:701px){
  /* Older V5.9.16 rule used display:none!important here. This selector is
     intentionally more specific so the current UI can expose the controls. */
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-shell{
    position:relative!important;
    padding:0 17px!important;
    overflow:visible!important;
  }

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:30px!important;
    height:30px!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(22,63,74,.09)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(242,247,248,.98))!important;
    color:#66828a!important;
    box-shadow:0 9px 20px rgba(18,55,64,.09),inset 0 1px 0 rgba(255,255,255,.92)!important;
    font:800 18px/1 system-ui,sans-serif!important;
    z-index:9!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease,transform .14s ease!important;
  }

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow.is-left{
    left:0!important;
  }
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow.is-right{
    right:0!important;
  }

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow.is-visible{
    opacity:.98!important;
    pointer-events:auto!important;
  }

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow.is-visible:hover,
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .forecast-scroll-arrow.is-visible:focus-visible{
    opacity:1!important;
    transform:translateY(-50%) scale(1.05)!important;
    outline:none!important;
  }

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section .daily-forecast-list{
    scroll-padding-left:17px!important;
    scroll-padding-right:17px!important;
  }
}

@media (max-width:700px){
  /* Same state-aware treatment on the mobile 7-day rail. */
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-daily-head + .forecast-scroll-shell{
    position:relative!important;
    padding:0 16px!important;
    overflow:visible!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-daily-head + .forecast-scroll-shell .forecast-scroll-arrow{
    display:flex!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-daily-head + .forecast-scroll-shell .forecast-scroll-arrow.is-visible{
    opacity:.98!important;
    pointer-events:auto!important;
  }
}
