/* Nobuo Comment and Rating. Reprend les variables du theme quand elles existent. */

.nb-car-vote{
  margin:0 0 26px; padding:20px 22px;
  background:var(--nb-panel,#131315);
  border:1px solid var(--nb-line,#26262a);
}
.nb-car-vote-titre{
  margin:0 0 16px!important;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--nb-muted,#8c8b88)!important;
}

.nb-car-curseurs{ list-style:none!important; margin:0!important; padding:0!important; }
.nb-car-curseurs li{
  display:flex; align-items:center; gap:.7em;
  padding:9px 0; border-bottom:1px solid var(--nb-line,#26262a);
  list-style:none!important;
}
.nb-car-curseurs li:last-child{ border-bottom:0; }
.nb-car-curseurs li::before{ font-size:15px; color:var(--nb-dim,#63625f); }
.nb-car-curseurs label{
  flex:0 0 190px; font-size:13px; color:var(--nb-muted,#8c8b88); margin:0;
}
.nb-car-curseurs li.est-notee label{ color:var(--nb-text,#d8d6d2); }
.nb-car-curseurs input[type="range"]{
  flex:1 1 auto; accent-color:var(--nb-accent,#9a2f2f); margin:0;
}
.nb-car-curseurs output{
  flex:0 0 48px; text-align:right;
  font-size:13px; color:var(--nb-dim,#63625f); font-variant-numeric:tabular-nums;
}
.nb-car-curseurs li.est-notee output{ color:#cfcdc9; }

@media (max-width:690px){
  .nb-car-curseurs li{ flex-wrap:wrap; }
  .nb-car-curseurs label{ flex:1 0 100%; }
}

/* Piege a robots : invisible mais atteignable par les scripts. */
.nb-car-piege{
  position:absolute!important; left:-9999px!important;
  width:1px; height:1px; overflow:hidden;
}

.nb-car-connexion{
  padding:18px 22px; margin:0 0 20px;
  background:var(--nb-panel,#131315);
  border:1px solid var(--nb-line,#26262a);
  border-left:3px solid var(--nb-accent,#9a2f2f);
  font-size:14px; color:var(--nb-muted,#8c8b88)!important;
}

/* Notes du lecteur : accordeon natif, ferme par defaut, place sous la date. */
.nb-car-note-lecteur{
  margin:0 0 16px;
  background:var(--nb-panel,#131315);
  border:1px solid var(--nb-line,#26262a);
}
.nb-car-note-lecteur-titre{
  position:relative; display:block; cursor:pointer; list-style:none;
  padding:14px 52px 14px 18px;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--nb-muted,#8c8b88)!important;
  transition:color .15s ease;
}
.nb-car-note-lecteur-titre::-webkit-details-marker{ display:none; }
.nb-car-note-lecteur-titre::marker{ content:""; }
.nb-car-note-lecteur-titre:hover,
.nb-car-note-lecteur[open] .nb-car-note-lecteur-titre{ color:#fff!important; }
.nb-car-note-lecteur-titre strong{ color:#eceae6; font-size:16px; letter-spacing:0; }

/* Oeil ouvert quand replie, oeil barre rouge quand deplie. */
.nb-car-note-lecteur-titre::after{
  content:""; position:absolute; right:16px; top:50%;
  margin-top:-11px; width:22px; height:22px;
  background-color:var(--nb-muted,#8c8b88);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.8-6.5%2010-6.5S22%2012%2022%2012s-3.8%206.5-10%206.5S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.8-6.5%2010-6.5S22%2012%2022%2012s-3.8%206.5-10%206.5S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  transition:background-color .18s ease;
}
.nb-car-note-lecteur-titre:hover::after{ background-color:#fff; }
.nb-car-note-lecteur[open] .nb-car-note-lecteur-titre::after{
  background-color:#b96565;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.8-6.5%2010-6.5S22%2012%2022%2012s-3.8%206.5-10%206.5S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%204%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.8-6.5%2010-6.5S22%2012%2022%2012s-3.8%206.5-10%206.5S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%204%22%2F%3E%3C%2Fsvg%3E");
}

.nb-notes-lecteur{ padding:0 18px 16px!important; margin:0!important; }
.nb-notes-lecteur li{ font-size:12px; padding-bottom:10px; margin-bottom:11px; }
.nb-notes-lecteur li:last-child{ margin-bottom:0; }

/* Largeur des barres pilotee par la variable posee sur chaque ligne. */
.nb-notes li::after{ width:var(--nb-w,0); }

/* Zone de commentaires posee par [nobuo_commentaires]. */
.nb-car-zone{ margin-top:44px; }
.nb-car-compte{
  display:inline-block; margin-left:8px; padding:1px 8px;
  font-size:12px; letter-spacing:0;
  background:var(--nb-panel,#131315);
  border:1px solid var(--nb-line,#26262a);
  color:var(--nb-muted,#8c8b88);
}
.nb-car-liste{ list-style:none!important; margin:0 0 32px!important; padding:0!important; }
.nb-car-liste li{ list-style:none!important; }
.nb-car-liste .comment-body{
  padding:20px 22px; margin-bottom:12px;
  background:var(--nb-panel,#131315);
  border:1px solid var(--nb-line,#26262a);
}
.nb-car-liste .comment-author{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.nb-car-liste .comment-author img{ border-radius:50%; }
.nb-car-liste .comment-author .fn{ font-style:normal; font-weight:600; color:#d0cec9; }
.nb-car-liste .comment-meta,
.nb-car-liste .comment-metadata{ font-size:12px; color:var(--nb-dim,#63625f); margin-bottom:10px; }
.nb-car-liste .comment-meta a,
.nb-car-liste .comment-metadata a{ color:var(--nb-dim,#63625f); }
.nb-car-liste .children{ list-style:none!important; margin:0 0 0 26px!important; padding:0!important; }
.nb-car-vide{ color:var(--nb-dim,#63625f)!important; font-size:14px; margin-bottom:28px; }

.nb-car-formulaire .comment-form textarea{
  width:100%; background:#0f0f11; color:var(--nb-text,#d8d6d2);
  border:1px solid var(--nb-line,#26262a); padding:12px;
}
.nb-car-formulaire .comment-reply-title{
  font-size:15px!important; letter-spacing:.16em; text-transform:uppercase;
  color:var(--nb-muted,#8c8b88)!important; margin-bottom:18px!important;
}

/* Message affiche a l'editeur quand aucune note n'est saisie. */
.nb-car-avert{
  padding:16px 18px; margin:0 0 18px;
  background:#141012; border:1px solid #3a2222; border-left:3px solid var(--nb-accent,#9a2f2f);
  font-size:13px; line-height:1.6; color:#b3b0ac!important;
}

/* Zone de notation masquee pendant la redaction d'une reponse. */
.nb-car-vote-zone.est-masquee .nb-car-vote{ display:none; }

/* Vote deja enregistre : accordeon replie. */
.nb-car-vote-existant{ padding:0; }
.nb-car-vote-existant .nb-car-vote-titre{
  position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  cursor:pointer; list-style:none;
  margin:0!important; padding:16px 20px;
}
.nb-car-vote-existant .nb-car-vote-titre::-webkit-details-marker{ display:none; }
.nb-car-vote-existant .nb-car-vote-titre::marker{ content:""; }
.nb-car-vote-existant .nb-car-vote-titre strong{
  color:#eceae6; font-size:16px; letter-spacing:0;
}
.nb-car-modifier{
  margin-left:auto; padding:4px 11px;
  font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:#b8b6b2; background:#17171a;
  border:1px solid var(--nb-line,#26262a);
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.nb-car-vote-existant .nb-car-vote-titre:hover .nb-car-modifier{
  color:#fff; background:#1f1f23; border-color:var(--nb-line2,#333337);
}
.nb-car-vote-existant[open] .nb-car-modifier::before{ content:"Replier"; }
.nb-car-vote-existant[open] .nb-car-modifier{ font-size:0; }
.nb-car-vote-existant[open] .nb-car-modifier::before{ font-size:11px; }
.nb-car-vote-aide{
  margin:0!important; padding:0 20px 14px;
  font-size:12px; line-height:1.6; color:var(--nb-dim,#63625f)!important;
}
.nb-car-vote-existant .nb-car-curseurs{ padding:0 20px 18px!important; }

/* Lien de suppression, visible des seuls moderateurs.
   Le conteneur reste en ligne quel que soit le theme, d'ou les !important :
   Salient met le lien de reponse dans un bloc et casserait l'alignement. */
.nb-car-actions{
  display:inline!important;
  white-space:nowrap;
}
.nb-car-supprimer{
  display:inline-block!important;
  vertical-align:baseline;
  margin:0 0 0 14px!important;
  padding:0 0 0 14px!important;
  border-left:1px solid var(--nb-line,#26262a);
  font-size:13px; line-height:inherit;
  color:var(--nb-dim,#63625f)!important;
  text-decoration:none!important;
  transition:color .15s ease;
}
.nb-car-supprimer::before{
  content:"\00d7";
  margin-right:.35em;
  font-size:15px; line-height:1;
}
.nb-car-supprimer:hover{ color:#b96565!important; }

/* Le lien de reponse doit rester en ligne pour que les deux se suivent. */
.nb-car-liste .reply,
.nb-car-liste .comment-reply-link{
  display:inline!important;
}

/* Jeton technique, jamais visible. */
.nb-car-suppr-data{ display:none!important; }