/* ==========================================================================
   1. ФОРМА ВЫБОРА (ВАРИАНТЫ ОТВЕТОВ)
   ========================================================================== */
.wp-polls-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

.poll-answer-item {
    margin-bottom: 8px !important;
    list-style-type: none !important;
}

.poll-answer-item input[type="radio"],
.poll-answer-item input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important; height: 0 !important;
    margin: 0 !important;
}

.poll-answer-label {
    display: flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 17px !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
}

.poll-answer-label:hover {
    background-color: #f8f9fa !important;
    border-color: #cccccc !important;
}

.poll-answer-item input:checked + .poll-answer-label {
    background-color: #fff4eb !important;
    border: 1px solid #f49134 !important;
}

.poll-answer-label::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #ddd !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    background-color: #ffffff !important;
}

.poll-answer-item input:checked + .poll-answer-label::before {
    border-color: #f49134 !important;
    background-color: #f49134 !important;
    box-shadow: inset 0 0 0 4px #ffffff !important;
}

/* ==========================================================================
   2. СЧЕТЧИКИ И ПЛАШКИ МЕСТ (2, 3 МЕСТО И ДАЛЕЕ)
   ========================================================================== */
.wp-polls-ul, .poll-results-list, ul[id*="polls"] {
    counter-reset: poll-results-counter 1;
}

.poll-results-item {
    position: relative !important;
    padding-left: 115px !important; /* Место под плашки */
    box-sizing: border-box !important;
    margin-bottom: 18px !important;
    /*display: flex !important;*/
    flex-direction: row !important;
    align-items: center !important;
}

.poll-results-item::before {
    counter-increment: poll-results-counter;
    content: counter(poll-results-counter) " место" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #555 !important;
    background: #f8f8f8;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    min-width: 90px !important;
    text-align: center !important;
    border: 1px solid #dcdcdc;
}

/* Скрываем плашку у 1 места (там круг) */
.poll-results-item:nth-of-type(1)::before { display: none !important; }

/* Дизайн плашек 2 и 3 мест */
.poll-results-item:nth-of-type(2)::before {
    content: "🥈 2 место" !important;
    background: #e6e8fa !important;
    border-color: #a6a6a6 !important;
    font-size: 16px !important; /* Увеличенная медаль */
}
.poll-results-item:nth-of-type(3)::before {
    content: "🥉 3 место" !important;
    background: #faebe6 !important;
    border-color: #d99873 !important;
    font-size: 16px !important; /* Увеличенная медаль */
}

/* ==========================================================================
   3. КАРТОЧКА 1 МЕСТА (ЗОЛОТОЙ КРУГ)
   ========================================================================== */
.poll-winner-item, li.poll-winner-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 40px auto !important;
    width: 280px !important;
    height: 280px !important;
    background: linear-gradient(135deg, #fffcf3 0%, #fff7e6 50%, #fff1d4 100%) !important;
    border: 4px solid #e5a93b !important;
    border-radius: 50% !important;
    /*padding: 25px !important;*/
    box-shadow: 0 12px 35px rgba(229, 169, 59, 0.25) !important;
    box-sizing: border-box !important;
    padding-left: 0 !important; /* Фикс для центра */
}

/* Корона и надписи внутри круга */
.poll-winner-item .poll-results-text {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.poll-winner-item .poll-results-text::after {
    content: "👑" !important;
    font-size: 28px !important;
    transform: scale(1.7) !important;
    margin: 0 auto !important;
    order: -2 !important;
    display: block !important;
}

.poll-winner-item .poll-results-text::before {
    content: "1 МЕСТО" !important;
    font-size: 24px !important;
    color: #e5a93b !important;
    font-weight: 900 !important;
    margin: 0 auto 2px auto !important;
    order: -1 !important;
    display: block !important;
}

.poll-winner-item .poll-results-text strong {
    color: #a36f0a !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.poll-winner-item .pollbar { display: none !important; }

/* ==========================================================================
   4. СТРОКИ РЕЗУЛЬТАТОВ (ПК)
   ========================================================================== */
.poll-results-text {
    display: flex !important;
    align-items: center !important;
    max-width: 250px !important;
    width: 100% !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.pollbar {
    display: inline-block !important;
    height: 16px !important;
    border-radius: 8px !important;
    max-width: calc(100% - 60px) !important;
    transition: width 0.6s ease !important;
}

/* Полная покраска полос (до 20 вариантов) */
.poll-results-item:nth-child(1) .pollbar { background-color: #f49134 !important; } /* Оранжевый */
.poll-results-item:nth-child(2) .pollbar { background-color: #0073aa !important; } /* Синий */
.poll-results-item:nth-child(3) .pollbar { background-color: #2ecc71 !important; } /* Зеленый */
.poll-results-item:nth-child(4) .pollbar { background-color: #9b59b6 !important; } /* Фиолетовый */
.poll-results-item:nth-child(5) .pollbar { background-color: #e74c3c !important; } /* Красный */
.poll-results-item:nth-child(6) .pollbar { background-color: #1abc9c !important; } /* Бирюзовый */
.poll-results-item:nth-child(7) .pollbar { background-color: #f1c40f !important; } /* Желтый */
.poll-results-item:nth-child(8) .pollbar { background-color: #34495e !important; } /* Темно-серый */
.poll-results-item:nth-child(9) .pollbar { background-color: #e67e22 !important; } /* Темно-оранжевый */
.poll-results-item:nth-child(10) .pollbar { background-color: #7f8c8d !important; } /* Асфальтовый */
.poll-results-item:nth-child(11) .pollbar { background-color: #3498db !important; } /* Светло-синий */
.poll-results-item:nth-child(12) .pollbar { background-color: #27ae60 !important; } /* Темно-зеленый */
.poll-results-item:nth-child(13) .pollbar { background-color: #d35400 !important; } /* Терракотовый */
.poll-results-item:nth-child(14) .pollbar { background-color: #8e44ad !important; } /* Темно-фиолетовый */
.poll-results-item:nth-child(15) .pollbar { background-color: #c0392b !important; } /* Бордовый */
.poll-results-item:nth-child(16) .pollbar { background-color: #16a085 !important; } /* Морская волна */
.poll-results-item:nth-child(17) .pollbar { background-color: #f39c12 !important; } /* Янтарный */
.poll-results-item:nth-child(18) .pollbar { background-color: #2c3e50 !important; } /* Полуночный синий */
.poll-results-item:nth-child(19) .pollbar { background-color: #bdc3c7 !important; } /* Светло-серый */
.poll-results-item:nth-child(20) .pollbar { background-color: #222222 !important; } /* Графитовый */


/* ==========================================================================
   5. АДАПТИВНОСТЬ (МОБИЛЬНЫЕ)
   ========================================================================== */
@media screen and (max-width: 600px) {
    .poll-results-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding-left: 115px !important;
    }

    .poll-results-text {
        max-width: 100% !important;
        white-space: normal !important;
    }

    .poll-results-item::before {
        top: 10px !important;
        transform: none !important;
    }

    /* ФИНАЛЬНЫЙ ФИКС КОРОНЫ */
    .poll-winner-item[class] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 260px !important;
        height: 260px !important;
    }
    
    .poll-winner-item .poll-results-text {
        text-align: center !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   6. КНОПКИ, СТАТИСТИКА, МЕНЮ
   ========================================================================== */
input[type="button"].poll-vote-button, a.poll-results-button, a.poll-back-to-vote-button {
    display: block !important;
    padding: 16px 36px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    margin: 15px auto !important;
    min-width: 260px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

input[type="button"].poll-vote-button, a.poll-back-to-vote-button { background: #0073aa !important; color: #fff !important; }
a.poll-results-button { background: #e1f5fe !important; color: #01579b !important; }

/* Дизайн "Всего проголосовало" */
.poll-total-voters {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #fdfcfb 0%, #f7f3ed 100%) !important;
    border: 1px solid #e5a93b !important;
    border-radius: 12px !important;
    padding: 15px 25px !important;
    margin: 30px auto !important;
    max-width: fit-content !important;
    color: #555 !important;
}

.poll-total-voters strong {
    font-size: 22px !important;
    color: #a36f0a !important;
    background: #fff !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #e5a93b !important;
}


/* Лоадер */
.wp-polls-loading { position: absolute !important; width: 0 !important; height: 0 !important; opacity: 0 !important; }

/* Золотой пункт меню */
.menu-top30-gold a { color: #ffd700 !important; font-weight: bold !important; display: inline-flex !important; align-items: center; }
.menu-top30-gold a:before { content: "\f091"; font-family: "FontAwesome"; margin-right: 8px; color: #ffcc00 !important; }

/* Отступ для процентов и голосов в результатах */
.poll-results-text small.poll-votes-count {
    margin-left: 1ch !important; /* Расстояние в одну букву */
    display: inline-block !important;
    white-space: nowrap !important; /* Чтобы скобки не переносились отдельно от текста */
}





