/**
 * Slowtwitch Seller Reviews
 * Styles for the listing-page review section and form.
 */

.st-directorist-seller-reviews {
    margin-top: 30px;
}

/* ─── Header ──────────────────────────────────────────────────────────────── */

.st-seller-reviews__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.st-seller-reviews__header a,
a.st-seller-reviews__reviewer-name {
    color: inherit;
    text-decoration: none;
}

.st-seller-reviews__header a:hover,
a.st-seller-reviews__reviewer-name:hover {
    text-decoration: underline;
}

.st-seller-reviews__author-aggregate {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #555;
}

.st-seller-reviews__stars i { color: #ffb100; font-size: 14px; }
.st-seller-reviews__stars--readonly i.far { color: #ccc; }

/* ─── Review List ─────────────────────────────────────────────────────────── */

.st-seller-reviews__list { list-style: none; margin: 0; padding: 0; }
.st-seller-reviews__item { padding: 20px; border-bottom: 1px solid #eee; }
.st-seller-reviews__item:last-child { border-bottom: none; }

.st-seller-reviews__item-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.st-seller-reviews__reviewer-avatar img { border-radius: 50%; width: 40px; height: 40px; }
.st-seller-reviews__reviewer-info { display: flex; flex-direction: column; flex: 1; }
.st-seller-reviews__reviewer-name { font-weight: 600; font-size: 14px; color: #333; }
.st-seller-reviews__review-date { font-size: 12px; color: #999; }

.st-seller-reviews__item-rating i { color: #ffb100; font-size: 13px; }
.st-seller-reviews__item-rating i.far { color: #ddd; }

.st-seller-reviews__item-content { font-size: 14px; line-height: 1.6; color: #444; }
.st-seller-reviews__item-content p { margin: 0; }

/* ─── Form ────────────────────────────────────────────────────────────────── */

.st-seller-reviews__form-wrap { border-top: 1px solid #eee; padding-top: 20px; }
.st-seller-reviews__form-title { font-size: 16px; font-weight: 600; margin: 0 0 16px 0; }
.st-seller-reviews__form-group { margin-bottom: 16px; }
.st-seller-reviews__form-group label { display: block; font-weight: 500; font-size: 14px; margin-bottom: 6px; color: #333; }
.st-seller-reviews__form-group label .required { color: #e74c3c; }
.st-seller-reviews__form-group textarea { width: 100%; resize: vertical; }

.st-seller-reviews__star-input { display: inline-flex; gap: 4px; cursor: pointer; }
.st-seller-reviews__star-input i { font-size: 24px; color: #ddd; transition: color 0.15s ease; }
.st-seller-reviews__star-input i.fas,
.st-seller-reviews__star-input i.hovered { color: #ffb100; }

.st-seller-reviews__alert { padding: 12px 16px; border-radius: 4px; margin-bottom: 16px; font-size: 14px; }
.st-seller-reviews__alert--error { background: #fef0f0; border: 1px solid #f5c6cb; color: #c0392b; }
.st-seller-reviews__alert--success { background: #f0fef0; border: 1px solid #c6f5c6; color: #27ae60; }

.st-seller-reviews__notice { font-size: 14px; color: #777; font-style: italic; margin: 0; }
.st-seller-reviews__form-message { border-top: 1px solid #eee; }

/* ─── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .st-seller-reviews__header { flex-direction: column; align-items: flex-start; }
    .st-seller-reviews__item-header { flex-wrap: wrap; }
}