/* Radar Česka V5.9.20 — Micro Polish Final
   Last micro-pass: stronger hero contrast, better CTA, better close buttons,
   and visible carousel arrows for hourly/daily in Aktuálně + Radar + mobile.
   CSS only.
*/

:root{
  --rc5920-accent:#10a28c;
  --rc5920-ink:#173b46;
  --rc5920-muted:#7c9198;
  --rc5920-line:rgba(22,63,74,.065);
}

/* ===== DESKTOP / TABLET ===== */
@media (min-width:701px){
  /* stronger hero panels */
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary{
    border-color:rgba(22,63,74,.075)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 24px rgba(22,56,65,.04)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>strong{
    text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>small{
    color:#59737c!important;
  }

  /* CTA stronger */
  .app-shell[data-mode="weather"] #modelPointCard .model-point-city-link,
  #placeCard.rc596-weather-detail .place-forecast-toggle,
  #placeCard.rc596-weather-detail .smart-now-explain{
    font-weight:880!important;
    letter-spacing:.005em!important;
    box-shadow:0 10px 18px rgba(12,139,116,.06), inset 0 1px 0 rgba(255,255,255,.8)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-city-link{color:#0b7a68!important}
  #placeCard.rc596-weather-detail .place-forecast-toggle b,
  #placeCard.rc596-weather-detail .smart-now-explain span{font-weight:900!important}

  /* close buttons more elegant */
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail .card-close,
  #placeCard.rc596-weather-detail .place-close{
    box-shadow:0 8px 20px rgba(18,55,64,.05), inset 0 1px 0 rgba(255,255,255,.92)!important;
    border-color:rgba(22,63,74,.08)!important;
  }

  /* forecast arrows: visible and positioned over tracks */
  #placeCard.rc596-weather-detail .forecast-scroll-shell,
  .app-shell[data-mode="weather"] #mobileSheet .forecast-scroll-shell,
  .app-shell[data-mode="weather"] #modelPointCard .forecast-scroll-shell{
    position:relative!important;
    padding-inline:18px!important;
  }
  #placeCard.rc596-weather-detail [data-forecast-scroll-track],
  #app[data-rc-weather-core="v574"] #mobileSheet [data-forecast-scroll-track]{
    padding-inline:2px!important;
    scroll-padding-inline:14px!important;
  }
  #placeCard.rc596-weather-detail .forecast-scroll-arrow,
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;height:32px!important;border-radius:16px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,247,248,.98))!important;
    border:1px solid rgba(22,63,74,.08)!important;
    color:#6d868d!important;
    box-shadow:0 10px 20px rgba(18,55,64,.07)!important;
    z-index:5!important;opacity:.98!important;
  }
  #placeCard.rc596-weather-detail .forecast-scroll-arrow.is-left,
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow.is-left{left:0!important}
  #placeCard.rc596-weather-detail .forecast-scroll-arrow.is-right,
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow.is-right{right:0!important}
  #placeCard.rc596-weather-detail .forecast-scroll-arrow[disabled],
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow[disabled]{opacity:.35!important}

  /* place card final softness */
  #placeCard.rc596-weather-detail .place-expanded-details{gap:14px!important}
  #placeCard.rc596-weather-detail .place-detail-section-head,
  #placeCard.rc596-weather-detail .weather-section-head,
  #placeCard.rc596-weather-detail .radar-place-head{
    align-items:center!important;
  }
  #placeCard.rc596-weather-detail .sun-summary{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 18px rgba(227,171,16,.05)!important;
  }
}

/* ===== MOBILE ===== */
@media (max-width:700px){
  /* premium but still compact */
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-radar-summary,
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-sun-line,
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-meteo-detail>span,
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-hourly-strip .hourly-item,
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-daily-list .daily-item{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
  }

  /* mobile arrows more obvious */
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-shell,
  .model-point-card.rc596-model-detail .forecast-scroll-shell{
    position:relative!important;
    padding-inline:16px!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow,
  .model-point-card.rc596-model-detail .forecast-scroll-arrow{
    position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
    width:30px!important;height:30px!important;border-radius:15px!important;z-index:6!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,247,248,.98))!important;
    border:1px solid rgba(22,63,74,.08)!important;color:#6c858d!important;
    box-shadow:0 8px 18px rgba(18,55,64,.07)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow.is-left,
  .model-point-card.rc596-model-detail .forecast-scroll-arrow.is-left{left:0!important}
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow.is-right,
  .model-point-card.rc596-model-detail .forecast-scroll-arrow.is-right{right:0!important}
  #app[data-rc-weather-core="v574"] #mobileSheet .forecast-scroll-arrow[disabled],
  .model-point-card.rc596-model-detail .forecast-scroll-arrow[disabled]{opacity:.35!important}

  /* model detail hero cards slightly stronger */
  .model-point-card.rc596-model-detail .model-point-primary{
    border-color:rgba(22,63,74,.07)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 18px rgba(18,55,64,.045)!important;
  }
  .model-point-card.rc596-model-detail .model-point-city-link{
    font-weight:880!important;
  }
  .model-point-card.rc596-model-detail .card-close{
    box-shadow:0 8px 18px rgba(18,55,64,.05), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
}