/* ZLATO Z OLIV – HODNOCENÍ PRODUKTŮ V8
   Obnovený původní zlatý vzhled karet + nové produkty.
*/

/* Odstranění pouze nevyhovujících bloků ze zkušebních verzí v4/v5. */
.zzo-product-rating,
.zzo-rating-addition{
  display:none!important;
}

/* ===== KARTA PRODUKTU ===== */
.zzo-card-rating{
  width:100%;
  margin:8px 0 10px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:5px 8px;
  box-sizing:border-box;
  line-height:1;
}

.zzo-card-rating__stars,
.zzo-detail-rating__stars{
  --zzo-rating:5;
  position:relative;
  display:inline-block;
  line-height:1;
  letter-spacing:1px;
  white-space:nowrap;
}

.zzo-card-rating__stars{
  font-size:18px;
}

.zzo-card-rating__stars::before,
.zzo-detail-rating__stars::before{
  content:"★★★★★";
  color:#ded8ca;
}

.zzo-card-rating__stars::after,
.zzo-detail-rating__stars::after{
  content:"★★★★★";
  position:absolute;
  top:0;
  left:0;
  width:calc(var(--zzo-rating) / 5 * 100%);
  overflow:hidden;
  color:#c99a2e;
}

.zzo-card-rating__value{
  color:#253511;
  font-size:14px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.zzo-card-rating__label{
  flex-basis:100%;
  color:#777064;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.02em;
  text-align:center;
  text-transform:uppercase;
}

/* ===== DETAIL PRODUKTU =====
   Hodnocení se zobrazí přímo pod názvem produktu.
*/
.zzo-detail-rating{
  width:100%;
  margin:14px 0 24px;
  padding:0;
  display:block;
  box-sizing:border-box;
  line-height:1;
}

.zzo-detail-rating__row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-height:23px;
}

.zzo-detail-rating__stars{
  font-size:20px;
}

.zzo-detail-rating__value{
  color:#253511;
  font-size:15px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.zzo-detail-rating__label{
  display:block;
  margin-top:7px;
  color:#777064;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
}

/* Skryje pouze původní řádek „Nehodnoceno“ u produktů,
   pro které máme vlastní doložené hodnocení. */
.zzo-native-rating-hidden,
.zzo-rating-source-hidden{
  display:none!important;
}

@media(max-width:767px){
  .zzo-card-rating{
    margin-top:7px;
  }

  .zzo-detail-rating{
    margin:11px 0 20px;
  }

  .zzo-detail-rating__stars{
    font-size:18px;
  }

  .zzo-detail-rating__value{
    font-size:14px;
  }

  .zzo-detail-rating__label{
    margin-top:6px;
    font-size:10px;
  }
}