/**
 * Racin.mk — Poll Maker card skin
 * Scoped to .racin-poll-card so it only affects wrapped polls.
 */

.racin-poll-card {
	--racin-poll-red: #a82506;
	--racin-poll-text: #1a1a1a;
	--racin-poll-muted: #6b6b6b;
	--racin-poll-line: #e8e0d4;
	--racin-poll-header-bg: #fffaf4;
	--racin-poll-answers-bg: #fff3d6;
	--racin-poll-answers-line: #f0ddb0;
	--racin-poll-radius: 14px;
	--racin-poll-pad-x: 20px;

	background: #fff;
	border-radius: var(--racin-poll-radius);
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.06);
	overflow: hidden;
	max-width: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* —— Header —— */
.racin-poll-card__header {
	display: block;
	padding: 14px var(--racin-poll-pad-x);
	background: var(--racin-poll-header-bg);
	border-bottom: 1px solid var(--racin-poll-line);
}

.racin-poll-card__ask {
	color: var(--racin-poll-red);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

/* —— Poll Maker overrides inside the card —— */
.racin-poll-card .ays-poll-main {
	margin: 0 !important;
	max-width: 100% !important;
}

.racin-poll-card .box-apm {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 18px var(--racin-poll-pad-x) 20px !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: #fff !important;
	background-image: none !important;
	position: relative;
}

.racin-poll-card .ays-poll-main .box-apm > div {
	margin: 0 !important;
}

/* Hide plugin title if ever enabled — we supply our own header */
.racin-poll-card .apm-title-box:not(.ays_res_mess) {
	display: none !important;
}

/* Question */
.racin-poll-card .ays_question,
.racin-poll-card .ays_question * {
	text-align: left !important;
	font-family: inherit !important;
}

.racin-poll-card .ays_question {
	padding: 4px 0 16px !important;
	color: var(--racin-poll-text);
}

.racin-poll-card .ays_question p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--racin-poll-text) !important;
	text-align: left !important;
}

/* Answers yellow box */
.racin-poll-card .apm-answers {
	background: var(--racin-poll-answers-bg) !important;
	border-radius: 12px !important;
	padding: 4px 4px !important;
	margin: 0 0 8px !important;
	overflow: hidden;
}

.racin-poll-card .apm-answers > .apm-choosing {
	display: flex !important;
	align-items: center !important;
	gap: 10px;
	margin: 0 !important;
	padding: 0 12px !important;
	border-bottom: 1px solid var(--racin-poll-answers-line) !important;
	background: transparent !important;
}

.racin-poll-card .apm-answers > .apm-choosing:last-child {
	border-bottom: none !important;
}

/* Minimal theme radios */
.racin-poll-card .ays-minimal-theme .apm-choosing input[type="radio"] {
	display: block !important;
	flex-shrink: 0;
	appearance: none;
	-webkit-appearance: none;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	border: 1.5px solid #b0b0b0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	opacity: 1 !important;
	cursor: pointer;
	box-shadow: none !important;
	position: relative;
}

.racin-poll-card .ays-minimal-theme .apm-answers .apm-choosing input[type="radio"]:checked::after {
	content: "" !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background-color: var(--racin-poll-red) !important;
}

.racin-poll-card .ays-minimal-theme .apm-choosing input[type="radio"]:checked {
	border-color: var(--racin-poll-red) !important;
}

.racin-poll-card .ays-minimal-theme .apm-choosing label,
.racin-poll-card .ays-minimal-theme .apm-choosing label.ays_label_poll {
	flex: 1;
	display: flex !important;
	align-items: center !important;
	width: auto !important;
	margin: 0 !important;
	padding: 14px 4px 14px 0 !important;
	border: none !important;
	background: transparent !important;
	color: var(--racin-poll-text) !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	cursor: pointer;
	box-shadow: none !important;
}

.racin-poll-card .ays-minimal-theme .apm-choosing input[type="radio"]:checked + label,
.racin-poll-card .ays-minimal-theme .apm-choosing label.ays_enable_hover:hover {
	background-color: transparent !important;
	color: var(--racin-poll-text) !important;
	border-color: transparent !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

.racin-poll-card .ays-minimal-theme .apm-choosing input[type="radio"]:checked + label *,
.racin-poll-card .ays-minimal-theme .apm-choosing label.ays_enable_hover:hover * {
	color: var(--racin-poll-text) !important;
}

.racin-poll-card .ays-poll-each-answer-list,
.racin-poll-card .ays-poll-answers,
.racin-poll-card .ays-poll-answers span {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

/* Vote / results buttons */
.racin-poll-card .apm-button-box {
	padding-top: 8px;
}

.racin-poll-card input[type="button"].ays-poll-btn {
	background: var(--racin-poll-red) !important;
	color: #fff !important;
	border-radius: 8px !important;
	border: none !important;
	padding: 10px 22px !important;
	font-weight: 600 !important;
}

.racin-poll-card input[type="button"].ays-poll-btn:hover,
.racin-poll-card input[type="button"].ays-poll-btn:focus {
	filter: brightness(0.92);
	opacity: 1 !important;
}

/* Results state */
.racin-poll-card .results-apm {
	padding: 0 !important;
}

.racin-poll-card .ays_res_mess {
	display: block;
	text-align: left !important;
	padding: 8px 0;
	color: var(--racin-poll-muted);
}

.racin-poll-card .ays_poll_passed_count {
	position: static !important;
	display: inline-block !important;
	margin-top: 8px !important;
	padding: 4px 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--racin-poll-muted) !important;
	font-weight: 500 !important;
}

.racin-poll-card div.ays-poll-main div.answer-percent {
	background-color: var(--racin-poll-red) !important;
	border-radius: 4px;
}

@media screen and (max-width: 480px) {
	.racin-poll-card {
		--racin-poll-pad-x: 14px;
		--racin-poll-radius: 12px;
	}

	.racin-poll-card__ask {
		font-size: 13px;
	}

	.racin-poll-card .ays_question p {
		font-size: 17px !important;
	}

	.racin-poll-card .ays-minimal-theme .apm-choosing label,
	.racin-poll-card .ays-minimal-theme .apm-choosing label.ays_label_poll {
		font-size: 15px !important;
		padding: 12px 4px 12px 0 !important;
	}
}