/* Reviews — Smash Balloon Reviews Feed (component "Patient Reviews", [reviews-feed]).
   EOS standard: the plugin's DEFAULT carousel layout (header rating summary, Google
   button, arrows, dots). Colours/layout live in the feed's own settings
   (wp-admin → Reviews Feed → feed 1). This file swaps in the site's fonts and
   type-scale sizes (Mr Eaves reads small at the plugin's px sizes). Loaded only where the
   feed renders (see functions.php). */

/* ── Body font for the whole feed (names, dates, review text, summary, button) ── */
.sbr-feed,
.sbr-feed .sb-post-item,
.sbr-feed .sb-relative { font-family: var(--font-mr-eaves-sans) !important; }

/* ── "Write a Review" button — same type as the site's small buttons (.btn-arrow--sm) ── */
.sbr-feed .sb-btn {
  font-family: var(--font-mr-eaves-xl-sans) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

/* ── Serif for the plugin heading (if switched on) and the big average number ── */
.sbr-feed .sb-feed-header-heading,
.sbr-feed .sb-feed-header-heading .sb-relative,
.sbr-feed .sb-feed-header-rating { font-family: var(--font-mrs-eaves-xl-serif) !important; }

/* ── Sizes from the type scale — review text matches site body copy (.body-lg);
      the rest keep the plugin's proportions to it. Author name size is set
      in the feed settings (authorNameFont), not here. Review text uses the .body-lg line-height. ── */
.sbr-feed .sb-item-text,
.sbr-feed .sb-item-pros-cons           { font-size: var(--text-body-lg) !important; }  /* 20 → 24px */
.sbr-feed .sb-item-text,
.sbr-feed .sb-item-pros-cons           { line-height: 1.167 !important; }               /* = .body-lg paragraphs */
.sbr-feed .sb-item-author-date,
.sbr-feed .sb-feed-header-rating-subtext { font-size: var(--text-sub-sm) !important; }  /* 16 → 20px */
.sbr-feed .sb-feed-header-rating       { font-size: var(--text-sub-lg) !important; }   /* 24 → 28px */

/* ── Equal-height review cards (Figma cards are all one height) ──
   The carousel floats its slides; a flex stage stretches every slide to the tallest
   one, and the card fills its slide. Slide widths stay the carousel's own. */
.sbr-feed .sbr-owl-stage { display: flex; }
.sbr-feed .sbr-owl-item { display: flex; flex-shrink: 0; float: none; }
.sbr-feed .sbr-owl-item > .sb-post-item-wrap { width: 100%; }