/* Kontener główny paska */
.wbp-container {
    display: flex;
    align-items: center;
    background: #537772; /* Kolor tła paska */
    border: 1px solid #444;
    padding: 0;
    color: #fff;
    overflow: hidden;
    height: 32px;
    font-family: sans-serif;
}

.wbp-label {
    background: #339933;
    padding: 0 30px 0 15px;
    display: flex;
    align-items: center;
    height: 60%;
    /* Efekt rombu/trapezu po prawej stronie */
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    position: relative;
    z-index: 2;
}

.wbp-label strong {
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #fff;
}

/* Przewijany tekst */
.wbp-ticker {
    flex: 1;
    margin-left: -15px;
    z-index: 1;
}

/* Styl linków wewnątrz paska */
.wbp-content a {
    text-decoration: none !important;
    color: #fff !important;
    transition: color 0.2s;
	margin-right: -15px;
}

.wbp-content a:hover {
    text-decoration: none !important;
    color: #ccc !important;
}

/* Odstępy między wiadomościami */
.wbp-content {
	padding-left: 25px;
}

/* Styl dla linków wewnątrz paska */
.wbp-content a {
    text-decoration: none !important;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
}

/* Automatyczna pionowa kreska po każdym linku */
.wbp-content a:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #339933; 
    margin: 0 15px; 
    vertical-align: middle;
	transform: rotate(-30deg); 
    border-radius: 1px;
}

.wbp-content a:hover {
    color: #ccc !important;
}