/* ==========================================================
   WEYWOT TRUST BAR - SYSTEM PALET I MOTYWÓW
   ========================================================== */
.theme-aj-premium {
    --wtb-bg: #f4f7f9; /* Elegancki jasny popiel */
    --wtb-border: #edf1f5;
    --wtb-logo-opacity: 0.55;
    --wtb-logo-hover-opacity: 1;
}
.theme-dark-glass {
    --wtb-bg: rgba(25, 32, 45, 0.7);
    --wtb-border: rgba(255, 255, 255, 0.08);
    --wtb-logo-opacity: 0.4;
    --wtb-logo-hover-opacity: 1;
}
.theme-light-glass {
    --wtb-bg: rgba(255, 255, 255, 0.8);
    --wtb-border: rgba(0, 0, 0, 0.05);
    --wtb-logo-opacity: 0.6;
    --wtb-logo-hover-opacity: 1;
}

.weywot-trustbar-wrapper {
    background: var(--wtb-bg);
    border-top: 1px solid var(--wtb-border);
    border-bottom: 1px solid var(--wtb-border);
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.wtb-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
}

/* --- LOGOTYPY --- */
.wtb-logo-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 45px;
    box-sizing: border-box;
}

.wtb-logo-item img {
    height: 42px; /* Perfekcyjny wymiar pionowy dla logotypów branżowych */
    width: auto;
    object-fit: contain;
    opacity: var(--wtb-logo-opacity);
    filter: grayscale(100%); /* Wszystkie logotypy stonowane do szarości dla ładu wizualnego */
    transition: all 0.4s ease;
}

.wtb-logo-item img:hover {
    opacity: var(--wtb-logo-hover-opacity);
    filter: grayscale(0%); /* Ożywienie koloru po najechaniu */
    transform: scale(1.04);
}

/* ==========================================================
   UKŁAD 1: KINOWA KARUZELA (INFINITE TICKER)
   ========================================================== */
.layout-ticker .wtb-container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.wtb-ticker-track {
    display: flex;
    width: max-content;
    animation: wtbMarquee linear infinite;
}

.wtb-ticker-track:hover {
    animation-play-state: paused; /* Zatrzymanie karuzeli, gdy użytkownik najeżdża myszą */
}

.wtb-ticker-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    white-space: nowrap;
}

/* Nieskończona pętla przesunięcia o dokładnie połowę szerokości kontenera zduplikowanego */
@keyframes wtbMarquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

/* ==========================================================
   UKŁAD 2: STATYCZNA SIATKA (GRID)
   ========================================================== */
.wtb-grid-track {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 768px) {
    .wtb-grid-track { justify-content: center; }
    .wtb-logo-item { padding: 0 20px; }
    .wtb-logo-item img { height: 35px; }
}