/* =============================================================
   Webrakéta · Trustindex vélemények  ·  [wr_ti_velemenyek]
   A kártya a webraketa-testimonials CSS-éből jön (.wr-tst-item,
   .wr-tst-cap, .wr-tst-avatar), itt csak a rács és a kiegészítők.
   Csillagszín = a főoldali Google-jelvényé (#FBBC05 / #e3e0d8).
   ============================================================= */
/* Ernő (TG 6150): a vélemény-szöveg 4 sorig látszik, a többi „Tovább olvasom"-ra nyílik
   (a webraketa-testimonials közös mechanizmusa; a főoldali körhinta 3 soros marad). A kártya
   szövegét a szerver már levágva küldi (is-clamped), a JS csak a gombot teszi hozzá, ahol kell. */
.wr-tiv { --wr-tst-clamp: 4; }
.wr-tiv .wr-tst-head { max-width: 46rem; }
.wr-tiv-lead {
  margin: 1.25rem 0 0;
  font-family: var(--wr-font-sans, "Inter", sans-serif);
  font-size: var(--wr-font-body-lg, 1.1875rem);
  line-height: 1.55;
  color: var(--muted-foreground, #5b6472);
}
.wr-tiv-source {
  margin: 0.9rem 0 0;
  font-family: var(--wr-font-mono, "JetBrains Mono", monospace);
  font-size: var(--wr-font-label, 11px);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--wr-ls-label, 0.1em);
  color: var(--ink, #1b3c6f);
}
.wr-tiv-source a,
.wr-tiv-foot a { color: var(--coral, #f03a47); text-decoration: underline; text-underline-offset: 3px; }

/* Jelvény: a Trustindex loader.js formázza (addig 0 magas), ezért a VÉGSŐ, mért
   magasságnak helyet foglalunk; formázás közben láthatatlan, és csak kész állapotban
   (.wr-ti-kesz, a bővítmény késleltetett betöltője teszi rá) jelenik meg.
   Mérve 2026-09-28: 124 px 414 px szélességig, 103 px 415 px-től. */
.wr-tiv-badge {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 124px;
  margin-block: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}
@media (min-width: 415px) { .wr-tiv-badge { min-height: 103px; } }
.wr-tiv-badge div.ti-widget:not(.wr-ti-kesz) { visibility: hidden; }
/* A Trustindex tooltipje „transition: all” miatt kb. 0,65 s-ig LÁTHATÓ és a helyére ugrik, ha a
   stílus a festés után érkezik (mérve: CLS 0,008): a kész állapotig ki sem rajzoljuk. */
.wr-tiv-badge div.ti-widget:not(.wr-ti-kesz) .ti-disclaimer { display: none !important; }
.wr-tiv-badge pre.ti-widget { margin: 0; white-space: normal; font: inherit; background: none; padding: 0; overflow: visible; }

.wr-tiv-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
@media (min-width: 640px)  { .wr-tiv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .wr-tiv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wr-tiv-cell { margin: 0; padding: 0; display: flex; }
.wr-tiv-cell > .wr-tiv-item { flex: 1 1 auto; width: 100%; min-width: 0; }

.wr-tiv-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.wr-tiv-stars { display: inline-flex; gap: 2px; }
.wr-tiv-stars svg { width: 18px; height: 18px; display: block; }
.wr-tiv-stars .is-on  { fill: #FBBC05; }
.wr-tiv-stars .is-off { fill: #e3e0d8; }
.wr-tiv-meta time {
  font-family: var(--wr-font-mono, "JetBrains Mono", monospace);
  font-size: var(--wr-font-label, 11px);
  text-transform: uppercase;
  letter-spacing: var(--wr-ls-label, 0.1em);
  color: var(--muted-alt, #9aa0ab);
}
.wr-tiv-quote {
  margin-top: 1rem;
  font-size: var(--wr-font-body, 1.0625rem);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.wr-tiv-empty {
  margin: 1rem 0 0;
  flex: 1 1 auto;
  font-family: var(--wr-font-sans, "Inter", sans-serif);
  font-size: var(--wr-font-body-sm, 1rem);
  font-style: italic;
  color: var(--muted-alt, #9aa0ab);
}
/* A véleményező a kártya TETEJÉN (Ernő TG 6185): a közös .wr-tst-cap itt felül ül, alatta elválasztó vonal. */
.wr-tiv-item .wr-tiv-cap { margin-top: 0; padding-top: 0; border-top: 0; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--line, #e3e6ea); }
.wr-tiv-foot {
  margin: 0;
  text-align: center;
  font-family: var(--wr-font-sans, "Inter", sans-serif);
  font-size: 0.875rem;
  color: var(--muted-foreground, #5b6472);
}

/* Közös vélemény-körhinta ([wr_ti_korhinta], includes/korhinta.php): a fejléc jobb oldalán „Összes vélemény” link. */
.wr-tiv-korhinta__head { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; }
.wr-tiv-korhinta__all {
  font-family: var(--wr-font-mono, "JetBrains Mono", monospace);
  font-size: var(--wr-font-label, 11px);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--wr-ls-label, 0.1em);
  color: var(--coral, #f03a47);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}