/*
 * Sondages — la section publique.
 *
 * Charte « Affiche » du site : fond de scène noir,
 * enseigne néon rouge, typographie blanche franche,
 * accents cyan électrique et dorés. Tout est scopé
 * sous .rint-so : aucune règle ne s'échappe vers le
 * reste du site, aucune ressource externe.
 */

.rint-so {
	background: #06060a;
	border: 1px solid #2a2a35;
	border-top: 3px solid #e0231c;
	border-radius: 14px;
	color: #f4f2ec;
	margin: 1.5em 0;
	padding: 1.4em 1.4em 1.6em;
}

.rint-so-titre {
	color: #ffffff;
	font-size: 1.65em;
	letter-spacing: 0.02em;
	margin: 0 0 0.35em;
	text-shadow: 0 0 14px rgba(224, 35, 28, 0.55);
}

.rint-so-intro {
	color: #cfccc2;
	line-height: 1.55;
	margin: 0 0 1em;
	max-width: 62ch;
}

.rint-so-retour {
	border-radius: 10px;
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0.8em 1em;
}

.rint-so-confirmation {
	background: #0d2f1a;
	border: 1px solid #1e7a3c;
	color: #c9f2d4;
}

.rint-so-erreur {
	background: #2f0d0d;
	border: 1px solid #e0231c;
	color: #ffd9d6;
}

.rint-so-etat {
	background: #101018;
	border: 1px dashed #8c8f94;
	border-radius: 10px;
	color: #e8e5da;
	line-height: 1.55;
	padding: 1em 1.1em;
}

.rint-so-invitation {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #d4a017;
	border-radius: 10px;
	line-height: 1.55;
	margin: 0 0 1.2em;
	padding: 1em 1.1em;
}

.rint-so-actions {
	margin: 0.8em 0 0;
}

.rint-so-rayon-titre {
	border-bottom: 2px solid #e0231c;
	color: #ffffff;
	font-size: 1.25em;
	margin: 1.3em 0 0.9em;
	padding-bottom: 0.3em;
}

.rint-so-carte {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #14607e;
	border-radius: 10px;
	margin: 0 0 1em;
	padding: 1em 1.05em;
}

.rint-so-moment {
	border-left-color: #e0231c;
	box-shadow: 0 0 18px rgba(224, 35, 28, 0.25);
}

.rint-so-bandeau {
	border-radius: 8px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 0.7em;
	padding: 0.45em 0.7em;
}

.rint-so-bandeau-moment {
	background: #e0231c;
	color: #ffffff;
}

.rint-so-bandeau-ferme {
	background: #2a2a35;
	color: #ffd9d6;
}

.rint-so-carte-question {
	color: #ffd75e;
	font-size: 1.25em;
	line-height: 1.3;
	margin: 0 0 0.7em;
	text-shadow: 0 0 10px rgba(212, 160, 23, 0.35);
}

.rint-so-ferme .rint-so-carte-question {
	color: #cfccc2;
	text-shadow: none;
}

.rint-so-choix {
	border: 0;
	margin: 0 0 0.4em;
	padding: 0;
}

.rint-so-legende {
	color: #cfccc2;
	font-weight: 700;
	margin-bottom: 0.5em;
	padding: 0;
}

.rint-so-choix-ligne {
	align-items: center;
	background: #16161f;
	border: 1px solid #2e2e3c;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	gap: 0.6em;
	margin: 0 0 0.5em;
	min-height: 44px;
	padding: 0.55em 0.8em;
}

.rint-so-choix-ligne:hover,
.rint-so-choix-ligne:focus-within {
	border-color: #14607e;
}

.rint-so-choix-ligne input[type="radio"] {
	accent-color: #e0231c;
	height: 1.15em;
	width: 1.15em;
}

.rint-so-choix-liste {
	line-height: 1.7;
	margin: 0 0 0.6em;
	padding-left: 1.3em;
}

.rint-so-resultats {
	border-top: 1px solid #2a2a35;
	margin-top: 0.9em;
	padding-top: 0.8em;
}

.rint-so-total {
	color: #f4f2ec;
	font-weight: 700;
	margin: 0 0 0.6em;
}

.rint-so-barres {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rint-so-ligne {
	margin: 0 0 0.7em;
}

.rint-so-choix-texte {
	color: #f4f2ec;
}

.rint-so-choix-chiffres {
	color: #7fd8ff;
	font-weight: 700;
	margin-left: 0.5em;
}

.rint-so-barre {
	background: #1d1d28;
	border-radius: 6px;
	display: block;
	height: 10px;
	margin-top: 0.3em;
	overflow: hidden;
}

.rint-so-barre-remplie {
	background: linear-gradient(90deg, #14607e, #22a8e0);
	display: block;
	height: 100%;
}

.rint-so-mon-choix .rint-so-barre-remplie {
	background: linear-gradient(90deg, #b91a14, #e0231c);
}

.rint-so-ton-vote {
	background: #d4a017;
	border-radius: 6px;
	color: #06060a;
	display: inline-block;
	font-size: 0.82em;
	font-weight: 700;
	margin-left: 0.6em;
	padding: 0.1em 0.5em;
}

.rint-so-note,
.rint-so-notes {
	color: #a9a69a;
	font-size: 0.92em;
	line-height: 1.55;
}

.rint-so-notes {
	border-top: 1px solid #2a2a35;
	margin-top: 1.4em;
	padding-top: 0.9em;
}

.rint-so-notes p {
	margin: 0 0 0.5em;
}

.rint-so-form {
	margin: 0 0 0.6em;
}

.rint-so-pm {
	left: -9999px;
	position: absolute;
}

.rint-so-bouton {
	background: #e0231c;
	border: 1px solid #e0231c;
	border-radius: 8px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	min-height: 44px;
	padding: 0.65em 1.1em;
	text-decoration: none;
}

.rint-so-bouton:hover,
.rint-so-bouton:focus {
	background: #b91a14;
	border-color: #b91a14;
	color: #ffffff;
}

.rint-so-bouton-source {
	background: transparent;
	border-color: #14607e;
	color: #7fd8ff;
}

.rint-so-bouton-source:hover,
.rint-so-bouton-source:focus {
	background: #0d2f3f;
	color: #aee7ff;
}