/* Стили таблицы рейтинга товаров (.pv-ratings) для legacy-темы.
   Источник правил: resources/themes/legacy/build/src.css.
   Подключается в resources/themes/legacy/views/layouts/app.blade.php,
   т.к. legacy отдаёт статический stroyday.css, а не сборку app.css. */
/* Таблица-рейтинг: разметка и стили 1:1 с боевым плагином pv_ratings (#pv_ratings).
   Источник: old/wp-content/cache (кэш боевой темы). Разметку даёт WpRatingBlock::render(). */
#pv_ratings { margin: 20px 0; overflow-x: auto; }
#pv_ratings > h2 { margin: 0 0 .75rem; }
#pv_ratings table { width: 100%; border-radius: 5px; overflow: auto; margin: 20px 0; }
#pv_ratings thead { background-color: #cfcfcf; }
#pv_ratings thead th { font-weight: 700; }
#pv_ratings tbody td,
#pv_ratings thead th { padding: 10px 5px; text-align: center; font-size: 14px; }
#pv_ratings td.number { font-weight: 700; }
#pv_ratings td.rating span span { color: #c4c4c4; }
#pv_ratings td.rating > p { margin: 0; }
#pv_ratings .img > div { width: 60px; height: 60px; overflow: hidden; border-radius: 100px; background-color: #fff; margin: auto; line-height: 60px; }
#pv_ratings .img img { width: 100%; margin: auto; }
#pv_ratings tbody tr { background-color: #fbfbfd; }
#pv_ratings tbody tr.grey { background-color: #f4f5f9; }
#pv_ratings .url a { width: 100%; display: block; background-color: #fccf26; padding: 10px; border-radius: 5px; color: inherit; text-decoration: none; }
#pv_ratings tbody tr.h3 td { text-align: left !important; background-color: #e5e5e5 !important; padding: 10px 20px !important; color: #555; font-weight: 700; }

/* ── Пер-товарный декор заголовков (pv_rating_h2 / pv_rating_stars) ─────
   Боевой плагин рисует это JS на клиенте; миграция — серверно в
   WpRatingBlock::decorateItems(). Стили с боя (#fccf26 круг-номер, ряд звёзд
   шириной по рейтингу через --pct). Разметка: h3.pv_rating_h2 + .pv_rating_stars. */
.pv_rating_h2 { line-height: 70px; }
.pv_rating_h2::after { content: ""; display: block; clear: both; }
.pv_rating_h2_span {
    float: left; margin-right: 20px;
    width: 70px; height: 70px; line-height: 70px;
    display: inline-block; text-align: center; vertical-align: middle;
    background-color: #fccf26; border-radius: 100px;
    font-weight: 700; font-size: 35px; color: #011632;
}
.pv_rating_stars { width: 125px; margin: 5px 0 1rem; }
.pv_rating_stars .stars {
    display: block; height: 25px; width: var(--pct, 0%); margin: 5px 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fccf26' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E");
    background-size: 25px 25px; background-repeat: repeat-x; background-position: left center;
}

/* ── Плюсы/минусы товара ──────────────────────────────────────
   Миграция переименовала боевые pv_plus/pv_minus → review-plus/review-minus.
   Стили повторяют боевой блок: две колонки (44%), рамка, скруглённые углы,
   заголовок «Плюсы/Минусы» с круглым бейджем +/− (через ::before, т.к. в
   контенте заголовка нет). Маркеры пунктов даёт общий `.content li:before`. */
.content.single .review-plus,
.content.single .review-minus {
    float: left; width: 44%;
    padding: 25px 2% 0;
    margin: 10px .5%;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    transition: .5s;
}
.content.single .review-plus { clear: both; }
.content.single .review-plus:hover,
.content.single .review-minus:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .12); }
.content.single .review-plus + :not(.review-minus),
.content.single .review-minus + :not(.review-plus) { clear: both; }

.content.single .review-plus::before,
.content.single .review-minus::before {
    display: block;
    min-height: 35px; line-height: 35px;
    padding-left: 55px; margin-bottom: 8px;
    font-size: 28px; font-weight: 500; color: #011632;
    background-repeat: no-repeat; background-position: left center; background-size: 35px 35px;
}
.content.single .review-plus::before {
    content: "Плюсы";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%237ec13c'/%3E%3Crect x='15.5' y='8' width='4' height='19' fill='%23fff'/%3E%3Crect x='8' y='15.5' width='19' height='4' fill='%23fff'/%3E%3C/svg%3E");
}
.content.single .review-minus::before {
    content: "Минусы";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%23cd4f5e'/%3E%3Crect x='8' y='15.5' width='19' height='4' fill='%23fff'/%3E%3C/svg%3E");
}
.content.single .review-plus ul,
.content.single .review-minus ul { padding-left: 40px; margin: 0; }

@media (max-width: 900px) {
    .content.single .review-plus,
    .content.single .review-minus { width: 99%; }
}