/*
 * transparent-feedback-aside.css — Transparent feedback block surface treatment for aside contexts.
 * Scoped to .service-single-new__sidebar (area detail) and .areas-hub-sidebar (areas hub).
 * Does NOT reach the homepage band (transparent-feedback-home).
 *
 * Card surface matches .blog-aside-recent / .services-aside-widget / .estimator-link-card:
 * background var(--color-surface), box-shadow var(--shadow-card), padding, bottom margin.
 * Score row: baseline-aligned, compact gaps. Title: consistent with sibling aside headings.
 */

.service-single-new__sidebar .transparent-feedback-block,
.areas-hub-sidebar .transparent-feedback-block {
  /* Card surface — matches sibling aside widgets */
  background: var(--color-surface, #ffffff);
  box-shadow: var(--shadow-card, 0 2px 12px rgba(0, 0, 0, 0.06));
  padding: var(--space-5, 1.25rem) var(--space-5, 1.25rem) var(--space-4, 1rem);
  margin-bottom: var(--space-4, 1rem);
}

/* Title: consistent with .blog-aside-recent__heading and .services-aside-widget__title */
.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__title,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__title {
  font-size: var(--text-lg, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary, #1a1a1a);
  font-family: 'Montserrat', sans-serif;
  line-height: var(--line-height-tight, 1.2);
  margin: 0 0 var(--space-3, 0.75rem);
}

/* Score row: baseline-aligned, tight gaps — all three elements on one line */
.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__row,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__row {
  align-items: baseline;  /* score + label + stars all on one baseline */
  gap: var(--space-2, 0.5rem);
  flex-wrap: nowrap;
  margin: 0;
}

/* Score: slightly larger, bold */
.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__score,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__score {
  font-size: var(--text-xl, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary, #1a1a1a);
  line-height: 1;
}

/* "out of 5" label */
.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__score-label,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__score-label {
  font-size: var(--text-sm, 0.875rem);
  color: var(--text-muted, #718096);
}

/* Stars: 16px, fixed height to prevent layout shift */
.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__stars,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__stars {
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
}

.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__stars .testimonial-layout-modern__star-wrap,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__stars .testimonial-layout-modern__star-wrap {
  width: 16px;
  height: 16px;
}

.service-single-new__sidebar .transparent-feedback-block .transparent-feedback-block__stars .testimonial-layout-modern__star,
.areas-hub-sidebar .transparent-feedback-block .transparent-feedback-block__stars .testimonial-layout-modern__star {
  width: 16px;
  height: 16px;
}