/* Radar Česka V5.9.13 — Place Card Restyle Desktop-only restyle to make the place card smaller, cleaner, and closer to the approved mock. */ @media (min-width:701px){ #placeCard.rc596-weather-detail{ width:min(398px,calc(100vw - 110px))!important; max-height:min(760px,calc(100dvh - 132px))!important; padding:16px 16px 14px!important; border-radius:24px!important; background:rgba(255,255,255,.985)!important; border:1px solid rgba(22,65,76,.08)!important; box-shadow:0 18px 52px rgba(24,55,66,.12),0 2px 7px rgba(24,55,66,.04)!important; backdrop-filter:blur(18px) saturate(145%); overflow:auto; } #placeCard.rc596-weather-detail.is-expanded{ width:min(420px,calc(100vw - 96px))!important; max-height:min(820px,calc(100dvh - 118px))!important; } #placeCard.rc596-weather-detail .card-close{ width:40px;height:40px;border-radius:13px;font-size:21px;line-height:1;color:#688088; background:linear-gradient(180deg,#fbfdfe,#f4f7f8)!important;border:1px solid rgba(24,66,78,.08);box-shadow:0 3px 10px rgba(24,55,66,.05); } #placeCard.rc596-weather-detail .place-kicker{ display:flex;align-items:center;gap:8px;font-size:8px!important;letter-spacing:.14em!important;color:#6f8990!important; } #placeCard.rc596-weather-detail .place-dot{width:9px;height:9px;border-radius:50%;background:#24bea0;box-shadow:0 0 0 6px rgba(36,190,160,.10)} #placeCard.rc596-weather-detail .place-title-heading{margin:7px 42px 1px 0!important} #placeCard.rc596-weather-detail h2{font-size:21px!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#123646!important} #placeCard.rc596-weather-detail .place-subtitle{margin-top:2px;font-size:9.5px!important;color:#84959b;font-weight:700} #placeCard.rc596-weather-detail .place-current{ grid-template-columns:52px minmax(0,1fr) 132px!important; gap:11px!important;align-items:center;margin-top:11px;padding:12px 12px!important;border-radius:18px!important; border:1px solid rgba(31,86,98,.07)!important;background:linear-gradient(180deg,#fbfdfe,#f6fafb)!important;box-shadow:none!important; } #placeCard.rc596-weather-detail .place-weather-icon{width:52px!important;height:52px!important;border-radius:15px!important;background:#f0f6f8!important;border:1px solid rgba(31,86,98,.05)!important;box-shadow:none!important} #placeCard.rc596-weather-detail .place-weather-icon svg{width:34px!important;height:34px!important} #placeCard.rc596-weather-detail .place-current-temp{font-size:34px!important;line-height:1!important;letter-spacing:-.045em;color:#143949} #placeCard.rc596-weather-detail .place-current-condition{margin-top:2px;font-size:10.8px!important;font-weight:780;color:#294f5c} #placeCard.rc596-weather-detail .place-current-copy small{margin-top:2px;font-size:8.6px!important;color:#7b9097!important} #placeCard.rc596-weather-detail .place-day-ranges{display:grid!important;grid-template-columns:auto 1px 1fr;gap:9px;align-items:center;min-width:0} #placeCard.rc596-weather-detail .place-day-ranges[hidden]{display:none!important} #placeCard.rc596-weather-detail .place-day-separator{background:rgba(23,61,72,.08);align-self:stretch;border-radius:99px} #placeCard.rc596-weather-detail .place-day-range{display:grid;gap:4px;min-width:0} #placeCard.rc596-weather-detail .place-day-range>span{font-size:8px;font-weight:850;color:#8a9ea5;text-transform:none;letter-spacing:.04em} #placeCard.rc596-weather-detail .place-day-range-main{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center} #placeCard.rc596-weather-detail .place-day-weather-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f0f6f8;border:1px solid rgba(31,86,98,.05);color:#70878f} #placeCard.rc596-weather-detail .place-day-weather-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round} #placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="sun"]{color:#e0a219} #placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="rain"],#placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="showers"],#placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="drizzle"]{color:#287fc5} #placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="storm"]{color:#7659c8} #placeCard.rc596-weather-detail .place-day-weather-icon[data-weather="cloud"]{color:#748991} #placeCard.rc596-weather-detail .place-day-range-copy{display:grid;gap:2px} #placeCard.rc596-weather-detail .place-day-range-values{display:flex;align-items:baseline;gap:4px;white-space:nowrap} #placeCard.rc596-weather-detail .place-day-range-values strong{font-size:13px;line-height:1;color:#173845;font-weight:800} #placeCard.rc596-weather-detail .place-day-range-values small{font-size:13px;line-height:1;color:#74878f;font-weight:800} #placeCard.rc596-weather-detail .place-day-range-values small::before{content:'/';display:inline-block;margin-right:4px;color:#98a8ad} #placeCard.rc596-weather-detail .place-day-range-copy em{font-style:normal;font-size:8px;line-height:1.25;color:#789098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #placeCard.rc596-weather-detail .smart-now-card{ margin-top:11px!important;padding:13px 13px 12px!important;border-radius:17px!important;background:linear-gradient(180deg,#fcfffe,#f5fbf9)!important;border:1px solid rgba(11,167,142,.10)!important;box-shadow:none!important; } #placeCard.rc596-weather-detail .smart-now-card:before{top:14px!important;bottom:14px!important;width:3px} #placeCard.rc596-weather-detail .smart-now-head b{font-size:9.8px!important;color:#1f4450} #placeCard.rc596-weather-detail .smart-now-head em{font-size:8.4px!important;font-style:normal;padding:4px 7px;border-radius:999px;background:rgba(17,131,111,.10);color:#11836f} #placeCard.rc596-weather-detail .smart-now-card>strong{font-size:13.2px!important;color:#173c48} #placeCard.rc596-weather-detail .smart-now-card>p{font-size:9.6px!important;line-height:1.45!important;color:#577079} #placeCard.rc596-weather-detail .smart-now-explain{font-size:8.8px!important} #placeCard.rc596-weather-detail .rc596-glance{margin-top:11px!important;padding:11px 0!important;border-top:1px solid rgba(25,63,74,.06);border-bottom:1px solid rgba(25,63,74,.06)} #placeCard.rc596-weather-detail .rc596-glance>span{padding:0 8px} #placeCard.rc596-weather-detail .rc596-glance small{font-size:7.3px!important;color:#8a9ca2!important} #placeCard.rc596-weather-detail .rc596-glance strong{font-size:10.8px!important;color:#1f404b!important;margin-top:4px} #placeCard.rc596-weather-detail .place-hourly-preview{margin-top:12px!important;padding:0!important;border:0!important;background:transparent!important} #placeCard.rc596-weather-detail .weather-section-head{margin-bottom:7px!important} #placeCard.rc596-weather-detail .weather-section-head strong{font-size:11px!important;color:#173845} #placeCard.rc596-weather-detail .weather-section-head small{font-size:8px!important;color:#8ea1a6} #placeCard.rc596-weather-detail .hourly-strip{gap:6px!important;padding-bottom:3px} #placeCard.rc596-weather-detail .hourly-item{flex:0 0 58px!important;min-width:58px!important;padding:8px 5px 7px!important;border-radius:12px!important;border:1px solid rgba(24,66,78,.07)!important;background:#fbfcfd!important;gap:4px!important} #placeCard.rc596-weather-detail .hourly-item:first-child{background:#f0fbf8!important;border-color:rgba(11,167,142,.14)!important} #placeCard.rc596-weather-detail .hourly-item>span{font-size:8px!important;color:#748990} #placeCard.rc596-weather-detail .hourly-item i,#placeCard.rc596-weather-detail .hourly-item i svg{width:24px!important;height:24px!important} #placeCard.rc596-weather-detail .hourly-item strong{font-size:11.2px!important;color:#163946} #placeCard.rc596-weather-detail .hourly-item small{font-size:7px!important;color:#6c8892!important;line-height:1.15;min-height:16px} #placeCard.rc596-weather-detail .place-actions{margin-top:10px!important} #placeCard.rc596-weather-detail .place-forecast-toggle{height:38px!important;padding:0 12px!important;border-radius:13px!important;background:#f5f9fa!important;border:1px solid rgba(24,66,78,.06)!important;color:#274b57!important;font-size:9.8px!important;font-weight:800} #placeCard.rc596-weather-detail .place-expanded-details{padding-top:11px!important} #placeCard.rc596-weather-detail .place-detail-section-head{margin:0 1px 7px!important;display:flex;align-items:baseline;justify-content:space-between} #placeCard.rc596-weather-detail .place-detail-section-head strong{font-size:11px!important;color:#173845} #placeCard.rc596-weather-detail .place-detail-section-head small{font-size:8px!important;color:#8ea1a6} #placeCard.rc596-weather-detail .weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:0!important} #placeCard.rc596-weather-detail .weather-metrics div{position:relative;padding:10px 9px 10px 38px!important;border-radius:12px!important;background:#f7fafc!important;border:1px solid rgba(24,66,78,.05)!important;min-height:56px} #placeCard.rc596-weather-detail .weather-metrics div::before{content:'';position:absolute;left:11px;top:50%;width:18px;height:18px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:18px 18px;opacity:.78} #placeCard.rc596-weather-detail .weather-metrics div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8a4 4 0 1 1-4-6.8V3'/%3E%3Cpath d='M10 14a2 2 0 1 0 4 0c0-1.4-2-2.2-2-4'/%3E%3C/svg%3E")} #placeCard.rc596-weather-detail .weather-metrics div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 5.1 5 9a5 5 0 0 1-10 0c0-3.9 5-9 5-9Z'/%3E%3C/svg%3E")} #placeCard.rc596-weather-detail .weather-metrics div:nth-child(3)::before, #placeCard.rc596-weather-detail .weather-metrics div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h12'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M5 17h8'/%3E%3C/svg%3E")} #placeCard.rc596-weather-detail .weather-metrics div:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M5.6 5.6 7.7 7.7'/%3E%3Cpath d='M3 12h3'/%3E%3Cpath d='M18 12h3'/%3E%3Cpath d='M16.3 7.7 18.4 5.6'/%3E%3Cpath d='M12 12 16 8'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E")} #placeCard.rc596-weather-detail .weather-metrics div:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s5 5.1 5 9a5 5 0 0 1-10 0c0-3.9 5-9 5-9Z'/%3E%3Cpath d='M17 15.2c-.8.9-2.1 1.5-3.4 1.5'/%3E%3C/svg%3E")} #placeCard.rc596-weather-detail .weather-metrics span{font-size:8px!important;color:#8699a0} #placeCard.rc596-weather-detail .weather-metrics strong{font-size:11.7px!important;color:#183a47} #placeCard.rc596-weather-detail .meteo-detail-line{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;margin-top:6px!important} #placeCard.rc596-weather-detail .meteo-detail-line>span{padding:8px 7px!important;border-radius:11px!important;background:#f8fbfc!important;border:1px solid rgba(24,66,78,.04)!important} #placeCard.rc596-weather-detail .meteo-detail-line small{font-size:7.5px!important;color:#8ea1a6} #placeCard.rc596-weather-detail .meteo-detail-line strong{font-size:10.5px!important;color:#173845} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px} #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;margin-top:0!important;padding:10px 10px!important;border-radius:13px!important;min-height:104px;border:1px solid rgba(226,169,34,.14)!important;background:linear-gradient(180deg,rgba(255,249,231,.82),rgba(255,255,255,.85))!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-areas:"icon copy" "track track"!important;gap:10px!important} #placeCard.rc596-weather-detail.is-expanded .sun-summary-icon{grid-area:icon;width:28px!important;height:28px!important;font-size:15px!important} #placeCard.rc596-weather-detail.is-expanded .sun-summary>div:nth-child(2){grid-area:copy} #placeCard.rc596-weather-detail.is-expanded .sun-summary strong{font-size:10.8px!important} #placeCard.rc596-weather-detail.is-expanded .sun-summary small{font-size:8.3px!important} #placeCard.rc596-weather-detail.is-expanded .sun-track{grid-area:track;height:6px!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:6px!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:6px!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 66px;display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:4px;padding:8px 6px!important;border-radius:12px!important;background:#fbfcfd!important;border:1px solid rgba(24,66,78,.06)!important;min-height:102px} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item[data-day-index="0"]{background:#f0fbf8!important;border-color:rgba(11,167,142,.13)!important} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item>span{font-size:8px!important;color:#4f6770;font-weight:800} #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:22px!important;height:22px!important} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item strong{font-size:11.5px!important;line-height:1.05;text-align:center!important;color:#173845} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item strong em{display:block;margin:2px 0 0!important;font-size:8.8px!important;color:#7a8e95;font-style:normal} #placeCard.rc596-weather-detail.is-expanded .place-expanded-details .daily-item small{font-size:7.2px!important;line-height:1.2!important;color:#6e838b;text-align:center!important;white-space:normal!important} #placeCard.rc596-weather-detail .radar-place-head{margin-top:4px!important;padding-top:10px!important;border-top:1px solid rgba(24,66,78,.06)!important} #placeCard.rc596-weather-detail .radar-place-head strong{font-size:11px!important;color:#173845} #placeCard.rc596-weather-detail .radar-place-head small{font-size:8px!important;color:#7b8f96} #placeCard.rc596-weather-detail .radar-place-head b{font-size:7.7px!important;padding:4px 7px!important;border-radius:999px;background:#ebf8f4!important;color:#12856f} #placeCard.rc596-weather-detail .place-forecast-grid{gap:6px!important;margin-top:8px!important} #placeCard.rc596-weather-detail .place-forecast-grid div{padding:9px 8px!important;border-radius:11px!important;background:#f7fafc!important;border:1px solid rgba(24,66,78,.05)!important} #placeCard.rc596-weather-detail .place-forecast-grid span{font-size:8px!important;color:#7f949b} #placeCard.rc596-weather-detail .place-forecast-grid strong{font-size:10.5px!important;color:#173845} #placeCard.rc596-weather-detail .place-insight{padding:9px 10px!important;border-radius:11px!important;background:#f6fbfa!important;border:1px solid rgba(11,167,142,.08)!important;font-size:8.8px!important;line-height:1.45!important;color:#607a82} #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:8.8px!important;color:#607a82;padding-top:2px} #modelPointCard.rc596-model-detail{width:min(364px,calc(100vw - 110px))!important;border-radius:22px!important;background:rgba(255,255,255,.985)!important;border:1px solid rgba(22,65,76,.08)!important;box-shadow:0 18px 52px rgba(24,55,66,.12),0 2px 7px rgba(24,55,66,.04)!important} } @media (min-width:701px) and (max-width:1280px){ #placeCard.rc596-weather-detail{width:min(384px,calc(100vw - 88px))!important} #placeCard.rc596-weather-detail.is-expanded{width:min(404px,calc(100vw - 80px))!important} #placeCard.rc596-weather-detail .place-current{grid-template-columns:48px minmax(0,1fr) 124px!important;gap:9px!important} #placeCard.rc596-weather-detail .place-current-temp{font-size:31px!important} #placeCard.rc596-weather-detail .place-day-range-values strong,#placeCard.rc596-weather-detail .place-day-range-values small{font-size:12px} }