/* Style sondaży  */
.poll-created {
	margin-bottom:5px;
	margin-top:-15px;
	font-size:13px;
	color:#777;
}

.poll-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 15px;
    position: relative;
}

/* ukrycie natywnego radiobuttona */
.poll-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

/* custom kółko */
.custom-radio {
    width: 15px;
    height: 15px;
    border: 2px solid #555;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0; /* nie kurczy się przy długim tekście */
}

/* zaznaczone kółko */
.poll-option input[type="radio"]:checked + .custom-radio {
    border-color: #5c1884;
}

.poll-option input[type="radio"]:checked + .custom-radio::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #7f1eb8;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* tekst opcji wraz z ikoną */
.poll-option span:not(.custom-radio) {
    flex: 1;
    line-height: 1.7; /* odstęp między wierszami dla wieloliniowego tekstu */
}

/* przycisk głosowania */
.poll-submit {
    margin-top: 10px;
    padding: 5px 14px !important;
    background: #7a5296 !important;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.poll-submit:hover {
    background: #5c1884 !important;
}

.poll-results {
    margin-top: 15px;
    font-size: 15px;
}

.poll-results .bar-wrap {
	background:#eee;
	border-radius:8px;
	height:28px;
	margin:6px 0;
	overflow:hidden;
	position:relative
}

.poll-results .bar {
	height:100%;
	text-align:right;
	color:#fff;
	padding-right:10px;
	line-height:28px;
	border-radius:8px;
	transition:width 0.8s ease;
}
.poll-results .bar-icon {
	position:absolute;
	left:10px;
	top:2px;font-size:18px
}

@media(max-width:480px) {
	.poll-results .bar-wrap {
		height:24px
	}
	.poll-results .bar {
		line-height:24px;
		padding-right:6px
	}
	.poll-results .bar-icon {
		font-size:16px;
		top:1px
	}
}