/* Radar Česka V5.9.16 — Beauty Lift
   Final desktop beautification + proper upward lift.
   Built on top of V5.9.15. No JS/data/backend changes.
*/

@media (min-width:701px){
  /* Real upward lift so the card starts just under the submenu. */
  .app-shell[data-mode="weather"] #placeCard.rc596-weather-detail,
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail,
  .app-shell[data-mode="weather"] .incident-card{
    top:136px!important;
    bottom:auto!important;
  }
  @media (min-width:1101px){
    .app-shell[data-mode="weather"] .live-feed{top:136px!important;max-height:min(520px,calc(100dvh - 230px))!important}
    .app-shell[data-mode="weather"] .live-feed-chip{top:136px!important}
  }

  /* Main place card closer to the approved mock: elegant, lighter, less tall. */
  #placeCard.rc596-weather-detail{
    left:18px!important;
    width:min(344px,calc(100vw - 78px))!important;
    max-height:calc(100dvh - 158px)!important;
    padding:13px 13px 11px!important;
    border-radius:24px!important;
    border:1px solid rgba(20,61,72,.065)!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 18px 54px rgba(24,55,66,.10),0 2px 8px rgba(24,55,66,.04)!important;
    backdrop-filter:blur(18px) saturate(145%);
    overflow:auto;
  }
  #placeCard.rc596-weather-detail.is-expanded{
    width:min(366px,calc(100vw - 72px))!important;
    max-height:calc(100dvh - 150px)!important;
  }

  #placeCard.rc596-weather-detail .card-close{
    width:34px!important;height:34px!important;border-radius:12px!important;
    font-size:18px!important;color:#729097!important;
    background:linear-gradient(180deg,#fbfdfd,#f3f7f8)!important;
    border:1px solid rgba(22,63,74,.08)!important;
    box-shadow:0 3px 12px rgba(24,55,66,.05)!important;
  }

  #placeCard.rc596-weather-detail .place-kicker{
    font-size:7.5px!important;letter-spacing:.15em!important;color:#718c93!important;gap:7px!important;
  }
  #placeCard.rc596-weather-detail .place-dot{
    width:8px!important;height:8px!important;box-shadow:0 0 0 5px rgba(33,194,162,.11)!important;
  }
  #placeCard.rc596-weather-detail .place-title-heading{margin:4px 34px 0 0!important}
  #placeCard.rc596-weather-detail h2{
    font-size:18px!important;line-height:1.03!important;letter-spacing:-.04em!important;color:#103140!important;
  }
  #placeCard.rc596-weather-detail .place-subtitle{
    margin-top:2px!important;font-size:8.5px!important;color:#8b9ba1!important;font-weight:700!important;
  }

  /* Header block styled like the mock: smaller, cleaner, visually balanced. */
  #placeCard.rc596-weather-detail .place-current{
    grid-template-columns:42px minmax(86px,1fr) 114px!important;
    gap:8px!important;
    margin-top:8px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
    border:1px solid rgba(27,86,98,.065)!important;
    background:linear-gradient(180deg,#fcfefe,#f6fafb)!important;
  }
  #placeCard.rc596-weather-detail .place-weather-icon{
    width:42px!important;height:42px!important;border-radius:14px!important;
    background:#eff6f8!important;border:1px solid rgba(28,86,98,.05)!important;box-shadow:none!important;
  }
  #placeCard.rc596-weather-detail .place-weather-icon svg{width:27px!important;height:27px!important}
  #placeCard.rc596-weather-detail .place-current-copy{gap:1px!important}
  #placeCard.rc596-weather-detail .place-current-temp{font-size:28px!important;line-height:1!important;letter-spacing:-.05em!important;color:#143948!important}
  #placeCard.rc596-weather-detail .place-current-condition{font-size:9.9px!important;line-height:1.18!important;color:#254b58!important;margin-top:1px!important}
  #placeCard.rc596-weather-detail .place-current-copy small{font-size:7.6px!important;color:#7b9097!important;margin-top:1px!important}

  #placeCard.rc596-weather-detail .place-day-ranges{
    grid-template-columns:34px 1px minmax(0,1fr)!important;
    gap:7px!important;align-items:center!important;overflow:hidden!important;
  }
  #placeCard.rc596-weather-detail .place-day-separator{background:rgba(23,61,72,.08)!important}
  #placeCard.rc596-weather-detail .place-day-range{gap:2px!important;min-width:0!important}
  #placeCard.rc596-weather-detail .place-day-range>span{
    font-size:6.8px!important;letter-spacing:.04em!important;color:#91a1a7!important;
  }
  #placeCard.rc596-weather-detail .place-day-range-values{gap:2px!important}
  #placeCard.rc596-weather-detail .place-day-range-values strong,
  #placeCard.rc596-weather-detail .place-day-range-values small{font-size:10.1px!important;line-height:1!important}
  #placeCard.rc596-weather-detail .place-day-range-values small::before{margin-right:2px!important}
  #placeCard.rc596-weather-detail .place-day-range-main{grid-template-columns:20px minmax(0,1fr)!important;gap:4px!important}
  #placeCard.rc596-weather-detail .place-day-weather-icon{width:20px!important;height:20px!important;border-radius:7px!important;background:#f0f6f8!important}
  #placeCard.rc596-weather-detail .place-day-weather-icon svg{width:15px!important;height:15px!important}
  #placeCard.rc596-weather-detail .place-day-range-copy em{font-size:6.3px!important;color:#83979d!important}

  /* Insight block becomes closer to the polished mock: nicer spacing, less noise. */
  #placeCard.rc596-weather-detail .smart-now-card{
    margin-top:9px!important;padding:10px 10px 9px!important;border-radius:16px!important;
    border:1px solid rgba(11,167,142,.10)!important;background:linear-gradient(180deg,#fdfffe,#f5fbf9)!important;
  }
  #placeCard.rc596-weather-detail .smart-now-card:before{top:11px!important;bottom:11px!important;width:3px!important}
  #placeCard.rc596-weather-detail .smart-now-head{margin-bottom:4px!important}
  #placeCard.rc596-weather-detail .smart-now-head b{font-size:8.4px!important;letter-spacing:.01em!important}
  #placeCard.rc596-weather-detail .smart-now-head em{font-size:7px!important;padding:3px 6px!important;border-radius:999px!important}
  #placeCard.rc596-weather-detail .smart-now-card>strong{font-size:11.9px!important;line-height:1.16!important;color:#173c48!important}
  #placeCard.rc596-weather-detail .smart-now-card>p{font-size:8.5px!important;line-height:1.36!important;color:#5a737b!important;margin-top:4px!important}
  #placeCard.rc596-weather-detail .smart-now-explain{font-size:7.6px!important;color:#607b83!important}

  /* PointCast / short-range tiles. */
  #placeCard.rc596-weather-detail .rc579-rain-strip{margin-top:7px!important;gap:4px!important}
  #placeCard.rc596-weather-detail .rc579-rain-strip>span,
  #placeCard.rc596-weather-detail .rc579-rain-strip>div{
    min-height:38px!important;padding:6px 5px!important;border-radius:10px!important;background:#fbfcfd!important;
  }
  #placeCard.rc596-weather-detail .rc579-rain-strip strong{font-size:7.7px!important}
  #placeCard.rc596-weather-detail .rc579-rain-strip small{font-size:6.2px!important}

  /* Small 4-column glance row. */
  #placeCard.rc596-weather-detail .rc596-glance{
    margin-top:8px!important;padding:8px 0!important;border-top:1px solid rgba(25,63,74,.055)!important;border-bottom:1px solid rgba(25,63,74,.055)!important;
  }
  #placeCard.rc596-weather-detail .rc596-glance>span{padding:0 5px!important}
  #placeCard.rc596-weather-detail .rc596-glance small{font-size:6.4px!important;color:#8d9ea4!important}
  #placeCard.rc596-weather-detail .rc596-glance strong{font-size:8.8px!important;color:#1d414c!important;margin-top:3px!important}

  /* Following hours row. */
  #placeCard.rc596-weather-detail .place-hourly-preview{margin-top:9px!important;padding:0!important;background:transparent!important;border:0!important}
  #placeCard.rc596-weather-detail .weather-section-head{margin-bottom:5px!important}
  #placeCard.rc596-weather-detail .weather-section-head strong{font-size:9.8px!important}
  #placeCard.rc596-weather-detail .weather-section-head small{font-size:6.9px!important;color:#95a4aa!important}
  #placeCard.rc596-weather-detail .hourly-strip{gap:5px!important}
  #placeCard.rc596-weather-detail .hourly-item{
    flex:0 0 49px!important;min-width:49px!important;padding:6px 3px 5px!important;border-radius:11px!important;gap:3px!important;
    border:1px solid rgba(24,66,78,.06)!important;background:#fbfcfd!important;
  }
  #placeCard.rc596-weather-detail .hourly-item:first-child{background:#f0fbf8!important;border-color:rgba(11,167,142,.13)!important}
  #placeCard.rc596-weather-detail .hourly-item>span{font-size:6.9px!important;color:#799097!important}
  #placeCard.rc596-weather-detail .hourly-item i,
  #placeCard.rc596-weather-detail .hourly-item i svg{width:19px!important;height:19px!important}
  #placeCard.rc596-weather-detail .hourly-item strong{font-size:9.4px!important;color:#173845!important}
  #placeCard.rc596-weather-detail .hourly-item small{font-size:6.1px!important;line-height:1.1!important;min-height:12px!important}

  #placeCard.rc596-weather-detail .place-actions{margin-top:6px!important}
  #placeCard.rc596-weather-detail .place-forecast-toggle{
    height:32px!important;padding:0 9px!important;border-radius:11px!important;
    background:#f5f9fa!important;border:1px solid rgba(24,66,78,.055)!important;color:#264a56!important;font-size:8.5px!important;font-weight:800!important;
  }

  /* Expanded detail becomes denser and prettier. */
  #placeCard.rc596-weather-detail .place-expanded-details{padding-top:7px!important}
  #placeCard.rc596-weather-detail .place-detail-section-head{margin:0 1px 5px!important}
  #placeCard.rc596-weather-detail .place-detail-section-head strong{font-size:9.5px!important;color:#173845!important}
  #placeCard.rc596-weather-detail .place-detail-section-head small{font-size:6.9px!important;color:#99a8ad!important}

  #placeCard.rc596-weather-detail .weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:0!important}
  #placeCard.rc596-weather-detail .weather-metrics div{
    min-height:42px!important;padding:7px 5px 7px 28px!important;border-radius:10px!important;
    background:#f8fbfc!important;border:1px solid rgba(24,66,78,.045)!important;
  }
  #placeCard.rc596-weather-detail .weather-metrics div::before{left:8px!important;width:13px!important;height:13px!important;background-size:13px 13px!important;opacity:.75!important}
  #placeCard.rc596-weather-detail .weather-metrics span{font-size:6.5px!important;color:#91a1a7!important}
  #placeCard.rc596-weather-detail .weather-metrics strong{font-size:9.1px!important;color:#163947!important}

  #placeCard.rc596-weather-detail .meteo-detail-line{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important;margin-top:4px!important}
  #placeCard.rc596-weather-detail .meteo-detail-line>span{padding:6px 5px!important;border-radius:9px!important;background:#f8fbfc!important;border:1px solid rgba(24,66,78,.04)!important}
  #placeCard.rc596-weather-detail .meteo-detail-line small{font-size:6px!important;color:#94a4a9!important}
  #placeCard.rc596-weather-detail .meteo-detail-line strong{font-size:8.3px!important;color:#173845!important}

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 9px!important}
  #placeCard.rc596-weather-detail.is-expanded .place-detail-section-head,
  #placeCard.rc596-weather-detail.is-expanded #placeWeatherMetrics,
  #placeCard.rc596-weather-detail.is-expanded #placeMeteoDetail,
  #placeCard.rc596-weather-detail.is-expanded .radar-place-head,
  #placeCard.rc596-weather-detail.is-expanded .place-forecast-grid,
  #placeCard.rc596-weather-detail.is-expanded .place-insight,
  #placeCard.rc596-weather-detail.is-expanded .place-data-sources{grid-column:1 / -1}
  #placeCard.rc596-weather-detail.is-expanded .sun-summary{grid-column:1 / 2;min-height:82px!important;padding:8px!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(255,249,231,.80),rgba(255,255,255,.85))!important;border:1px solid rgba(226,169,34,.13)!important}
  #placeCard.rc596-weather-detail.is-expanded .sun-summary-icon{width:23px!important;height:23px!important;font-size:12px!important}
  #placeCard.rc596-weather-detail.is-expanded .sun-summary strong{font-size:9.1px!important}
  #placeCard.rc596-weather-detail.is-expanded .sun-summary small{font-size:6.9px!important}
  #placeCard.rc596-weather-detail.is-expanded .sun-track{height:5px!important}

  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details > .weather-forecast-section{grid-column:2 / 3;margin-top:0!important;padding-top:0!important;border-top:0!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .weather-section-head{margin-bottom:5px!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .forecast-scroll-shell{padding:0!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .forecast-scroll-arrow{display:none!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-forecast-list{display:flex!important;gap:5px!important;overflow-x:auto!important;padding-bottom:2px;scrollbar-width:none}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-forecast-list::-webkit-scrollbar{display:none}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item{flex:0 0 54px!important;min-height:84px!important;padding:6px 4px!important;border-radius:10px!important;gap:3px!important;background:#fbfcfd!important;border:1px solid rgba(24,66,78,.05)!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item[data-day-index="0"]{background:#f0fbf8!important;border-color:rgba(11,167,142,.12)!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item>span{font-size:6.8px!important;color:#536a73!important;font-weight:800!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item i,
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item i svg{width:17px!important;height:17px!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item strong{font-size:9.3px!important;line-height:1.02!important;color:#173845!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item strong em{display:block;margin-top:2px!important;font-size:7.2px!important;color:#7e9198!important;font-style:normal!important}
  #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item small{font-size:5.9px!important;line-height:1.16!important;color:#70858d!important;white-space:normal!important;text-align:center!important}

  #placeCard.rc596-weather-detail .radar-place-head{margin-top:2px!important;padding-top:8px!important;border-top:1px solid rgba(24,66,78,.055)!important}
  #placeCard.rc596-weather-detail .radar-place-head strong{font-size:9.6px!important;color:#173845!important}
  #placeCard.rc596-weather-detail .radar-place-head small{font-size:6.8px!important;color:#83979d!important}
  #placeCard.rc596-weather-detail .radar-place-head b{font-size:6.6px!important;padding:3px 6px!important;border-radius:999px!important;background:#ebf8f4!important;color:#11846f!important}
  #placeCard.rc596-weather-detail .place-forecast-grid{gap:5px!important;margin-top:6px!important}
  #placeCard.rc596-weather-detail .place-forecast-grid div{padding:7px 6px!important;border-radius:10px!important;background:#f8fbfc!important;border:1px solid rgba(24,66,78,.04)!important}
  #placeCard.rc596-weather-detail .place-forecast-grid span{font-size:6.6px!important;color:#8d9ea4!important}
  #placeCard.rc596-weather-detail .place-forecast-grid strong{font-size:8.4px!important;color:#173845!important}
  #placeCard.rc596-weather-detail .place-insight{padding:7px 8px!important;border-radius:9px!important;background:#f6fbfa!important;border:1px solid rgba(11,167,142,.075)!important;font-size:7.3px!important;line-height:1.4!important;color:#607982!important}
  #placeCard.rc596-weather-detail .place-data-sources{margin-top:0!important;padding-top:0!important;border-top:0!important;opacity:1!important}
  #placeCard.rc596-weather-detail .place-data-sources summary{font-size:7.5px!important;color:#607982!important;padding-top:2px!important}

  /* Model card gets the same upward placement and lighter sizing. */
  #modelPointCard.rc596-model-detail{
    left:18px!important;
    width:min(326px,calc(100vw - 80px))!important;
    max-height:calc(100dvh - 160px)!important;
    border-radius:22px!important;
    border:1px solid rgba(20,61,72,.065)!important;
    box-shadow:0 18px 54px rgba(24,55,66,.10),0 2px 8px rgba(24,55,66,.04)!important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .app-shell[data-mode="weather"] #placeCard.rc596-weather-detail,
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail,
  .app-shell[data-mode="weather"] .incident-card{top:128px!important}

  #placeCard.rc596-weather-detail{width:min(338px,calc(100vw - 60px))!important}
  #placeCard.rc596-weather-detail.is-expanded{width:min(356px,calc(100vw - 54px))!important}
  #placeCard.rc596-weather-detail .place-current{grid-template-columns:40px minmax(80px,1fr) 110px!important;gap:7px!important}
  #placeCard.rc596-weather-detail .place-current-temp{font-size:26px!important}
  #placeCard.rc596-weather-detail .place-day-ranges{grid-template-columns:32px 1px minmax(0,1fr)!important;gap:6px!important}
  #placeCard.rc596-weather-detail .place-day-range-values strong,
  #placeCard.rc596-weather-detail .place-day-range-values small{font-size:9.8px!important}
}