/* CookAndServee - Customer Reviews Page Specific Styles */
.section {
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
}
.reviews-hero {
  text-align: center;
  margin-bottom: var(--space-12);
}
.reviews-hero__subtitle {
  color: var(--color-gray-600);
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-4);
}

.reviews-featured__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: var(--space-8);
}
.review-card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  position: relative;
}
.review-card__header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.review-card__avatar {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-full);
  background: var(--color-gray-200);
  object-fit: cover;
}
.review-card__verified {
  font-size: var(--font-size-xs);
  color: var(--color-success);
  margin-left: var(--space-1);
}
.review-card__stars {
  font-size: 1.2rem;
  color: var(--color-primary);
  letter-spacing: 0.15em;
}
.review-card__text {
  font-size: var(--font-size-base);
  color: var(--color-gray-800);
}
.review-card__date {
  font-size: var(--font-size-xs);
  color: var(--color-gray-500);
}

.reviews-testimonials {
  background: var(--color-gray-100);
  border-radius: var(--radius-lg);
  padding: var(--space-10) var(--space-6);
}
.testimonials-list {
  display: flex;
  flex-direction: row;
  gap: var(--space-10);
  flex-wrap: wrap;
  justify-content: center;
}
.testimonials-list li {
  flex: 1 1 220px;
  max-width: 340px;
}
.testimonials-list blockquote {
  font-style: italic;
  color: var(--color-gray-700);
  margin-bottom: var(--space-2);
}
.testimonials-list figcaption {
  color: var(--color-primary);
  font-weight: 500;
  font-size: var(--font-size-sm);
}

.reviews-feedback {
  margin-top: var(--space-16);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  padding: var(--space-8) var(--space-6);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.feedback-form label,
.feedback-form legend {
  font-size: var(--font-size-base);
  font-weight: 500;
  margin-bottom: var(--space-2);
  color: var(--color-text);
}
.feedback-form__rating {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.feedback-stars {
  display: flex;
  gap: 2px;
}
.feedback-star {
  background: none;
  border: none;
  color: var(--color-warning);
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
  transition: color var(--transition-fast);
}
.feedback-star.selected,
.feedback-star:hover,
.feedback-star:focus-visible {
  color: var(--color-primary);
}
.feedback-form textarea {
  min-height: 80px;
  max-width: 100%;
  margin-bottom: var(--space-2);
}
.feedback-form__actions {
  margin-top: var(--space-4);
}
.feedback-form__message {
  font-size: var(--font-size-sm);
  color: var(--color-success);
  margin-top: var(--space-3);
}

.reviews-casestudies .case-studies__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-6);
}
.case-study-card {
  background: var(--color-gray-100);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  box-shadow: var(--shadow-xs);
}
.case-study-card h3 {
  font-size: var(--font-size-lg);
  color: var(--color-primary);
  margin-bottom: var(--space-3);
}
.case-study-card p {
  color: var(--color-gray-700);
  margin-bottom: var(--space-2);
}

.reviews-trust .trust-credibility__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  align-items: center;
  justify-content: flex-start;
  margin-top: var(--space-4);
}
.credibility-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--font-size-sm);
  color: var(--color-gray-700);
  gap: var(--space-1);
}
.credibility-badge img {
  width: 54px;
  height: 54px;
}

.reviews-guidelines .guidelines-list {
  padding-left: var(--space-5);
  color: var(--color-gray-700);
  font-size: var(--font-size-base);
  margin-top: var(--space-4);
}
.reviews-guidelines .guidelines-list li {
  margin-bottom: var(--space-3);
}

.reviews-polls .poll-form {
  margin-top: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.poll-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-bottom: var(--space-3);
}
.poll-option {
  font-size: var(--font-size-base);
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.poll-form__result {
  font-size: var(--font-size-sm);
  color: var(--color-success);
  margin-top: var(--space-3);
}

.success-stories__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-6);
}
.success-story {
  background: var(--color-gray-100);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}
.success-story h3 {
  font-size: var(--font-size-lg);
  color: var(--color-primary);
  margin-bottom: var(--space-2);
}
.success-story p {
  color: var(--color-gray-700);
}

@media (max-width: 900px) {
  .testimonials-list {
    flex-direction: column;
    gap: var(--space-6);
    align-items: stretch;
  }
  .reviews-featured__grid, .case-studies__list, .success-stories__list {
    grid-template-columns: 1fr;
  }
  .reviews-feedback {
    padding: var(--space-6) var(--space-3);
  }
}