/**
 * pysiectrustbar - ciemny pasek 4 punktów zaufania. Namespace .pysiec-trustbar*.
 * 1:1 z makiety (linie 392-397), tokeny z custom.css.
 */

.pysiec-trustbar {
  /* Z powrotem na zwykłe espresso - poprzednie przyciemnienie było za mocne,
     poprawka na żądanie użytkownika ("stary banner ma być jaśniejszy"), sesja
     2026-09-16. To sekcja POD paskiem ma być ciemniejsza (kremowa), nie sam pasek -
     patrz .pysiec-shelf w shelf.css. */
  background: var(--pysiec-espresso, #3e2f23);
  color: var(--pysiec-bg, #faf8f3);
}

.pysiec-trustbar__grid {
  max-width: 1200px;
  margin: 0 auto;
  /* Pionowy padding zwiększony z 24px do 30px na żądanie użytkownika - sekcja miała
     110px wysokości, cel 120-125px (sesja 2026-09-16). Boczny padding był
     clamp(32px,8vw,120px) - dosłowna wartość z makiety (linia 394) to clamp(16px,4vw,32px),
     ta pierwsza nigdy nie została faktycznie zweryfikowana ze źródłem (sesja 2026-09-17). */
  padding: clamp(16px, 2.5vw, 30px) clamp(16px, 4vw, 32px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  box-sizing: border-box;
}

.pysiec-trustbar__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.pysiec-trustbar__dot {
  width: 10px;
  height: 10px;
  border-radius: var(--pysiec-radius-pill, 999px);
  background: var(--pysiec-accent-green, #8fa35c);
  margin-top: 6px;
  flex: 0 0 auto;
}

.pysiec-trustbar__text {
  font-size: 14px;
  line-height: 1.45;
}

.pysiec-trustbar__text strong {
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-size: 15px;
}

.pysiec-trustbar__subtext {
  opacity: .8;
}