/* Pulse Info Bar — bez cieni i bez hover-efektów koloru */
.pulse-info-bar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: 12px 20px;
    border-radius: 64px;

    /* Kolory z palety motywu (ustawiane z PHP via zmienne) */
    background-color: var(--pulse-bg, var(--wp--preset--color--grey-50));
    color: var(--pulse-fg, inherit);

    text-align: center;
    text-decoration: none;

    /* Delikatne pulsowanie (bez cieni) */
    animation: pulse-soft 2.6s ease-in-out infinite;
    box-sizing: border-box;
}

/* Brak transform/box-shadow/koloru na hover — nic nie dodajemy */

/* Treść */
.pulse-info-bar .text {
    font-weight: 600;
    text-align: center;
}

/* Delikatne pulsowanie — tylko skala */
@keyframes pulse-soft {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.045); }
    100% { transform: scale(1); }
}

/* Ogranicz ruch jeśli ustawione w systemie */
@media (prefers-reduced-motion: reduce) {
    .pulse-info-bar { animation: none; }
}

/* Szerokości WP (gdy motyw nie nadaje ich sam) */
.alignwide.pulse-info-bar {
    max-width: var(--wp--style--global--wide-size, var(--wp--style--global--content-size, 1200px));
    margin-left: auto;
    margin-right: auto;
}

.alignfull.pulse-info-bar {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}