/* == WP-POLLS == */

.wp-polls {
    padding-top: 0rem;
    margin-bottom: 0rem;
    font-size: .9rem;
}

/* Заголовок питання */
.wp-polls h3,
.wp-polls h4 {
  font-size: 13px;
  font-weight: 600;
  color: var(--rl-ink);
  margin-bottom: 12px;
}

/* Список відповідей */
.wp-polls ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}

.wp-polls ul li {
    margin-bottom: .65rem;
}

/* Радіо / чекбокси */
.wp-polls input[type="radio"],
.wp-polls input[type="checkbox"] {
    margin-right: .5rem;
    transform: scale(1.1);
    cursor: pointer;
  accent-color: var(--rl-blue);
	
}

/* Кнопка голосування */
.wp-polls input.Buttons,
.wp-polls input[type="submit"] {
  background: var(--rl-blue);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.wp-polls input.Buttons:hover {
  background: var(--rl-blue-dark);
}

/* ===== RESULTS ===== */

.wp-polls .pollbarcontainer {
    background-color: #4ade80;
    border-radius: .5rem;
    overflow: hidden;
    height: 1.25rem;
    margin-top: .25rem;
}

/* Прогрес */
.wp-polls .pollbar {
    height: 100%;
    border-radius: .5rem;
    animation: pollGrow 1s ease-out;
	border: 0rem !important;
}

/* Анімація */
@keyframes pollGrow {
    from { width: 0; }
}

/* Відсотки */
.wp-polls .pollpercent {
    font-size: .85rem;
    font-weight: 500;
    margin-left: .5rem;
    white-space: nowrap;
}

/* Кількість голосів */
.wp-polls .pollvoters {
    font-size: .85rem;
    color: var(--rl-blue-dark);
    margin-top: .75rem;
}

/* Посилання */
.wp-polls a {
    color: var(--rl-blue-dark);
    text-decoration: none;
}

.wp-polls a:hover {
    text-decoration: underline;
}

/* ===== COLORS (Bootstrap palette) ===== */

.wp-polls ul li:nth-child(1) .pollbar { background-color: #60a5fa; }
.wp-polls ul li:nth-child(2) .pollbar { background-color: #4ade80; }
.wp-polls ul li:nth-child(3) .pollbar { background-color: #db2777; }
.wp-polls ul li:nth-child(4) .pollbar { background-color: #fce7f3; }
.wp-polls ul li:nth-child(5) .pollbar { background-color: #0284c7; }
.wp-polls ul li:nth-child(6) .pollbar { background-color: #6f42c1; }
.wp-polls ul li:nth-child(7) .pollbar { background-color: #fd7e14; }

/* ===== DARK MODE ===== */

[data-bs-theme="dark"] .wp-polls {
    border-color: rgba(255,255,255,.1);
}