/* Noc 6.10 — listy (pkt 21/27/28). Dołączany raz z render_concert_row() (cards.php). */

/* 21: kafelek bez zdjęcia = inicjał w kolorach marki (jak kalendarz), ta sama krawędź co zdjęcie. */
.kkr-thumb.is-initial{border:1px solid #ffffff1f;color:#efe9ff}
.kkr-thumb.is-initial b{font-family:var(--font-display,"Barlow Condensed KK",sans-serif);font-size:24px;font-weight:700;line-height:1;letter-spacing:.01em}
.kkr-tone-0{background:linear-gradient(145deg,#4a2fa8,#2a1c63)}
.kkr-tone-1{background:linear-gradient(145deg,#6b43d6,#33206f)}
.kkr-tone-2{background:linear-gradient(145deg,#3a2a7c,#1d1640)}
.kkr-tone-3{background:linear-gradient(145deg,#7a55e8,#40258a)}
.kkr.is-cancelled .kkr-thumb.is-initial,.kkr.is-started .kkr-thumb.is-initial{filter:grayscale(1);opacity:.6}

/* 21: „Szczegóły” w miejscu „Bilety” — ta sama szerokość, przycisk konturowy; klik trafia w link wiersza. */
.kkr-buy,.kkr-more{min-width:104px}
.kkr-more{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid #ffffff38;border-radius:10px;color:#e6e0ff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none}
.kkr:hover .kkr-more{border-color:#9068f6;color:#fff}
@media (max-width:767px){
  /* Telefon: cały wiersz jest dotykalny — bez dodatkowego przycisku, gdy nie ma biletów. */
  .kkr-more{display:none}
  .kkr-side:not(:has(.kkr-price)):not(:has(.kkr-buy)){display:none}
  .kkr-buy{min-width:0}
}

/* 27: /lista — filtry i lista w jednym kontenerze (ta sama szerokość i krawędzie). */
.page-list{--kk-list-w:1080px}
/* Pole miasta miało własne wcięcie (20 px z prawej, 12 px z góry) — krawędzie nie trzymały linii z zakładkami i listą. */
.page-list .kk-where{padding:0}
@media (min-width:768px){
  .page-list .kk-list-controls{padding-inline:max(24px,calc((100% - var(--kk-list-w)) / 2))}
  .page-list .kk-list-feed{width:min(var(--kk-list-w),100% - 48px)}
  .page-list .kk-feed-head{padding-inline:0;background:none;border-left:0;border-right:0;border-top:0}
}

/* 28: jeden wygląd modułu filtrów — /lista i miasto: obramowane zakładki okresu,
   aktywna w kolorze marki, pola 52 px, przycisk akcji #9068f6. */
.page-list .kk-tabs{background:#0e1320;border:1px solid #ffffff24;border-radius:11px;padding:4px;gap:4px}
.page-list .kk-tab{color:#c7cfdb;border:0;border-radius:8px;font-size:13px;font-weight:700}
.page-list .kk-tab:hover{color:#fff;background:#ffffff0d}
.page-list .kk-tabs .kk-tab.is-on{background:#9068f6;color:#fff}
.page-city .city-time-control>div{display:flex;gap:4px;max-width:440px;padding:4px;background:#0e1320;border:1px solid #ffffff24;border-radius:11px}
.page-city .city-time-control label{flex:1;min-width:0}
.page-city .city-time-control span{min-height:42px;border:0;border-radius:8px;color:#c7cfdb;font-size:13px}
.page-city .city-time-control label:hover span{background:#ffffff0d;color:#fff}
.page-city .city-time-control input:checked+span{background:#9068f6;color:#fff}
.page-city .city-time-control legend,.page-city .city-radius-control>label{color:#9ca7ba;font-size:13px}
.page-city .city-radius-control button{background:#9068f6;border-radius:10px;min-height:48px}
.page-city .city-radius-control button:hover{background:#7b55ee}