/* kk-miasto-hub.css — strona miasta jako węzeł (SEO nr 1, krok 1, 20.10.2026).
   Ten sam ciemny afisz co listy: liczby w kroju Barlow Condensed, akcent fioletowy jak miesiące (#bca8ff),
   czerwony neon tylko na aktywnych/hover. Jedno mocne miejsce: kalendarz miesięcy z dużymi liczbami. */
.ch-quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.ch-quick a{display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#111725;color:#e8ebf3;font-size:14px;line-height:1.2;text-decoration:none}
.ch-quick a:first-letter{text-transform:uppercase}
.ch-quick a b{color:#bca8ff;font-weight:700;font-size:13px}
.ch-quick a:hover,.ch-quick a:focus-visible{border-color:#a996ff;color:#fff}
.ch-quick .ch-quick-more{background:transparent;border-style:dashed;color:#9aa5b8}

.ch-hub{margin:44px 0 8px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
.ch-hub .ch-hub-head h2,.city-page .ch-hub-head h2{margin:0;font-family:var(--font-display,"Barlow Condensed KK","Arial Narrow",sans-serif);font-size:clamp(28px,4vw,40px);line-height:1.05;font-weight:700;color:#F6F1FF!important}
.ch-hub-head p{margin:6px 0 0;color:#9aa5b8;font-size:14px}
.ch-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px 40px;margin-top:22px}
.ch-block{margin:0 0 28px}
.ch-block h3{margin:0 0 12px;font-size:15px;font-weight:700;color:#e8ebf3;letter-spacing:.01em}
.ch-block h3 small{font-weight:400;color:#8b93a7;font-size:13px;margin-left:6px}

/* Kalendarz miesięcy: duże liczby jak na afiszu. */
.ch-months ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.ch-months a{display:flex;flex-direction:column;gap:2px;padding:10px 12px 9px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111725;color:#c9cfdc;text-decoration:none;font-size:13px;line-height:1.25}
.ch-months a span:first-letter{text-transform:uppercase}
.ch-months a b{order:-1;font-family:var(--font-display,"Barlow Condensed KK","Arial Narrow",sans-serif);font-size:30px;line-height:1;font-weight:700;color:#bca8ff}
.ch-months a:hover,.ch-months a:focus-visible{border-color:#a996ff;color:#fff}
.ch-months a:hover b{color:#FF3D63}

.ch-scene p{margin:0 0 12px;color:#d5d9e3;font-size:15.5px;line-height:1.65;max-width:68ch}
.ch-scene a{color:#e8ebf3;text-decoration:underline;text-decoration-color:rgba(188,168,255,.55);text-underline-offset:3px}
.ch-scene a:hover{text-decoration-color:#FF3D63}
.ch-scene strong{color:#fff}

/* Sale: ranking z liczbą po prawej. */
.ch-venues ol{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.ch-venues li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);break-inside:avoid;font-size:14.5px}
.ch-venues li a,.ch-venues li span{color:#e8ebf3;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.ch-venues li span{color:#aeb5c4}
.ch-venues li a:hover{color:#fff;text-decoration:underline;text-decoration-color:#FF3D63}
.ch-venues li b{flex:none;color:#bca8ff;font-variant-numeric:tabular-nums;font-size:13px}

.ch-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.ch-chips a{display:inline-flex;align-items:baseline;gap:5px;min-height:34px;padding:6px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.035);color:#e8ebf3;text-decoration:none;font-size:14px;line-height:1.3}
.ch-chips a b{color:#bca8ff;font-size:12.5px;font-weight:700}
.ch-chips a:hover,.ch-chips a:focus-visible{border-color:#a996ff;color:#fff}
.ch-chips a.is-pl{color:#aeb5c4}

/* Strony okien (dziś / weekend) i gatunek×miasto. */
.kw-day{margin:0 0 26px}
.kw-day>h2{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-family:var(--font-display,"Barlow Condensed KK","Arial Narrow",sans-serif);font-size:26px;line-height:1.1;color:#F6F1FF!important}
.kw-day>h2 small{font-family:var(--font-sans,"IBM Plex Sans KK",sans-serif);font-size:14px;font-weight:400;color:#9aa5b8}
.kw-day-more{margin:8px 0 0;font-size:14px}
.kw-day-more a{color:#bca8ff}
.kw-empty{padding:16px 18px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;color:#c9cfdc;margin:0 0 22px}
.kw-empty a{color:#bca8ff}

@media (max-width:900px){
  .ch-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .ch-venues ol{columns:1}
}
@media (max-width:420px){
  .ch-months ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ch-months a{padding:9px 9px 8px}
  .ch-months a b{font-size:26px}
  .ch-quick a{font-size:13.5px;padding:7px 10px}
}
/* Okna i gatunek×miasto korzystają z klas cm-* bez klasy body miasto×miesiąc: nagłówki boczne jasne. */
.page-concerts-window .cm-aside h2,.page-city-genre .cm-aside h2{color:#F6F1FF!important}
.page-concerts-window .cm-related-plain,.page-city-genre .cm-related-plain{display:flex;justify-content:space-between;margin:0;padding:8px 0;color:#aeb5c4;font-size:14px}