@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Jost:wght@300;400;500&display=swap');

.star-rating { direction: rtl; display: inline-flex; font-size: 2rem; gap: 0.25rem; }
.star-rating input[type="radio"] { display: none; }
.star-rating label { color: #3d4450; cursor: pointer; transition: color 0.2s ease; }
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type="radio"]:checked ~ label { color: #cc3333; }

.form-label { font-family: 'Jost', sans-serif; font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; color: #5a6270; margin-bottom: 8px; }

#comment {
  background-color: #1a1c1f; border: 1px solid #3d4450; border-radius: 0;
  color: #c8c0b0; padding: 12px; font-family: 'Jost', sans-serif; font-size: 0.85rem;
  transition: border-color 0.3s ease; width: 100%;
}
#comment:focus { outline: none; border-color: #cc3333; box-shadow: none; }

.reviews-section {
  background: #222629; border: 1px solid #3d4450; border-left: 2px solid #cc3333;
  border-radius: 0; padding: 2rem; margin-top: 3rem; grid-column: 1 / -1;
}

.reviews-section h2 {
  font-family: 'Cormorant Garamond', serif; color: #e8dcc8; font-size: 1.6rem;
  font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
  margin-bottom: 1.5rem; border-bottom: 1px solid #cc3333; padding-bottom: 0.5rem;
}

.reviews-summary {
  background: #1a1c1f; border: 1px solid #3d4450; border-radius: 0;
  padding: 1.5rem; margin-bottom: 2rem; text-align: center;
}
.reviews-summary-rating { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-weight: 600; color: #cc3333; margin: 0.5rem 0; }
.reviews-summary-count { color: #3d4450; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; }

.reviews-list { display: flex; flex-direction: column; gap: 1rem; }

.review-item {
  background: #1a1c1f; border: 1px solid #3d4450; border-radius: 0;
  padding: 1.5rem; transition: border-color 0.3s ease;
}
.review-item:hover { border-color: #5a6270; }

.review-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.75rem; }
.review-username { font-family: 'Cormorant Garamond', serif; font-weight: 600; color: #e8dcc8; font-size: 1rem; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.4rem; }
.review-stars { color: #cc3333; font-size: 0.9rem; letter-spacing: 2px; }
.review-date { color: #3d4450; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.review-comment { color: #7a8290; line-height: 1.7; font-size: 0.85rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #3d4450; }

.reviews-empty { text-align: center; padding: 3rem 2rem; color: #3d4450; }
.reviews-empty p { margin-bottom: 1.5rem; font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; }

.star-rating-display { color: #cc3333; font-size: 1rem; letter-spacing: 3px; }

@media (max-width: 768px) {
  .reviews-section { padding: 1.5rem; margin-top: 2rem; }
  .review-header { flex-direction: column; gap: 0.5rem; }
}