/* =========================================
    1. Shared Review Rating
========================================= */

.travel-review-rating {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  flex: 0 0 auto;
  max-width: 100%;
  vertical-align: middle;
}

.travel-review-rating__star {
  display: block;
  flex: 0 1 1.125rem;
  min-width: 0;
  width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
  color: #ffc107;
}

.travel-review-rating__star svg {
  display: block;
  width: 100%;
  height: 100%;
}

.travel-review-rating__star--empty {
  color: #dce2ef;
}

.travel-review-meta:not(:empty) {
  margin-bottom: 1rem;
}

/* =========================================
    2. Review Content Reflow
========================================= */

.block-review { min-width: 0; overflow-wrap: anywhere; }

@media (forced-colors: active) {
  .travel-review-rating__star {
    color: CanvasText;
  }

  .travel-review-rating__star--empty svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 24;
    overflow: visible;
  }
}