/* kk-wybor.css — podpowiedzi wyszukiwarki i wybór kilku gatunków (Łukasz 20.10.2026).
   Ładowane w layout.php po kk-polish.css. Kolory z motywu nocnego portalu (#080b13, fiolet #9068f6). */

/* ---------- podpowiedzi wyszukiwarki ---------- */
.kk-sugg.nh-search-option{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:7px 14px}
.kk-sugg-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff0d;color:#aeb7c8}
.kk-sugg--artist .kk-sugg-ico{background:#9068f626;color:#c4b3ff}
.kk-sugg--venue .kk-sugg-ico{color:#d9c38a}
.kk-sugg-body{display:grid;gap:2px;min-width:0}
.kk-sugg.nh-search-option strong{display:block;font-weight:600}
.kk-sugg strong mark{background:none;color:#fff;font-weight:800;text-decoration:underline;text-decoration-color:#9068f6;text-decoration-thickness:2px;text-underline-offset:3px}
.kk-sugg-meta{display:flex;gap:6px;min-width:0;color:#aeb7c8;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden}
.kk-sugg-meta .kk-sugg-kind{flex:none;font-size:12px;color:#c4cbd8;font-weight:600}
.kk-sugg-sub{overflow:hidden;text-overflow:ellipsis}
.kk-sugg-sub::before{content:"\2022";margin-right:6px;opacity:.5}
.kk-sugg-n{flex:none;font-size:12px;font-weight:700;color:#c4b3ff;font-variant-numeric:tabular-nums;white-space:nowrap}
.kk-sugg.is-active .kk-sugg-ico,.kk-sugg:hover .kk-sugg-ico{background:#9068f6;color:#fff}
.site-search-results,.nh-search-results{max-height:min(388px,60vh)}
/* hero strony głównej ma overflow:hidden — na czas otwartych podpowiedzi lista nie jest ucinana */
.nh-hero:has(.nh-search-results:not([hidden])){overflow:visible}
@media (max-width:900px){
  .kk-sugg.nh-search-option{min-height:56px;padding:8px 14px}
  .kk-sugg.nh-search-option strong{font-size:15px}
}

/* ---------- gatunki: wspólne ---------- */
.kk-gchips-head{display:flex;align-items:center;gap:12px;flex-basis:100%;min-height:24px;font-size:13px;color:#9ca7ba}
.kk-gchips-count b{color:#fff;font-variant-numeric:tabular-nums}
.kk-gchips-clear{background:none;border:0;padding:4px 2px;font:inherit;font-size:13px;font-weight:600;color:#c4b3ff;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.kk-gchips-clear:hover{color:#fff}
.kk-gchip-n{margin-left:6px;font-weight:500;opacity:.62;font-variant-numeric:tabular-nums}

/* tryb linków (/artysci) — wygląd chipów z .filters, dochodzi znacznik wyboru */
.kk-gchips--links .kk-gchips-head{order:-1}
.filters.kk-gchips--links a.kk-gchip{gap:6px}
.filters.kk-gchips--links a.kk-gchip .kk-gchip-n{margin-left:0}
.filters.kk-gchips--links .kk-gchips-head a.kk-gchips-clear{min-height:0;padding:4px 2px;border:0;background:none;color:#c4b3ff;font-size:13px}
.kk-gchip-tick{flex:none}

/* tryb formularza (filtry /mapa, /lista) */
.kk-filters-body:has(.kk-gchips--form){width:min(440px,100vw - 32px)}
.kk-gchips--form{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0}
.kk-gchips-legend{padding:0;margin-bottom:4px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel,#9ca7ba);font-size:11px;font-weight:700}
.kk-gchips--form .kk-gchips-head{margin-bottom:8px;font-size:12px}
.kk-gchips--form .kk-gchips-clear{font-size:12px}
.kk-gchips-list{display:flex;flex-wrap:wrap;gap:6px;max-height:212px;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.kk-gchip{position:relative}
.kk-gchips--form .kk-gchip{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff0a;color:#d7dce4;font-size:13px;font-weight:600;cursor:pointer;user-select:none}
.kk-gchips--form .kk-gchip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.kk-gchips--form .kk-gchip:hover{border-color:#ffffff66}
.kk-gchips--form .kk-gchip.is-on{background:#7b55ee;border-color:#9068f6;color:#fff}
.kk-gchips--form .kk-gchip.is-on::before{content:"";width:9px;height:5px;margin-right:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-2px) rotate(-45deg)}
.kk-gchips--form .kk-gchip.is-off{opacity:.45;cursor:not-allowed}
.kk-gchips--form .kk-gchip:has(input:focus-visible){outline:2px solid #c4b3ff;outline-offset:2px}
@media (max-width:640px){
  .kk-gchips--form .kk-gchip{min-height:42px}
  .kk-gchips-list{max-height:240px}
}
@media (prefers-reduced-motion:no-preference){
  .kk-gchips--form .kk-gchip{transition:background-color .12s,border-color .12s}
}