:root {
  --psfb-yellow: #F0D000;  /* żółty brandowy dla ikonki „i” */
  --psfb-anth: #202020;
}

/* layout – jeden wiersz, bez zawijania */
.psfb-badges { margin-top: .6rem; }
.psfb-badges-row {
  display: flex;
  flex-wrap: nowrap;              /* ważne: nie zawijaj */
  align-items: center;
  gap: 1.2rem;
}

/* badge – neutralne, typografia sterowana inline */
.psfb-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  line-height: 1.3;
  white-space: nowrap;            /* nie łam słów wewnątrz */
}

/* ZABLOKUJ wszelkie pseudo-ikony motywu (kropki, błyskawice itd.) */
.psfb-badge::before,
.psfb-badge::after,
.psfb-badge *::before,
.psfb-badge *::after {
  content: none !important;
  background: none !important;
}

/* tooltip „i” */
.psfb-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .9rem; height: .9rem; line-height: .9rem;
  border-radius: 50%;
  background: var(--psfb-yellow);
  color: var(--psfb-anth);
  font-size: .7rem; font-weight: 700;
  cursor: help; user-select: none;
  transition: background .15s ease;
}
.psfb-tooltip:hover { background: #ffde33; }

.psfb-tooltip__bubble {
  position: absolute;
  left: 50%; transform: translateX(-50%);
  bottom: 150%;
  min-width: 200px; max-width: 280px;
  background: #fff; color: #111;
  border: 1px solid #e0e0e0; border-radius: .5rem;
  padding: .5rem .7rem;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  opacity: 0; pointer-events: none;
  transition: opacity .15s ease; z-index: 10;
  font-size: .85rem; line-height: 1.3;
}
.psfb-tooltip:hover .psfb-tooltip__bubble,
.psfb-tooltip:focus .psfb-tooltip__bubble { opacity: 1; }

/* (opcjonalnie) na bardzo małych ekranach pozwól zwinąć się do 2 wierszy
@media (max-width: 360px) {
  .psfb-badges-row { flex-wrap: wrap; }
}
*/

/* --- FIX zawijania tekstu w dymku --- */
.psfb-tooltip__bubble {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}