/* Correzione leggibilità Le Voci dei Lettori - V4.1 */

/* Testo principale delle recensioni: contrasto alto */
#commenti .reader-box,
#commenti .reader-box *,
#commenti .reader-comment,
#commenti .reader-comment *{
  color:#eef8fb!important;
}

/* Nome del lettore */
#commenti .reader-box strong,
#commenti .reader-comment strong,
#commenti .reader-box h3,
#commenti .reader-box h4{
  color:#ffffff!important;
  font-weight:900!important;
}

/* Testo recensione */
#commenti .reader-box p,
#commenti .reader-comment p,
#commenti .reader-box .excerpt,
#commenti .reader-box .preview,
#commenti .reader-box .comment-preview,
#commenti .reader-box .review-preview{
  color:#dcecf1!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Rimuove eventuale riquadro interno troppo scuro */
#commenti .reader-box article > div,
#commenti .reader-comment > div,
#commenti .reader-box .excerpt,
#commenti .reader-box .preview{
  background:transparent!important;
  border-color:transparent!important;
}

/* Link "Continua a leggere" */
#commenti .reader-box a:not(.button):not(.v4-community a),
#commenti .reader-comment a{
  color:#2fe0f4!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-decoration-color:rgba(47,224,244,.7)!important;
  text-underline-offset:4px!important;
}

/* Data e metadati */
#commenti .reader-box time,
#commenti .reader-box .date,
#commenti .reader-box .meta{
  color:#9fc2ce!important;
}

/* Card più pulite */
#commenti .reader-comment,
#commenti .reader-box article,
#commenti .reader-card,
#commenti .review-card{
  background:linear-gradient(145deg,#153f52 0%,#113648 100%)!important;
  border:1px solid rgba(62,211,238,.32)!important;
}

/* Se esiste un box interno generico dentro la card, non deve coprire il testo */
#commenti .reader-comment > *,
#commenti .reader-box article > *{
  position:relative;
  z-index:1;
}

/* Eccezione per campi modulo: devono restare chiari con testo scuro */
#commenti .comment-form input:not([type=checkbox]),
#commenti .comment-form textarea{
  color:#11313d!important;
  background:#f8fcfd!important;
}

/* Mobile */
@media(max-width:780px){
  #commenti .reader-box p,
  #commenti .reader-comment p{
    font-size:1rem!important;
    line-height:1.65!important;
  }
}