/* ===============================
   GaoNgon Review Styles - v2.1
   =============================== */

/* Ẩn dãy sao WooCommerce mặc định */
.comment-form-rating .stars,
.comment-form-rating {
    display: none !important;
}
/* --- Font & sao --- */
.gcrs-star {
  font-family: "Arial Unicode MS", Arial, sans-serif; /* font hỗ trợ ★ ☆ */
  color: #ccc;
  font-size: 22px;
  cursor: pointer;
  display: inline-block;
  transition: color 0.2s ease, transform 0.1s ease;
  background: transparent;
  border: none;
  padding: 0;
}

.gcrs-star.selected,
.gcrs-star.hover,
.gcrs-star:hover {
  color: #f5b301;
  transform: scale(1.2);
}

/* --- Wrapper tổng thể review --- */
.gcrs-review-wrapper {
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 12px;
  margin-top: 20px;
  font-family: "Arial", sans-serif;
}

/* --- Tiêu chí đánh giá --- */
.gcrs-criteria {
  margin-bottom: 16px;
}

.gcrs-criteria label,
.gcrs-crit-label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
  font-size: 14px;
}

/* Container cho sao */
.gcrs-stars,
.gcrs-crit-stars {
  display: flex;
  gap: 5px;
  font-size: 22px;
  cursor: pointer;
}

/* --- Hidden inputs --- */
.gcrs-hidden-rating,
.gcrs-rating-value {
  display: none;
}

/* --- Hiển thị danh sách review --- */
.gcrs-reviews-list {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.gcrs-review-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #eee;
}

.gcrs-review-item strong {
  color: #333;
  font-size: 15px;
}

/* --- Chi tiết theo tiêu chí --- */
.gcrs-detailed-review {
  margin-top: 8px;
  padding: 8px 12px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid #eee;
}

.gcrs-crit-line {
  margin: 2px 0;
  font-size: 13px;
  color: #555;
}

/* Sử dụng sao Unicode */
.gcrs-crit-line .gcrs-star-full {
  color: #f5b301;
}

.gcrs-crit-line .gcrs-star-empty {
  color: #ccc;
}

/* --- Trung bình --- */
.gcrs-average-rating {
  font-size: 16px;
  font-weight: 600;
  color: #f5b301;
  margin-top: 10px;
}

/* --- Admin Table --- */
.gcrs-admin-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}

.gcrs-admin-table th,
.gcrs-admin-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.gcrs-admin-table th {
  background-color: #f5f5f5;
  text-align: left;
}

/* --- Notice --- */
.gcrs-notice {
  background: #f0f8ff;
  border-left: 4px solid #0073aa;
  padding: 10px;
  margin: 10px 0;
  font-size: 13px;
}

/* --- Responsive nhỏ --- */
@media (max-width: 480px) {
  .gcrs-stars,
  .gcrs-crit-stars {
    font-size: 18px;
    gap: 3px;
  }
}