/* Ardent Pêche — module de notation des articles. */
.ardent-note {
	--note-encre: var(--ardent-encre, #13211D);
	--note-gris: var(--ardent-gris, #5E6A64);
	--note-ligne: var(--ardent-ligne, #DADDD8);
	--note-on: var(--ardent-leurres, #E2622B);
	position: relative;
	margin: 3rem 0 1rem !important;
	padding: 1.75rem 1rem 1.5rem;
	border-top: 2px solid var(--note-encre);
	text-align: center;
}
.ardent-note > * { margin: 0 !important; }

.ardent-note__titre {
	font-family: var(--ardent-display, "industry", "Arial Narrow", sans-serif);
	font-size: 1.375rem;
	font-style: italic;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--note-encre);
}

.ardent-note__etoiles {
	display: inline-flex;
	gap: 0.25rem;
	margin-top: 0.875rem !important;
}

.ardent-note__etoile {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--note-gris);
	cursor: pointer;
	transition: transform .15s ease;
}
.ardent-note__etoile svg {
	width: 34px;
	height: 34px;
	fill: transparent;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linejoin: round;
	transition: fill .15s ease, stroke .15s ease;
}
.ardent-note__etoile.is-on { color: var(--note-on); }
.ardent-note__etoile.is-on svg { fill: var(--note-on); }
.ardent-note:not(.is-vote) .ardent-note__etoile:hover { transform: scale(1.12); }
.ardent-note__etoile:focus-visible { outline: 2px solid var(--note-on); outline-offset: 1px; }
.ardent-note__etoile:disabled { cursor: default; }
.ardent-note.is-envoi .ardent-note__etoiles { opacity: 0.5; }

.ardent-note__libelle {
	min-height: 1.4em;
	margin-top: 0.375rem !important;
	font-family: var(--ardent-mono, "Karla", sans-serif);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--note-encre);
}
.ardent-note.is-vote .ardent-note__libelle { text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 0.9375rem; }

.ardent-note__resume {
	min-height: 1.3em;
	margin-top: 0.25rem !important;
	font-family: var(--ardent-mono, "Karla", sans-serif);
	font-size: 0.8125rem;
	color: var(--note-gris);
}
.ardent-note__resume strong { color: var(--note-encre); font-size: 1rem; }

.ardent-note__piege {
	position: absolute !important;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.ardent-note__etoile, .ardent-note__etoile svg { transition: none; }
}