/* ═══════════════════════════════════════════════════════════════════════════
   ATSILIEPIMAI                                                    2026-08-27

   Du rodiniai:
     1. prekės puslapio skirtukas „Atsiliepimai" (WooCommerce + XStore Sales
        Booster išvestis, klasės ne mūsų — todėl selektoriai ilgi);
     2. „Mano paskyra → Mano atsiliepimai" (mūsų šablonas
        spalvotareklama-b2b-system/templates/reviews.php).

   Šriftai imami iš to paties rinkinio kaip visa paskyra (dashboard.css):
     kūno tekstas   URW Geometric 500 15/22, spalva #372747
     paryškinimai   URW Geometric 700 15/22
     antrinis       URW Geometric 500 15/22, spalva #9684a7
     antraštės      21px, spalva #372747

   Antraštėms čia naudojamas Lexend, o ne COCOGOOSE: abiejose antraštėse yra
   prekės pavadinimas arba atsiliepimų skaičius, o COCOGOOSE neturi skaitmenų
   (CLAUDE.md §6) — „1 atsiliepimas" būtų parodytas su tuščiu langeliu.

   Failas įkeliamas atskirai (blue-theme-setup.php) su filemtime() versija, o
   ne per child-theme.css @import — kitaip grįžtantiems lankytojams naujas CSS
   neatsinaujintų (CLAUDE.md §3).

   Persvara: visi selektoriai turi `#reviews` arba `.b2b-reviews` prefiksą.
   ID pakelia svorį virš temos ir Elementor klasių, todėl `!important` beveik
   niekur nereikia — vienintelė išimtis „Pateikti" mygtukas (žr. 3 skyrių).
   ═══════════════════════════════════════════════════════════════════════════ */


/* ──────────────────────────────────────────────────────────────────────────
   1. PREKĖS PUSLAPIS — antraštės
   ────────────────────────────────────────────────────────────────────────── */

/* Sekcijos antraštė („Atsiliepimai" arba „1 atsiliepimas apie „X"")
   PASLĖPTA užsakovo sprendimu 2026-08-27: skirtukas virš jos jau rašo
   „Atsiliepimai (N)", todėl antraštė tik dubliavo tą pačią informaciją.

   Kartu išnyksta ir pilkas brūkšnys po ja — ta linija yra pačios antraštės
   `border-bottom: 1px solid #e1e1e1` (XStore general-all.css), o ne atskiras
   elementas.

   Grąžinti: pakeisti `display: none` į `display: block` ir atkomentuoti
   šriftų taisykles žemiau. Abu ID selektoriuje yra būtini — XStore taisyklė
   `#reviews #comments > h2` turi du ID. */
.single-product #reviews #comments > .woocommerce-Reviews-title {
    display: none;
}

/*
.single-product #reviews #comments > .woocommerce-Reviews-title,
.single-product #reviews #comments > .woocommerce-Reviews-title span {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 31px;
    color: var(--372747);
    text-transform: none;
    letter-spacing: normal;
}

.single-product #reviews #comments > .woocommerce-Reviews-title {
    margin: 0 0 20px;
}
*/

/* Formos antraštė („Pridėti atsiliepimą" arba „Būkite pirmas, parašęs
   atsiliepimą apie „X"") PASLĖPTA užsakovo sprendimu 2026-08-27, kaip ir
   sekcijos antraštė aukščiau. Po ja buvusi pilka linija yra tos pačios
   antraštės `border-bottom`, todėl išnyksta kartu.

   Antraštėje yra ir „Atšaukti atsakymą" nuoroda (`#cancel-comment-reply-link`),
   kurią WordPress parodo atsakant į komentarą. Prekių atsiliepimuose ji
   nepasiekiama: WooCommerce atsiliepimų šablonas neišveda „Atsakyti" nuorodų
   (patikrinta — `comment-reply-link` puslapyje nėra nė vieno), todėl
   paslėpimas nieko neužblokuoja.

   Grąžinti: išmesti `display: none` taisyklę ir atkomentuoti žemiau esančias. */
.single-product #reviews #reply-title {
    display: none;
}

/*
.single-product #reviews #reply-title {
    display: block;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 31px;
    color: var(--372747);
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 20px;
}

.single-product #reviews #reply-title small a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}
*/


/* ──────────────────────────────────────────────────────────────────────────
   2. PREKĖS PUSLAPIS — atsiliepimų sąrašas
   ────────────────────────────────────────────────────────────────────────── */

/* Autoriaus vardas — buvo Inter 500 18,2px, #222. `.meta` selektoriuje yra
   todėl, kad XStore taisyklė woocommerce-all.css
   `#reviews .commentlist .meta .woocommerce-review__author` sveria (1,3,0). */
.single-product #reviews .commentlist .meta .woocommerce-review__author {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
    text-transform: none;
}

/* Brūkšnys ir data — buvo Inter 400 14px, #888. */
.single-product #reviews .commentlist .woocommerce-review__dash,
.single-product #reviews .commentlist .woocommerce-review__published-date {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}

/* Atsiliepimo tekstas — buvo Inter 400 15,96/28,7px. */
.single-product #reviews .commentlist .description,
.single-product #reviews .commentlist .description p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
}

/* „Patvirtintas pirkėjas" ženklelis (XStore verified_owner_badge). */
.single-product #reviews .commentlist .woocommerce-review__verified {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}

/* „Ar tai naudinga?" ir balsų skaičiai. XStore juos dažo žaliai/raudonai —
   tos spalvos nėra dizaino paletėje, todėl abu balsus vedame į #9684a7,
   o užvedus pelę — į pagrindinę rausvą. SVG ikonos naudoja currentColor,
   todėl persidažo kartu su tekstu. */
.single-product #reviews .et-review-votes,
.single-product #reviews .et-review-votes span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}

.single-product #reviews .et-review-votes .et-review-vote,
.single-product #reviews .et-review-votes .et-review-vote span {
    color: var(--9684a7);
}

.single-product #reviews .et-review-votes .et-review-vote:hover,
.single-product #reviews .et-review-votes .et-review-vote:hover span {
    color: var(--e5175b);
}


/* ──────────────────────────────────────────────────────────────────────────
   3. PREKĖS PUSLAPIS — atsiliepimo forma
   ────────────────────────────────────────────────────────────────────────── */

/* „Jūsų įvertinimas", „Jūsų atsiliepimas". */
.single-product #reviews .comment-form label,
.single-product #reviews .comment-form .comment-notes {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
    text-transform: none;
}

/* Žvaigždutė prie privalomų laukų. */
.single-product #reviews .comment-form .required {
    color: var(--e5175b);
}

.single-product #reviews .comment-form textarea,
.single-product #reviews .comment-form input[type="text"],
.single-product #reviews .comment-form input[type="email"] {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
}

/* Mygtukas „Pateikti" — temoje buvo verčiamas DIDŽIOSIOMIS.

   `!important` reikalingas šrifto šeimai ir storiui: blue-family.css:133
   taisyklė `.form-submit input[type=submit]` fiksuoja
   `font-family: Lexend !important` ir `font-weight: 400 !important`.
   Ta taisyklė apima ir nesusijusius selektorius (.btn-black,
   .xstore-wishlist-action), todėl jos nekeičiame, o persveriame tik čia —
   taip pat, kaip padaryta pageidavimų lentelėje (blue-family.css:1606).
   `font-size` nekeičiame — ten fiksuoti 15px jau atitinka dizainą. */
.single-product #reviews .comment-form .form-submit input#submit {
    font-family: var(--font-family) !important;
    font-weight: 700 !important;
    line-height: 22px;
    text-transform: none;
    letter-spacing: normal;
}

/* „Atsiliepimą gali parašyti tik prisijungę klientai, įsigiję šią prekę."
   ir „Atsiliepimų dar nėra." (prekė be atsiliepimų). */
.single-product #reviews .woocommerce-verification-required,
.single-product #reviews .woocommerce-noreviews {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}


/* ──────────────────────────────────────────────────────────────────────────
   4. MANO PASKYRA → MANO ATSILIEPIMAI

   Kortelės sudėtos pagal tą pačią schemą kaip užsakymų lentelė
   (dashboard.css): baltas fonas, #EBE9ED rėmelis, 10px apvalinimas.
   ────────────────────────────────────────────────────────────────────────── */

.b2b-reviews .b2b-reviews-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.b2b-reviews .b2b-review {
    background: #fff;
    border: 1px solid var(--ebe9ed);
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 15px;
    list-style: none;
}

.b2b-reviews .b2b-review:last-child {
    margin-bottom: 0;
}

/* Prekės pavadinimas. */
.b2b-reviews .b2b-review-product {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
    text-transform: none;
}

.b2b-reviews .b2b-review-product:hover {
    color: var(--e5175b);
}

/* Žvaigždutės + data + būsena vienoje eilutėje. */
.b2b-reviews .b2b-review-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 10px;
}

/* Žvaigždutės — tokios pat rausvos kaip prekės puslapyje. */
.b2b-reviews .star-rating {
    float: none;
    margin: 0;
}

.b2b-reviews .star-rating span:before {
    color: var(--e5175b);
    -webkit-text-fill-color: currentColor;
}

.b2b-reviews .b2b-review-date {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}

/* Nepatvirtintas atsiliepimas. Ženklelis toks pat kaip užsakymų būsenos
   (dashboard.css `.bj-order-status`): baltas fonas, 1px rėmelis, 3px radius. */
.b2b-reviews .b2b-review-status {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid var(--9684a7);
    border-radius: 3px;
    background: #fff;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}

/* Pastraipų (`<p>`, kurias sudeda wpautop) čia SĄMONINGAI neaprašome:
   my-account.css:880 jau nustato paskyros turinio pastraipoms
   URW Geometric 400 15/24 #372747 (`...MyAccount-content p:not([class])`),
   ir to selektoriaus svoris (0,3,1) toks pat kaip mūsų — persverti reikėtų
   ilgesnio selektoriaus, o tada atsiliepimo tekstas skirtųsi nuo kitų
   paskyros pastraipų. Žemiau esanti taisyklė lieka tekstui be `<p>`. */
.b2b-reviews .b2b-review-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--372747);
}

.b2b-reviews .b2b-review-text p:last-child {
    margin-bottom: 0;
}

/* „Dar neturite jokių atsiliepimų." */
.b2b-reviews .b2b-reviews-empty {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: var(--9684a7);
}