/* ==========================================================================
   Home — "Trusted by food & takeaway brands" testimonial cards
   Added 2026-07-28.

   Styling layer only, over the Bricks template 677 markup:

       .review-block > [stars-slot + .review-text] + [.review-items + person]

   Bricks writes `.review-block{height:fit-content}` and the card shadow from
   its own inline CSS at specificity 0,1,0, so the selectors here are written
   as `div.review-block` (0,1,1) to win on specificity rather than !important.

   Deleting this file (and its wp_enqueue_style call) reverts the look.
   ========================================================================== */

/* Card — same language as the article cards: light border, 12px radius,
   no shadow. Stretches to the row height so all three end level. */
/* Layout only. The card's surface — background, border, radius, shadow — is
   owned by css/nordicup-style.css, which reaches it via `#brx-content` and so
   outranks Bricks' own per-element rules without needing !important here. */
div.review-block {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* The "Ordered:" line + attribution sit at the bottom of every card, so the
   scannable facts line up across the row no matter how long the quote runs. */
div.review-block > div:last-child {
  margin-top: auto;
}

/* Quote mark — one opening mark above the quote. The original set an inline
   mark before AND after, which left a stray closing mark floating after the
   last word, at a different height in every card. */
/* Bricks declares these same pseudo-element rules in its own inline CSS, at
   equal specificity but later in the cascade, so these are scoped one level
   deeper (0,2,1) to win. */
div.review-block .review-text p {
  display: block !important;
}

div.review-block .review-text::before {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 0 12px;
  background-size: contain;
  background-repeat: no-repeat;
}

div.review-block .review-text::after {
  content: none !important;
}

/* Quote copy — a touch more line height, it is the part people actually read */
div.review-block .review-text {
  line-height: 1.65;
}

/* "Ordered: …" — the most concrete, most persuasive line in the card, so it
   reads as a spec rather than a faint pill */
div.review-block .review-items {
  font-weight: 500;
}

/* Attribution — business type over country, no invented avatar */
div.review-block .review-name {
  font-weight: 600;
  font-size: 16px;
}

div.review-block .review-position {
  font-size: 14px;
  color: #606060;
}

@media (max-width: 767px) {
  div.review-block .review-text {
    line-height: 1.6;
  }
}