/* 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; 
}

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

/* Animacje  */
#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; }