/* Radarinfo: grafika miasta, prywatny radar i udostępnianie. */
.ec-news-hub--radar { --ec-news-ink:#10243b; --ec-news-muted:#607087; --ec-news-accent:#0c6594; --ec-news-accent-dark:#084a70; background:#f5f8fb; }
.ec-news-hub--home.ec-news-hub--radar { padding-top:0; }
.ec-news-hub--radar .ec-news-heading { margin-bottom:22px; }
.ec-news-hub--radar .ec-news-categories--city { flex-wrap:wrap; margin:0 0 25px; }
.ec-news-hub--radar .ec-news-categories--city .ec-news-categories__label { color:#344b61; }
.ec-news-hub--radar .ec-news-category__count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; margin-left:7px; padding:0 6px; border-radius:999px; background:rgba(12,101,148,.1); font-size:11px; }
.ec-news-hub--radar .ec-news-category.is-active .ec-news-category__count { background:rgba(255,255,255,.22); }
.ec-news-hub--radar .ec-news-category[data-category-id]::before { content:""; width:15px; height:15px; flex:0 0 15px; margin-right:7px; border:2px solid currentColor; border-radius:5px; opacity:.7; }
.ec-news-hub--radar .ec-news-category[data-category-id].is-active::before { background:#fff; border-color:#fff; opacity:1; }
.ec-news-hub--radar .ec-news-category[data-category-id].is-active::after { content:""; position:absolute; left:20px; top:12px; width:5px; height:9px; border-right:2px solid #075785; border-bottom:2px solid #075785; transform:rotate(45deg); }
.ec-news-hub--radar .ec-news-category[data-category-id] { position:relative; }
.radar-content-nav { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:0 0 24px; padding:6px; border:1px solid #dce6ef; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(14,45,72,.04); }
.radar-content-nav a { display:inline-flex; align-items:center; min-height:38px; padding:8px 15px; border-radius:10px; color:#344b61; font-size:14px; font-weight:750; text-decoration:none; }
.radar-content-nav a:hover,.radar-content-nav a:focus-visible,.radar-content-nav a[aria-current] { background:#e9f3f8; color:#075785; text-decoration:none; }
.radar-content-nav .radar-content-nav__join { margin-left:auto; background:#102f48; color:#fff; }
.radar-content-nav .radar-content-nav__join:hover { background:#075785; color:#fff; }
.radar-feature { position:relative; display:flex; align-items:center; min-height:385px; overflow:hidden; margin:0 0 32px; border-radius:25px; background:#0a2034; isolation:isolate; box-shadow:0 24px 55px rgba(12,34,55,.18); }
.radar-feature__image,.radar-feature__shade { position:absolute; inset:0; z-index:-1; }
.radar-feature__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center 52%; }
.radar-feature__shade { background:linear-gradient(90deg,rgba(5,23,40,.92) 0%,rgba(7,27,45,.8) 31%,rgba(7,30,49,.35) 66%,rgba(8,25,41,.1) 100%); }
.radar-feature__content { max-width:720px; padding:46px clamp(28px,5vw,70px); color:#fff; }
.radar-feature__eyebrow,.radar-kicker { display:inline-flex; align-items:center; gap:8px; color:#8ce4e1; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.radar-feature h2 { margin:16px 0 12px; color:#fff; font-size:clamp(40px,5.2vw,70px); font-weight:850; letter-spacing:-.045em; line-height:1.02; text-transform:none; }
.radar-feature p { max-width:570px; margin:0; color:#e5eff6; font-size:clamp(16px,1.7vw,19px); line-height:1.55; }
.radar-feature__meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; color:#d5e8f0; font-size:13px; font-weight:650; }
.radar-feature__meta span { display:inline-flex; align-items:center; gap:8px; }
.radar-feature__meta i { color:#8ce4e1; }
.radar-feature__actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-top:27px; }
.radar-feature__actions a { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:45px; padding:11px 18px; border:1px solid #fff; border-radius:10px; background:#fff; color:#10324b; font-size:14px; font-weight:800; text-decoration:none; }
.radar-feature__actions a:hover,.radar-feature__actions a:focus-visible { background:#dff5f4; border-color:#dff5f4; color:#10324b; }
.radar-feature__actions a+a { background:rgba(255,255,255,.08); color:#fff; }
.radar-feature__actions a+a:hover { background:rgba(255,255,255,.2); color:#fff; }
.radar-county-picker { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 25px; padding:25px clamp(22px,3vw,38px); border:1px solid #cddfeb; border-radius:21px; background:linear-gradient(115deg,#e6f4f5 0%,#fff 70%); box-shadow:0 15px 36px rgba(17,57,78,.08); }
.radar-county-picker__intro { min-width:0; }
.radar-county-picker__eyebrow { display:inline-flex; align-items:center; gap:7px; margin-bottom:6px; color:#0b7693; font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.radar-county-picker__intro strong { display:block; margin:0; color:#102e45; font-size:clamp(23px,2.4vw,31px); font-weight:850; line-height:1.15; }
.radar-county-picker__intro p { margin:7px 0 0; color:#607487; font-size:14px; }
.radar-county-picker__control { width:min(100%,670px); flex:0 0 auto; }
.radar-county-picker__fields { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.radar-county-picker__fields label { display:block; margin:0 0 7px; color:#34536a; font-size:12px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.radar-county-picker__select-wrap { position:relative; display:flex; align-items:center; }
.radar-county-picker__select-wrap>i:first-child { position:absolute; left:19px; z-index:1; color:#0b7992; font-size:21px; pointer-events:none; }
.radar-county-picker select { width:100%; min-height:62px; padding:12px 40px 12px 46px; appearance:none; border:2px solid #94c9d0; border-radius:14px; background:#fff; color:#102e45; font:inherit; font-size:16px; font-weight:800; cursor:pointer; box-shadow:0 7px 18px rgba(11,73,98,.08); }
.radar-county-picker select:hover { border-color:#0c8097; }
.radar-county-picker select:disabled { border-color:#d6e2e9; background:#f3f7f9; color:#768d9c; cursor:not-allowed; box-shadow:none; }
.radar-county-picker select:focus-visible { outline:3px solid #0c8097; outline-offset:3px; }
.radar-county-picker__chevron { position:absolute; right:18px; color:#0c6982; font-size:22px; pointer-events:none; }
.radar-county-picker__count { display:block; min-height:20px; margin:8px 2px 0; color:#49657a; font-size:12px; font-weight:750; }
.radar-county-picker__browse { display:inline-flex; align-items:center; gap:7px; margin-top:4px; color:#08718f; font-size:13px; font-weight:800; text-decoration:none; }
.radar-county-picker__browse[hidden] { display:none; }
.radar-county-picker__browse:hover { color:#104865; text-decoration:underline; }
.ec-news-hub--radar .ec-news-category-tile__county { color:#a8e2e4; font-size:12px; font-weight:750; }
.radar-city-empty { margin:0 0 20px; padding:20px; border:1px dashed #b8d1de; border-radius:13px; background:#fff; color:#49657a; font-weight:700; }
.radar-city-empty[hidden] { display:none; }
.radar-geo-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:24px 0 3px; padding:17px 0 0; border-top:1px solid #dbe7ed; }
.radar-geo-links strong { width:100%; margin-bottom:3px; color:#3f586b; font-size:12px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.radar-geo-links a { display:inline-flex; align-items:center; min-height:33px; padding:6px 10px; border:1px solid #d6e5ea; border-radius:8px; background:#fff; color:#17617b; font-size:12px; font-weight:750; text-decoration:none; }
.radar-geo-links a:hover,.radar-geo-links a:focus-visible { border-color:#80c8d2; background:#e8f6f7; color:#104b63; }
.ec-news-hub--radar .ec-news-category-tiles__heading h3 { color:#10243b; }
.ec-news-hub--radar .ec-news-category-tiles__grid { gap:15px; }
.ec-news-hub--radar .ec-news-category-tile { position:relative; min-height:165px; overflow:hidden; justify-content:space-between; padding:16px 19px; border:0; border-radius:17px; background:radial-gradient(circle at 82% 15%,rgba(65,173,195,.32),transparent 38%),linear-gradient(135deg,#113850,#0b243a 70%); color:#fff; isolation:isolate; box-shadow:0 12px 27px rgba(16,42,63,.14); }
.ec-news-hub--radar .ec-news-category-tile:nth-child(4n+2) { background:radial-gradient(circle at 80% 20%,rgba(105,173,167,.33),transparent 39%),linear-gradient(140deg,#16465a,#0a2b3e 75%); }
.ec-news-hub--radar .ec-news-category-tile:nth-child(4n+3) { background:radial-gradient(circle at 83% 18%,rgba(137,146,198,.3),transparent 41%),linear-gradient(145deg,#263c64,#0b283f 72%); }
.ec-news-hub--radar .ec-news-category-tile:nth-child(4n+4) { background:radial-gradient(circle at 83% 18%,rgba(192,149,102,.28),transparent 40%),linear-gradient(145deg,#435064,#112b42 72%); }
.ec-news-hub--radar .ec-news-category-tile.ec-news-category-tile--olsztyn { background:linear-gradient(180deg,rgba(6,28,46,.18),rgba(6,24,42,.92)),url('../img/radar-olsztyn-banner.webp') center/cover no-repeat; }
.ec-news-hub--radar .ec-news-category-tile:hover,.ec-news-hub--radar .ec-news-category-tile:focus-visible { color:#fff; background-color:#0c304c; box-shadow:0 20px 36px rgba(16,42,63,.25); transform:translateY(-4px); }
.ec-news-hub--radar .ec-news-category-tile::after { content:""; position:absolute; top:-80px; right:-80px; width:180px; height:180px; border:1px solid rgba(255,255,255,.22); border-radius:50%; pointer-events:none; }
.ec-news-category-tile__top,.ec-news-category-tile__bottom { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.ec-news-category-tile__top { width:100%; flex-direction:row; justify-content:space-between; }
.ec-news-category-tile__pin,.ec-news-category-tile__arrow { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid rgba(255,255,255,.35); border-radius:9px; background:rgba(255,255,255,.16); color:#fff; }
.ec-news-category-tile__arrow { transform:rotate(45deg); }
.radar-city-today { display:inline-flex; align-items:center; justify-content:center; min-height:32px; margin-left:auto; padding:5px 10px; border:1px solid rgba(255,255,255,.25); border-radius:9px; background:rgba(255,255,255,.12); color:#e5f2f6; font-size:11px; font-weight:850; white-space:nowrap; }
.radar-city-today--active { border-color:rgba(103,240,162,.5); background:rgba(20,112,74,.55); color:#b8ffda; }
@media(max-width:640px) { .radar-city-today { padding:5px 6px; font-size:10px; } }
.ec-news-hub--radar .ec-news-category-tile__name { color:#fff; font-size:clamp(21px,2vw,27px); font-weight:850; text-shadow:0 1px 10px rgba(0,0,0,.22); }
.ec-news-hub--radar .ec-news-category-tile__action { color:#d3eeef; font-weight:700; }
.ec-news-category-tile__date { color:#e4f2f5; font-size:11px; font-weight:650; }
.ec-news-hub--radar .radar-relative-time.is-live {
  display:inline-flex; align-items:center; gap:7px; padding:3px 9px;
  border:1px solid rgba(99,239,169,.42); border-radius:999px;
  background:rgba(22,116,75,.38); color:#a5ffd0; font-weight:850;
}
.ec-news-hub--radar .radar-relative-time.is-live::before {
  content:""; width:7px; height:7px; flex:0 0 7px;
  border-radius:50%; background:#67f0a2;
  animation:radar-live-pulse 2s ease-out infinite;
}
@keyframes radar-live-pulse {
  0% { box-shadow:0 0 0 0 rgba(103,240,162,.65); }
  70%,100% { box-shadow:0 0 0 7px rgba(103,240,162,0); }
}
.radar-share { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.radar-share span { color:#607087; font-size:13px; font-weight:700; }
.radar-share a { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:8px 12px; border:1px solid #d5e2ec; border-radius:8px; background:#fff; color:#1d597d; font-size:13px; font-weight:750; text-decoration:none; }
.radar-share a:hover { background:#e9f4f9; color:#064c77; }
.radar-account { min-height:65vh; padding:38px 0 76px; background:#f5f8fb; color:#10243b; }
.radar-account * { box-sizing:border-box; }
.radar-account .container { max-width:1180px; }
.radar-account__crumbs { display:flex; gap:10px; color:#718294; font-size:12px; }
.radar-account__crumbs a { color:#48677e; }
.radar-account__header { margin:34px 0 30px; }
.radar-account .radar-kicker { color:#0b799a; }
.radar-account__header h1 { margin:8px 0 8px; color:#10243b; font-size:clamp(38px,4.5vw,58px); font-weight:850; letter-spacing:-.04em; text-transform:none; }
.radar-account__header p { margin:0; color:#607087; font-size:17px; }
.radar-account__gate { max-width:770px; padding:40px; border-radius:22px; background:linear-gradient(120deg,#0d304c,#116680); color:#fff; }
.radar-account__gate h2,.radar-account__help h2 { margin:0 0 10px; color:#fff; text-transform:none; }
.radar-account__gate p,.radar-account__help p { color:#e5f2f6; }
.radar-account__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.radar-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 17px; border:0; border-radius:9px; background:#0c7597; color:#fff; font-weight:800; text-decoration:none; cursor:pointer; }
.radar-button:hover,.radar-button:focus-visible { background:#085d7a; color:#fff; text-decoration:none; }
.radar-account__gate .radar-button { background:#fff; color:#12405a; }
.radar-account__gate .radar-button--light { border:1px solid rgba(255,255,255,.55); background:transparent; color:#fff; }
.radar-account__columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:20px; }
.radar-account__panel,.radar-account__help { padding:27px; border:1px solid #dce7ee; border-radius:18px; background:#fff; box-shadow:0 12px 36px rgba(15,42,65,.05); }
.radar-account__panel-head,.radar-account__results-head { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.radar-account__panel h2,.radar-account__results h2 { margin:5px 0 0; color:#10243b; font-size:25px; font-weight:820; text-transform:none; }
.radar-account__panel-head strong { display:inline-flex; justify-content:center; align-items:center; min-width:54px; min-height:35px; border-radius:9px; background:#e6f5f6; color:#087991; }
.radar-account__form { margin-top:25px; }
.radar-account__form label { display:block; margin-bottom:7px; color:#233d51; font-weight:750; }
.radar-account__form>div { display:flex; gap:9px; }
.radar-account__form input { flex:1; min-width:0; min-height:45px; padding:10px 12px; border:1px solid #bdcfdb; border-radius:9px; color:#10243b; }
.radar-account__form small { display:block; margin-top:8px; color:#607087; }
.radar-account__sources { display:grid; gap:10px; margin:22px 0 0; padding:0; list-style:none; }
.radar-account__sources li { display:flex; gap:12px; min-width:0; padding:12px; border:1px solid #e3edf2; border-radius:11px; background:#f8fbfd; }
.radar-account__source-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 33px; height:33px; border-radius:8px; background:#dff3f5; color:#0c7291; }
.radar-account__sources strong,.radar-account__sources small { display:block; max-width:100%; overflow-wrap:anywhere; }
.radar-account__sources strong { color:#173b55; font-size:13px; }
.radar-account__sources small { margin-top:3px; color:#607087; }
.radar-account__help { background:linear-gradient(145deg,#0c304c,#155d76); color:#fff; }
.radar-account__help>i { display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; margin-bottom:30px; border-radius:12px; background:rgba(255,255,255,.13); font-size:21px; }
.radar-account__notice { padding:13px 16px; border-radius:10px; background:#e6f6f1; color:#0c654c; }
.radar-account__notice--error { background:#fff0ed; color:#a43c2f; }
.radar-account__limit { margin-top:20px; color:#607087; }
.radar-account__results { margin-top:42px; }
.radar-account__results-head { margin-bottom:18px; }
.radar-account__results-head a { color:#0b6889; font-weight:750; }
.radar-account__news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.radar-account__news-card { min-width:0; padding:23px; border:1px solid #e0eaf0; border-radius:15px; background:#fff; }
.radar-account__news-card time,.radar-account__news-card>span { color:#718294; font-size:12px; }
.radar-account__news-card h3 { margin:13px 0; color:#10243b; font-size:20px; line-height:1.3; text-transform:none; }
.radar-account__news-card h3 a { color:inherit; }
.radar-account__news-card p { color:#607087; line-height:1.5; }
.radar-account__news-card>span { display:block; overflow-wrap:anywhere; }
.radar-account__empty { display:flex; gap:14px; align-items:center; padding:26px; border:1px dashed #bfd0dc; border-radius:14px; background:#fff; color:#607087; }
.radar-account__empty i { color:#0c7597; font-size:25px; }
.radar-account__empty p { margin:0; }
@media(max-width:900px) { .radar-account__columns { grid-template-columns:1fr; }.radar-account__news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1000px) { .radar-county-picker { flex-direction:column; align-items:stretch; }.radar-county-picker__control { width:100%; } }
@media(max-width:640px) { .radar-content-nav { gap:2px; }.radar-content-nav a { padding:8px 11px; font-size:12px; }.radar-content-nav .radar-content-nav__join { margin-left:0; }.radar-feature { min-height:420px; border-radius:17px; }.radar-feature__image { object-position:66% center; }.radar-feature__shade { background:linear-gradient(90deg,rgba(5,23,40,.93),rgba(5,23,40,.65)); }.radar-feature__content { padding:29px 24px; }.radar-feature h2 { font-size:42px; }.radar-feature__actions a { width:100%; }.radar-county-picker { flex-direction:column; align-items:stretch; gap:18px; padding:23px 19px; }.radar-county-picker__control { width:100%; }.radar-county-picker__fields { grid-template-columns:1fr; }.radar-county-picker select { min-height:59px; font-size:16px; }.ec-news-hub--radar .ec-news-category-tiles__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.ec-news-hub--radar .ec-news-category-tile { min-height:155px; padding:13px; }.ec-news-hub--radar .ec-news-category-tile__name { font-size:19px; }.radar-account { padding:25px 0 55px; }.radar-account__panel,.radar-account__help { padding:20px; }.radar-account__form>div { flex-direction:column; }.radar-account__news-grid { grid-template-columns:1fr; }.radar-account__results-head { align-items:flex-start; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .ec-news-hub--radar .ec-news-category-tile { transition:none; }.ec-news-hub--radar .ec-news-category-tile:hover { transform:none; }.ec-news-hub--radar .radar-relative-time.is-live::before { animation:none; } }
@media(max-width:360px) { .ec-news-hub--radar .ec-news-category-tiles__grid { grid-template-columns:1fr; } }
