/*
 * Review cards (public/partials/reviews, grid layout) and the /opinie page.
 * Loaded by every page that shows the card grid — /opinie, the first-
 * training landing page and the trainer page; the home page uses the
 * theme's own slick testimonial slider styled by assets/css/style.css and
 * only borrows the star row and source line from here. The card block was
 * born on the landing page (pierwszy-trening.css) and moved here when it
 * became shared. Theme colours: #ed342c accent, #16161a dark, Teko
 * headings, Barlow body.
 */

.rv-review {
  background: #fff;
  border-left: 4px solid #ed342c;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  padding: 28px 30px 22px;
  margin: 0 0 30px;
}

.rv-review p {
  font-size: 18px;
  font-style: italic;
  color: #333;
  margin-bottom: 16px;
}

.rv-review footer strong {
  font-family: "Teko", sans-serif;
  font-size: 24px;
  color: #16161a;
}

.rv-review footer span {
  color: #888;
  margin-left: 8px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

/* ---- stars and source (both layouts) ------------------------------------ */

.rv-stars {
  display: inline-block;
  color: #f5b301;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.rv-stars .far {
  color: #d5d5d5;
}

.rv-source {
  display: block;
  color: #999;
  font-size: 13px;
  margin-top: 4px;
}

.h1-testimonial-active .rattiong-caption .rv-stars {
  display: block;
  margin: 8px 0 0;
}

/* ---- /opinie page -------------------------------------------------------- */

.rv-page {
  padding: 80px 0 50px;
}

.rv-page__lede {
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
  font-size: 18px;
  color: #555;
}

.rv-page__empty {
  max-width: 760px;
  margin: 0 auto 50px;
  padding: 30px;
  text-align: center;
  background: #fff;
  border-left: 4px solid #ed342c;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  font-size: 18px;
}

.rv-page__cta {
  text-align: center;
  padding: 40px 0 30px;
}

.rv-page__cta h3 {
  font-size: 34px;
  margin-bottom: 10px;
}

.rv-page__cta p {
  font-size: 18px;
  color: #555;
  margin-bottom: 25px;
}

.rv-page__cta .btn {
  margin: 0 8px 12px;
}

.rv-more {
  text-align: center;
  margin: -10px 0 30px;
}

.rv-more a {
  font-family: "Teko", sans-serif;
  font-size: 22px;
  color: #ed342c;
}

.rv-more a:hover {
  color: #16161a;
}

/* Home page: the slider sits in the left-aligned about-2 caption column, so
   the link and the empty-state line align with the section title. */
.rv-more--home {
  text-align: left;
  margin: 10px 0 0;
}

.rv-home-empty {
  font-size: 18px;
  color: #555;
  margin: 0;
}