/* Podstawy */
#notification-bar.notification-bar {
  position: relative;
  left: 0;
  right: 0;
  z-index: 99999;
  background: var(--nb-bg, #dd3333);
  color: var(--nb-color, #ffffff);
}

/* Pozycja */
#notification-bar.nb-sticky.nb-pos-top { position: fixed; top: 0; }
#notification-bar.nb-sticky.nb-pos-bottom { position: fixed; bottom: 0; }

/* Wnętrze */
#notification-bar .nb-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: var(--nb-height, 40px);
  padding: 0 16px;
  box-sizing: border-box;
}
#notification-bar .nb-content { flex: 1; }
#notification-bar .nb-inner a { color: inherit; } /* lub osobna zmienna jeśli chcesz inny kolor linków */

/* Przycisk zamykania */
#notification-bar-close {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  color: var(--nb-close-color, #ffffff);
}

/* Animacje (używają zmiennych) */
#notification-bar.nb-anim {
  transition:
    transform var(--nb-speed, .45s) ease,
    opacity   var(--nb-speed, .45s) ease;
  transition-delay: var(--nb-delay, 0s);
}

/* Slide */
#notification-bar.nb-anim.nb-anim-slide.nb-pos-top    { transform: translateY(-100%); opacity: 0; }
#notification-bar.nb-anim.nb-anim-slide.nb-pos-bottom { transform: translateY(100%);  opacity: 0; }
#notification-bar.nb-anim.nb-anim-slide.nb-anim-in    { transform: translateY(0);     opacity: 1; }

/* Fade */
#notification-bar.nb-anim.nb-anim-fade       { opacity: 0; }
#notification-bar.nb-anim.nb-anim-fade.nb-anim-in { opacity: 1; }