/* 1124: единый компонент отзывов (template-parts/review-gallery.php) — отличия записи Mercari Shops и блок на «Шинах и дисках».
   Файл отдаётся напрямую (inc/review-sources.php, приоритет 49) до dist-бандла, поэтому селекторы составные —
   выше специфичности creative-studio.css / final-polish.css / wheel-store.css. Цвета и размеры — из карточки главной. */

/* Плашка: логотип Mercari Shops (пропорция 2000×817, высота как у знаков). Карточка и диалог (AU v2, 1132): знак «M» того же ряда,
   что Я/2 — .gtyres-provider-mark 20×20 из review-feed.css, цвет бренда Mercari. */
.gt-review-platform > img.gt-mercari-mark { width:auto; height:22px; }
.gtyres-provider-mark--mercari { background:#ff0211; }

/* Без оценки: в строке счёта карточки — имя площадки тем же кеглем, дата справа как у остальных (в диалоге площадка уже названа над именем). */
.gt-review-card .gt-review-card__source { font-weight:600; color:#55605a; }

/* 22.09 (решение root о показе переведённых отзывов): в карточке остаётся только текст языка
   страницы, поэтому пары «японский оригинал + перевод» здесь больше нет — общий кламп в три
   строки из creative-studio.css снова работает как задумано. Оригинал читается в модальном окне.
   Категория Mercari (良い/普通/悪い) стоит словом там, где у других площадок звёзды. */
.gt-review-card .gt-review-card__grade { font-weight:600; color:#55605a; }
.gt-review-card .gt-review-card__pending { display:block; margin-top:8px; font-size:10px; line-height:1.5; color:#777; }
.gt-review-card .gt-review-card__excerpt[lang="ja"] { font-family:sans-serif; }

/* Строка товара (фото + название) занимает место ряда фото; ссылка «Читать отзыв» сразу под ней. */
.gt-review-card .gt-review-card__product { display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:10px; font:11px/1.5 sans-serif; color:#666d68; }
.gt-review-card .gt-review-card__product img { flex:none; width:44px; height:44px; object-fit:cover; border-radius:5px; background:#f1f3f0; }
.gt-review-card .gt-review-card__product > span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gt-review-card--mercari .gt-review-card__read { margin-top:0; }

/* Диалог: товар со ссылкой на Mercari, оригинал цитатой, перевод под ней. */
.gt-review-dialog .gt-review-dialog__product { display:flex; align-items:center; gap:12px; margin:18px 0 0; font:12px/1.5 sans-serif; color:#555; }
.gt-review-dialog .gt-review-dialog__product img { flex:none; width:56px; height:56px; object-fit:cover; border-radius:6px; background:#f1f3f0; }
.gt-review-dialog .gt-review-dialog__product > span { display:flex; flex-direction:column; gap:4px; }
/* AU v2 (1132): ссылка на товар — явная строка «Товар в Mercari ↗» (третичная роль 1078 §4), а не название-ссылка без признаков */
.gt-review-dialog .gt-review-dialog__product-link { align-self:flex-start; font:600 12px/1.5 Montserrat,Arial,sans-serif; color:var(--gt-red,#dc0100); text-decoration:none; border-bottom:1px solid currentColor; }
.gt-review-dialog .gt-review-dialog__product-link:hover,.gt-review-dialog .gt-review-dialog__product-link:focus-visible { color:var(--gt-red-deep,#a30000); }
.gt-review-dialog .gt-review-dialog__grade { color:#777; font-size:12px; }
.gt-review-dialog blockquote[lang="ja"] { font-family:sans-serif; margin-bottom:8px; }

/* Японский оригинал — компактное раскрытие под читаемым текстом, а не основной абзац. Треугольник
   браузера снят: вместо него та же стрелка, что у остальных раскрытий темы. */
.gt-review-dialog .gt-review-original { margin:0 0 14px; }
.gt-review-dialog .gt-review-original > summary { display:inline-flex; align-items:center; gap:8px; min-height:32px; font:600 12px/1.5 Montserrat,Arial,sans-serif; color:#55605a; cursor:pointer; list-style:none; }
.gt-review-dialog .gt-review-original > summary::-webkit-details-marker { display:none; }
.gt-review-dialog .gt-review-original > summary::after { content:"↓"; font-size:11px; }
.gt-review-dialog .gt-review-original[open] > summary::after { content:"↑"; }
.gt-review-dialog .gt-review-original > summary:focus-visible { outline:2px solid var(--gt-red,#dc0100); outline-offset:2px; }
.gt-review-dialog .gt-review-original p { margin:6px 0 0; font-family:sans-serif; font-size:13px; line-height:1.75; color:#6a716c; white-space:pre-line; }
.gt-review-dialog .gt-review-dialog__pending { margin:0 0 12px; font-size:11px; line-height:1.6; color:#777; }

/* Ответ магазина: своя подпись, своя дата и отбивка слева — слова покупателя и наши не сливаются. */
.gt-review-dialog .gt-review-dialog__reply { margin:4px 0 16px; padding:12px 14px; background:#f4f6f3; border-left:3px solid var(--gt-red,#dc0100); }
.gt-review-dialog .gt-review-dialog__reply-head { display:flex; align-items:baseline; gap:10px; margin:0 0 6px; font:600 11px/1.5 Montserrat,Arial,sans-serif; letter-spacing:.04em; color:#2b302e; }
.gt-review-dialog .gt-review-dialog__reply-head time { margin-left:auto; font-weight:400; font-size:10px; color:#777; }
.gt-review-dialog .gt-review-dialog__reply > p { margin:0; font-size:13px; line-height:1.75; color:#4a534d; white-space:pre-line; }
.gt-review-dialog .gt-review-dialog__reply .gt-review-original { margin:8px 0 0; }
.gt-review-dialog .gt-review-dialog__reply .gt-review-original > summary { font-size:11px; min-height:28px; }

/* Запасной вид без JS: оригинал подписан, а не выдан за основной текст. */
.gt-review-fallback .gt-review-fallback__original { font-size:12px; opacity:.85; }
.gt-review-fallback .gt-review-fallback__original > span:first-child { font-weight:600; }

/* Шапка блока: ссылка «Наш магазин на Mercari ↗» под подводкой. */
.gt-review-heading .gt-review-heading__link { display:inline-block; margin-top:6px; font-size:12px; }

@media (max-width:700px) {
  .gt-review-platform > img.gt-mercari-mark { width:auto; height:18px; }
  /* AU v2 (1132, ревью 1124 п. 3): четыре плашки на телефоне — сетка 2×2 вместо ряда с одной плашкой-сиротой во второй строке */
  .gt-review-universe .gt-review-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .gt-review-section--mercari .gt-review-universe .gt-review-platforms { grid-template-columns:minmax(0,1fr); }
  /* «Шины и диски»: на телефоне подводка с ссылкой «Наш магазин на Mercari ↗» остаётся видимой (как в прежнем блоке R57 — подпись плашки там скрыта) */
  .gt-review-section--mercari > .gt-review-heading > p { display:block; margin-top:14px; font-size:12px; line-height:1.75; }
}

/* 21.09: площадка «Авито» в том же ряду источников. Фирменного знака площадки у нас нет,
   а рисовать чужой логотип по памяти нельзя — поэтому знак буквенный, как «2» у 2ГИС,
   в графитовом цвете темы: он опознаёт источник, но не выдаёт себя за бренд. Название
   печатается словом в плашке и мелкой подписью на каждой карточке. */
.gtyres-provider-mark--avito { background: #202222; }
.gt-review-card__provider { font-size: 10px; line-height: 1; color: #777; letter-spacing: .04em; }
.gt-review-card__identity .gt-review-card__provider { margin-left: 2px; }

/* На телефоне общая раскладка плашек прячет вспомогательную строку площадки
   (.gt-review-platform small { display:none } в creative-studio). У Авито в ней стоит
   число отзывов источника, и оно должно оставаться на виду рядом с оценкой — это 169
   отзывов на площадке, а не четыре наши карточки. Правило только для плашки Авито:
   у остальных площадок мобильный вид не меняется. */
@media (max-width: 760px) {
  .gt-review-platform--avito small {
    display: block;
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.3;
  }
}