/*
 * Portfolio project testimonial card
 * Loaded only when the current project has testimonial content.
 */

/* Match the testimonial copy to the project-description body size. */
.b_fp-review .main > p {
  font-size: var(--fs-general);
}

/* Keep the compact rating badge on the right. */
.b_fp-review .c_google-rate {
  box-sizing: border-box;
  width: auto;
  margin-left: auto;
  align-self: flex-end;
}

@media (min-width: 700px) {
  /*
   * Keep the text card compact. Its content determines the row height, and
   * the testimonial thumbnail crops to that height.
   */
  .b_fp-review {
    align-items: stretch;
  }

  .b_fp-review .aside {
    min-height: 0;
  }

  .b_fp-review .main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 1.5em;
    row-gap: 1em;
    height: auto;
    min-height: 0;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    overflow: hidden;
  }

  .b_fp-review .main > p:first-child {
    grid-column: 1 / -1;
    margin: 0;
  }

  .b_fp-review .main > .l_podpis {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    margin: 0;
  }

  .b_fp-review .main > .c_google-rate {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    margin: 0;
  }

  .b_fp-review .aside > button,
  .b_fp-review .aside .c_yt-btn {
    height: 100%;
  }

  .b_fp-review .aside > button {
    display: block;
    width: 100%;
  }

  .b_fp-review .aside img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}