/* === PressMind – Editorial Kicker Pills (above title) === */

.pm-article-kicker{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin: 0 0 12px;
  opacity: .96;
}

/* Editorial feel: mniej "button", bardziej "kicker" */
.pm-pill{
  position: relative;
  display:inline-flex;
  align-items:center;
  padding: 6px 12px;
  border-radius: 999px;

  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;

  text-decoration: none;
  color: rgba(236, 236, 255, 0.92);

  background: rgba(255,255,255,0.028);
  border: 1px solid rgba(255,255,255,0.11);

  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.14);
  backdrop-filter: blur(10px);

  /* zero "skakania", spójnie z Sources */
  transform: none;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, color .14s ease, opacity .14s ease;

  /* ważne dla glow */
  overflow: hidden;
}

/* Separator: editorial, nie krzyczy, nie wisi */
.pm-pill-sep{
  opacity: .42;
  font-weight: 800;
  padding: 0 2px;
  user-select:none;
  white-space: nowrap;
}

/* Hover jak w "Źródłach" – neonowa rama + miękki glow */
.pm-pill:hover{
  background: rgba(255,255,255,0.045);
  border-color: rgba(0,255,194,0.38);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.12),
    0 0 0 1px rgba(0,255,194,0.28),
    0 0 18px rgba(0,255,194,0.14);
  color: rgba(245, 245, 255, 0.96);
}

/* Subtelna poświata jak na listach źródeł */
.pm-pill::after{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(
      135deg,
      rgba(0,255,194,0.48),
      rgba(155,92,255,0.32),
      rgba(0,255,194,0.42)
    );
  filter: blur(12px);
  transition: opacity .14s ease;
}

.pm-pill:hover::after{
  opacity: .33;
}

/* Focus (klawiatura) – wygląda pro, a nie jak domyślna ramka */
.pm-pill:focus{
  outline: none;
}

.pm-pill:focus-visible{
  border-color: rgba(155,92,255,0.42);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.12),
    0 0 0 1px rgba(155,92,255,0.30),
    0 0 18px rgba(155,92,255,0.16);
}

/* Mobile – ciaśniej, bardziej "meta", mniej zajmuje miejsca */
@media (max-width: 520px){
  .pm-article-kicker{
    gap:7px;
    margin-bottom: 14px;
  }

  .pm-pill{
    font-size: 12px;
    padding: 6px 11px;
  }
}

/* Accessibility: redukcja animacji */
@media (prefers-reduced-motion: reduce){
  .pm-pill,
  .pm-pill::after{
    transition: none !important;
  }
}