/* Reviews block of the Reiseinformation spoke (partials/spoke/reviews.blade.php).
   Tokens: reiseinfo.css (--ri-*). Review card per the house design code:
   1px line, radius 8px, padding 26px, stars in the CTA orange, author as a
   small uppercase line. Milk section ground, white cards. */

.ri-reviews {
    display: grid;
    gap: 18px;
    grid-template-columns: 1fr;
    margin-top: var(--ri-flow);
}
.ri-review {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 26px;
    border: 1px solid var(--ri-line);
    border-radius: 8px;
    background: var(--ri-white);
}
.ri-review__stars {
    margin: 0;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
    color: var(--ri-cta);
}
.ri-review__stars-off { color: var(--ri-line-2); }
.ri-review__title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ri-ink);
}
.ri-review__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ri-ink-2);
}
.ri-review__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: baseline;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--ri-line);
}
.ri-review__author {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ri-ink);
}
.ri-review__tour {
    font-size: 13px;
    color: var(--ri-muted);
    text-decoration: none;
}
a.ri-review__tour { color: var(--ri-cta-text); }
a.ri-review__tour:hover { text-decoration: underline; }
a.ri-review__tour:focus-visible { outline: 2px solid var(--ri-cta); outline-offset: 3px; }

@media (min-width: 720px) {
    .ri-reviews { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
}