/* =====================================
   BLOK 1: WRAPPER / KARTA SONDY
   ===================================== */
.dais-fast-poll {
    max-width: 520px; /* ograniczenie szerokości */
    margin: 0 auto 24px; /* odstęp pod sondą */
    padding: 16px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.04),
        0 12px 30px -22px rgba(15, 23, 42, 0.35); /* delikatniejszy cień */
}

/* Pytanie */
.dais-fast-poll__question {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Komunikat pod sondą (info / suma głosów) */
.dais-fast-poll__message {
    margin-top: 6px;
    font-size: 13px;
    color: #555;
    text-align: left;
}

/* =====================================
   BLOK 2: ODPOWIEDZI PRZED GŁOSOWANIEM
   ===================================== */
.dais-fast-poll__answers {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dais-fast-poll__answer {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 8px;
    background: #f5f5f5;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    font-size: 14px; /* mniejsza czcionka dla odpowiedzi */
}

.dais-fast-poll__answer:hover {
    background: #ececec;
}

/* =====================================
   BLOK 3: PRZYCISKI (GŁOSUJ / WYNIKI)
   ===================================== */
.dais-fast-poll__actions {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.dais-fast-poll__vote-btn,
.dais-fast-poll__results-btn {
    padding: 7px 14px;
    cursor: pointer;
    border: none;
    font-size: 14px;
}

.dais-fast-poll__vote-btn {
    background: #111;
    color: #fff;
}

.dais-fast-poll__results-btn {
    background: #e5e5e5;
}

/* =====================================
   BLOK 4: LISTA WYNIKÓW
   ===================================== */
.dais-fast-poll__results {
    margin-top: 10px;
}

.dais-fast-poll__results-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dais-fast-poll__result-row {
    width: 100%;
}

/* =====================================
   BLOK 5: PASEK WYNIKU – % + TEKST
   ===================================== */

/* Pasek tła – cała szerokość */
.dais-fast-poll__result-bar {
    position: relative;
    display: flex;              /* flex dla wygodnego centrowania labela */
    align-items: center;
    width: 100%;
    min-height: 38px;
    border-radius: 8px;
    overflow: hidden;
    background: #e0e0e0;
    border: 1px solid #c7c7c7;
    line-height: 1.2;
}

/* Wypełnienie (ciemny bordowy gradient) */
.dais-fast-poll__result-bar-fill {
    --dais-poll-percent: 0%;
    position: absolute;
    inset: 0;
    width: var(--dais-poll-percent);
    background: linear-gradient(90deg, #5c1a24 0%, #8b2a37 100%);
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.35s ease-out;
    z-index: 1;
    border-radius: 8px;
}

.dais-fast-poll__result-bar-fill.is-visible {
    transform: scaleX(1);
}

/* Label nad wypełnieniem – flex, środek pion/poziom */
.dais-fast-poll__result-bar-label {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 10px;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    line-height: 1.2;
}

/* Tekst odpowiedzi – reszta szerokości */
.dais-fast-poll__result-bar-label-text {
    flex: 1 1 auto;
    white-space: normal;
}

/* Zmiana szerokości procentów (opcjonalnie, żeby zrobić miejsce na liczbę głosów) */
.dais-fast-poll__result-bar-label-percent {
    flex: 0 0 40px; /* Zmniejszyłem z 48px na 40px */
    text-align: right;
    margin-right: 6px;
}

/* NOWE: Styl dla liczby głosów */
.dais-fast-poll__result-bar-label-votes {
    flex: 0 0 auto; /* Szerokość dopasowana do treści */
    font-size: 0.9em;
    opacity: 0.9;
    margin-right: 10px; /* Odstęp od treści pytania */
    font-weight: 400;
}