/* Container */
.hvps-reviews-archive .hvps-review-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:16px;
}

/* Card layout */
.hvps-reviews-archive .hvps-card{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  padding:18px 18px;
  display:flex;
  gap:18px;
  align-items:flex-start;
}

/* Columns */
.hvps-reviews-archive .hvps-card__col--left{
  flex:0 0 170px;
  min-width:170px;
}
.hvps-reviews-archive .hvps-card__col--mid{
  flex:1 1 auto;
  min-width:260px;
}
.hvps-reviews-archive .hvps-card__col--right{
  flex:0 0 220px;
  min-width:220px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

/* Logo */
.hvps-reviews-archive .hvps-logo{
  width:160px;
  height:60px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  overflow:hidden;
}
.hvps-reviews-archive .hvps-logo img{
  max-width:150px;
  max-height:50px;
  width:auto;
  height:auto;
  display:block;
}
.hvps-reviews-archive .hvps-logo__fallback{
  font-weight:900;
  font-size:22px;
}

/* Name + trust */
.hvps-reviews-archive .hvps-name{
  margin:0 0 4px;
  font-size:22px;
  line-height:1.2;
}
.hvps-reviews-archive .hvps-name a{ text-decoration:none; }
.hvps-reviews-archive .hvps-name a:hover{ text-decoration:underline; }

.hvps-reviews-archive .hvps-trust{
  display:flex;
  gap:8px;
  align-items:center;
  font-size:14px;
  opacity:.85;
  margin-bottom:10px;
}
.hvps-reviews-archive .hvps-trust__brand{
  font-weight:800;
}

/* Subtitle */
.hvps-reviews-archive .hvps-subtitle{
  font-weight:700;
  margin:8px 0 8px;
}

/* Pros list */
.hvps-reviews-archive .hvps-pros{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.hvps-reviews-archive .hvps-pros li{
  position:relative;
  padding-left:22px;
  line-height:1.5;
}
.hvps-reviews-archive .hvps-pros li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
}

/* Score + stars */
.hvps-reviews-archive .hvps-score{
  text-align:right;
}
.hvps-reviews-archive .hvps-score__num{
  font-size:44px;
  font-weight:900;
  line-height:1;
}
.hvps-reviews-archive .hvps-stars{
  position:relative;
  display:inline-block;
  font-size:18px;
  line-height:1;
  letter-spacing:2px;
}
/* Stars color like Top10 (gold fill + gray base) */
.hvps-reviews-archive .hvps-stars__base{
  color:#bdbdbd;     /* xám nền sao */
  opacity:1;
}

.hvps-reviews-archive .hvps-stars__fill{
  position:absolute;
  left:0; top:0;
  overflow:hidden;
  white-space:nowrap;
  color:#f6c343;     /* vàng fill sao */
}
/* ===== SVG Stars (full/half/empty) ===== */
.hvps-reviews-archive{
  --hvps-star-gold:#f6c343; /* vàng */
  --hvps-star-gray:#bdbdbd; /* xám */
}

.hvps-reviews-archive .hvps-stars-wrap{
  margin-top:6px;
}

.hvps-reviews-archive .hvps-stars-svg{
  display:inline-flex;
  gap:3px;
  align-items:center;
  line-height:1;
}

.hvps-reviews-archive .hvps-star{
  width:16px;
  height:16px;
  display:block;
}


/* Buttons */
.hvps-reviews-archive .hvps-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 180px;
  padding:12px 14px;
  border-radius:8px;
  font-weight:800;
  text-decoration:none;
  border:1px solid transparent;
}
.hvps-reviews-archive .hvps-btn--primary{
  background:#f6c343; /* vàng kiểu top10 */
  color:#111827;
}
.hvps-reviews-archive .hvps-btn--secondary{
  background:#fff;
  border-color:#e5e7eb;
  color:#111827;
}
.hvps-reviews-archive .hvps-btn:hover{
  filter: brightness(0.98);
}
#primary {
    float: left;
    width: auto !important;
}

/* Responsive */
@media (max-width: 900px){
  .hvps-reviews-archive .hvps-card{
    flex-direction:column;
  }
  .hvps-reviews-archive .hvps-card__col--right{
    align-items:flex-start;
  }
}