/**
 * Plugin Notation — adaptation Edition999 2026
 * Plugin original : JEM et b_b — GNU/GPL
 * La mécanique des étoiles et les SVG du plugin sont conservés.
 */

.star-rating-control,
.notation_note {
  display: flex;
  flex-direction: row;
}

.notation_note .rating-cancel,
.notation_note .star-rating {
  display: block;
  width: 1em;
  height: 1em;
  text-indent: -999em;
  cursor: pointer;
  background: transparent;
  overflow: hidden;
  margin-right: .0625em;
}

.notation_note .rating-cancel {
  margin-right: .25em;
  margin-top: .0625em;
}

.notation_note .star-rating,
.notation_note .star-rating a {
  background: url('img/notation-star.svg') no-repeat;
  background-size: 1em 3em;
  background-position: center top;
}

.notation_note .rating-cancel,
.notation_note .rating-cancel a {
  background: url('img/notation-delete.svg') no-repeat;
  background-size: 1em 2em;
  background-position: center top;
}

.notation_note .rating-cancel a,
.notation_note .star-rating a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  border: 0;
}

.notation_note .star-rating-on a { background-position: center !important; }
.notation_note .rating-cancel.star-rating-on a { background-position: center top !important; }
.notation_note .star-rating-hover a { background-position: center bottom; }
.notation_note .rating-cancel.star-rating-hover a { background-position: center bottom; }

.notation_note .star-rating-readonly a,
.notation_note .star-rating-readonly {
  cursor: default !important;
}

.notation_note .star-rating {
  background: transparent !important;
  overflow: hidden !important;
}

.notation_note_container {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-family: var(--e999-font-ui, "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
}

.notation_note_container .notation_valeur { margin-left: .5em; }
.notation_note_container .rating-cancel { display: none; }
.notation_note_container.a_vote .rating-cancel { display: block; }

/* Affichage dans les modèles */
.notation-align-left { float: left; }
.notation-align-right { float: right; }
.notation-align-center { margin: 0 auto; }

.notation {
  color: var(--e999-anthracite, #23272B);
  font-family: var(--e999-font-ui, "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
}

.notation .notation_note {
  color: var(--e999-orange, #C75300);
  font-weight: normal;
}

.notation .topten {
  border: 1px solid var(--e999-grey-light, #D8E2E3);
  padding: 1px;
}

.notation td { padding: 0 5px; }

.notation .ligne_paire {
  background-color: rgba(216,226,227,.38);
}

.notation thead tr {
  background-color: var(--e999-grey-light, #D8E2E3);
  text-align: center;
  color: var(--e999-anthracite, #23272B);
}

.notation .auteurs {
  border: 1px solid var(--e999-grey-light, #D8E2E3);
  border-bottom: 0;
  border-right: 0;
}

.notation .auteurs .nom {
  border-bottom: 1px solid var(--e999-grey-light, #D8E2E3);
}

.notation .auteurs .note {
  border: 1px solid var(--e999-grey-light, #D8E2E3);
  border-left: 0;
  border-top: 0;
}

.notation .stat {
  font-size: .81em;
  border: 1px solid var(--e999-grey-light, #D8E2E3);
}

.notation .barre {
  background-color: var(--e999-orange, #C75300);
  height: 10px;
  line-height: 5px;
  font-size: .4em;
  display: block;
  float: left;
  margin-top: 1em;
  margin-right: 1em;
}

/* Affichage des critiques */
.notation-critique {
  font-size: .9em;
  border: 1px solid var(--e999-orange, #C75300);
  padding: 0;
  color: var(--e999-anthracite, #23272B);
  font-family: var(--e999-font-ui, "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
}

.notation-critique .titre-note a {
  font-weight: 700;
  color: var(--e999-white, #FFFFFF);
  background-color: var(--e999-orange, #C75300);
  padding: 0 5px;
  margin: 0;
}

.notation-critique .titre-note a:hover {
  background-color: var(--e999-orange-dark, #A94400);
}

.notation-critique .titre-note a:focus-visible {
  outline: 2px solid var(--e999-orange, #C75300);
  outline-offset: 2px;
}

.notation-critique .spip { margin: 0 0 0 5px; }

.notation-critique small {
  color: var(--e999-anthracite, #23272B);
  font-size: .8em;
  font-weight: normal;
}

.notation-critique .grosse_note {
  float: right;
  border: 2px solid var(--e999-orange, #C75300);
  padding: 0 10px;
  margin-left: 3px;
  color: var(--e999-orange, #C75300);
  font-size: 3em;
  font-weight: 700;
}

.formulaire_notation button {
  border: none;
  background-color: transparent;
  display: inline;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
}

.formulaire_notation button:focus-visible {
  outline: 2px solid var(--e999-orange, #C75300);
  outline-offset: 3px;
}

.formulaire_notation button img {
  vertical-align: middle;
  padding: 0 !important;
  margin: 0;
}