/* ==========================================================================
   1. СОВРЕМЕННЫЕ ВАРИАНТЫ ОТВЕТОВ (Возвращаем дизайн блоков)
   ========================================================================== */
.wp-polls-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.poll-answer-item {
    margin-bottom: 10px !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: 16px 18px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    font-size: 18px !important;
    background-color: #ffffff !important;
    border: 2px 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: 2px solid #f49134 !important;
}

.poll-answer-label::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    border: 2px solid #ddd !important;
    border-radius: 50% !important;
    margin-right: 14px !important;
    flex-shrink: 0 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

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

/* ==========================================================================
   2. РАЗНОЦВЕТНЫЕ ПОЛОСЫ РЕЗУЛЬТАТОВ
   ========================================================================== */
.poll-results-item {
    list-style: none !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
}

.poll-results-text {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 6px !important;
    color: #333333 !important;
}

.poll-votes-count {
    color: #777777 !important;
    font-size: 14px !important;
}

.pollbar {
    height: 16px !important;
    border-radius: 8px !important;
    margin: 5px 0 10px 0 !important;
    transition: width 0.6s ease-in-out !important;
}

/* Автоматическая покраска полос в разные цвета */
.poll-results-item:nth-child(1) .pollbar { background-color: #f49134 !important; } /* 1-я полоса: Оранжевая */
.poll-results-item:nth-child(2) .pollbar { background-color: #0073aa !important; } /* 2-я полоса: Синяя */
.poll-results-item:nth-child(3) .pollbar { background-color: #2ecc71 !important; } /* 3-я полоса: Зеленая */
.poll-results-item:nth-child(4) .pollbar { background-color: #9b59b6 !important; } /* 4-я полоса: Фиолетовая */

/* ==========================================================================
   3. ТОЛСТЫЕ И РАЗНОЦВЕТНЫЕ КНОПКИ
   ========================================================================== */
input[type="button"].poll-vote-button {
    display: block !important;
    background: #0073aa !important;
    color: #ffffff !important;
    padding: 16px 36px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    margin: 15px auto !important;
    min-width: 260px !important;
    text-align: center !important;
}

a.poll-results-button {
    display: block !important;
    background: #e1f5fe !important; /* Бирюзовый */
    color: #01579b !important;       /* Синий текст */
    padding: 16px 36px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin: 15px auto !important;
    min-width: 260px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

a.poll-back-to-vote-button {
    display: inline-block !important;
    background: #0073aa !important;
    color: #ffffff !important;
    padding: 16px 36px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin: 15px auto !important;
    min-width: 260px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   4. СКРЫТИЕ ЛОАДЕРА
   ========================================================================== */
div[id^="polls-"][id$="-loading"].wp-polls-loading,
#wp-polls-loading, .wp-polls-loading {
    display: block !important;
    position: absolute !important;
    width: 0 !important; height: 0 !important;
    overflow: hidden !important; opacity: 0 !important;
}


/* ==========================================================================
   УСИЛЕННЫЕ СТИЛИ ДЛЯ ПЕРВОГО МЕСТА (ЖЕСТКИЙ СБРОС ТАБЛИЧНОЙ ВЕРСТКИ)
   ========================================================================== */

/* 1. Центрируем саму строку-контейнер и сбрасываем таблицы */
.poll-winner-item,
li.poll-winner-item,
.poll-winner-item table {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    float: none !important;
}

/* 2. НАГИБАЕМ ТАБЛИЧНУЮ ВЕРСТКУ ПЛАГИНА (Сдвигаем шкалу и проценты в центр) */
.poll-winner-item tr,
.poll-winner-item td {
    display: block !important;             /* Превращаем ячейки таблицы в блоки */
    text-align: center !important;         /* Центрируем текст внутри них */
    margin: 0 auto !important;             /* Центрируем сами ячейки по горизонтали */
    float: none !important;
    width: 100% !important;                /* Растягиваем на всю ширину для центрации */
}

/* 3. Настройка золотого текста лидера */
.poll-winner-item div strong,
.poll-winner-item strong,
.poll-winner-item .poll-results-text {
    color: #d4af37 !important;            /* Красивый золотой цвет */
    font-size: 22px !important;            /* Увеличенный размер текста */
    font-weight: 900 !important;           /* Максимальная жирность */
    letter-spacing: 0.5px !important;      /* Интервал букв */
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.25), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* 4. ЖЕСТКОЕ ЦЕНТРИРОВАНИЕ САМОЙ ПОЛОСЫ ПРОГРЕССА (ШКАЛЫ) */
.poll-winner-item .poll-bar,
.poll-winner-item [class*="bar"],
.poll-winner-item div[style*="width"],
.poll-winner-item td img {                /* На случай если шкала сделана картинкой */
    display: block !important;             
    float: none !important;                
    margin: 10px auto !important;          /* Выравнивает шкалу по центру */
    max-width: 100% !important;
}

/* 5. ЖЕСТКОЕ ЦЕНТРИРОВАНИЕ ПРОЦЕНТОВ И КОЛИЧЕСТВА ГОЛОСОВ */
.poll-winner-item .poll-votes-count,
.poll-winner-item small,
.poll-winner-item .wp-polls-voted {
    font-size: 18px !important;            /* Крупные проценты */
    color: #bfa15f !important;             /* Благородное золото */
    font-weight: 700 !important;
    
    display: block !important;             
    text-align: center !important;         
    margin: 5px auto 0 auto !important;    
    float: none !important;
}

/* Отступы текстового блока результатов */
.poll-winner-item .poll-results-text {
    margin-bottom: 2px !important;
    padding-top: 5px !important;
}

/* 6. РАЗМЕЩЕНИЕ КОРОНЫ СТРОГО НАД ВСЕМ БЛОКОМ */
.poll-winner-item div strong::before,
.poll-winner-item strong::before,
.poll-winner-item li::before {
    content: "👑" !important;              
    display: block !important;             
    font-size: 32px !important;            
    text-align: center !important;         
    margin: 0 auto 2px auto !important;    
    line-height: 1 !important;             
    opacity: 1 !important;
    visibility: visible !important;
}