/* ===== Ruzna Core — front-end UI for poll / newsletter / membership ===== */

.ruzna-notice {
	padding: 10px 16px;
	border-radius: 10px;
	font-size: 13.5px;
	margin-bottom: 16px;
}
.ruzna-notice--success { background: #e7f0fc; color: #0a2f6b; border: 1px solid #1a5bb8; }
.ruzna-notice--error   { background: #fdeaea; color: #8a1f1f; border: 1px solid #d65a5a; }

/* Poll */
.ruzna-poll__title { margin: 0 0 12px; font-size: 14.5px; font-weight: 700; color: #0a2f6b; }
.ruzna-poll__option { display: block; font-size: 13.5px; margin-bottom: 8px; cursor: pointer; }
.ruzna-poll__submit,
.ruzna-newsletter-form button,
.ruzna-form button {
	border: none;
	background: #1a5bb8;
	color: #fff;
	padding: 9px 18px;
	border-radius: 10px;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s;
}
.ruzna-poll__submit:hover,
.ruzna-newsletter-form button:hover,
.ruzna-form button:hover { background: #0a2f6b; }

.ruzna-poll__results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ruzna-poll__results li { display: grid; grid-template-columns: 1fr 2fr auto; gap: 8px; align-items: center; font-size: 13px; }
.ruzna-poll__bar { background: #e7f0fc; border-radius: 6px; height: 8px; overflow: hidden; display: block; }
.ruzna-poll__bar span { display: block; height: 100%; background: #1a5bb8; }

/* Newsletter */
.ruzna-newsletter-form input[type="email"] {
	width: 100%;
	border: 1px solid #dde6f3;
	border-radius: 10px;
	padding: 10px 12px;
	font-family: inherit;
	margin-bottom: 10px;
}

/* Membership */
.ruzna-account--guest { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ruzna-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.ruzna-form input[type="text"],
.ruzna-form input[type="email"],
.ruzna-form input[type="password"] {
	border: 1px solid #dde6f3;
	border-radius: 10px;
	padding: 9px 12px;
	font-family: inherit;
	font-size: 13.5px;
}
.ruzna-btn-outline {
	background: transparent !important;
	border: 1.5px solid #1a5bb8 !important;
	color: #1a5bb8 !important;
}
.ruzna-btn-outline:hover { background: #1a5bb8 !important; color: #fff !important; }

@media (max-width: 680px) {
	.ruzna-account--guest { grid-template-columns: 1fr; }
}