/* Home — the reviews band: platform rating summaries, three review cards, and
   a join-the-crowd CTA bar. Rendered on a light surface (see home.html.erb);
   the platform + review cards stay .bx-dark islands within it. */

.bido-home-reviews {
  background-image:
    radial-gradient(ellipse 56% 40% at 50% 0%, rgba(var(--bx-teal-rgb),0.07), transparent 62%);
}

.bido-home-reviews-head {
  max-width: 52rem;
  margin: 0 auto clamp(38px, 5vw, 52px);
  text-align: center;
}
.bido-home-reviews-eyebrow {
  display: block;
  margin-bottom: 16px;
  color: var(--bx-good-ink);
  letter-spacing: 0.06em;
}
/* On the light reviews band the teal good-ink loses contrast against cream —
   use the theme-aware accent ink instead. */
.bx-light-surface .bido-home-reviews-eyebrow { color: var(--bx-accent-ink); }
.bido-home-reviews-sub {
  margin-top: 16px;
  font-size: var(--bx-text-lg);
  line-height: 1.5;
  color: var(--bx-ink-2);
}

/* ====== PLATFORM SUMMARY CARDS ====== */
.bido-home-platforms {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.bido-home-pl-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
  background: var(--bido-dark);
}
.bido-home-pl-logo {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  border-radius: var(--bx-r-pill);
  background: rgb(var(--bx-white-rgb));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bido-home-pl-logo svg { width: 30px; height: 30px; }
.bido-home-pl-nm {
  font-size: var(--bx-text-md);
  font-weight: 600;
  color: var(--bx-ink-2);
}
.bido-home-pl-score {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}
.bido-home-pl-score strong {
  font-family: var(--bx-font-display);
  font-size: var(--bx-text-3xl);
  font-weight: 800;
  line-height: 1;
  color: var(--bx-ink);
}
.bido-home-pl-score .bido-home-stars {
  font-size: var(--bx-text-lg);
  color: var(--bx-good-ink);
}
.bido-home-pl-ct {
  margin-top: 6px;
  font-size: var(--bx-text-sm);
  color: var(--bx-ink-3);
}

/* ====== REVIEW CARDS ====== */
.bido-home-review-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 16px;
}
.bido-home-rv-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
  background: var(--bido-dark);
}
.bido-home-rv-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.bido-home-rv-src {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--bx-text-md);
  font-weight: 700;
  color: var(--bx-ink);
}
.bido-home-rv-src-ic {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border-radius: var(--bx-r-pill);
  background: rgb(var(--bx-white-rgb));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bido-home-rv-src-ic svg { width: 14px; height: 14px; }
.bido-home-rv-ago {
  font-size: var(--bx-text-xs);
  color: var(--bx-ink-3);
}
.bido-home-rv-stars {
  margin-bottom: 12px;
  font-size: var(--bx-text-lg);
  letter-spacing: 2px;
  color: var(--bx-good-ink);
}
.bido-home-rv-quote {
  flex: 1;
  font-family: var(--bx-font-display);
  font-weight: 600;
  font-size: var(--bx-text-lg);
  line-height: 1.5;
  color: var(--bx-ink);
}
.bido-home-rv-foot {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--bx-line);
}
.bido-home-rv-who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bido-home-rv-nm {
  font-size: var(--bx-text-md);
  font-weight: 700;
  color: var(--bx-ink);
}
.bido-home-rv-loc {
  margin-top: 1px;
  font-size: var(--bx-text-xs);
  color: var(--bx-ink-3);
}
.bido-home-rv-verify {
  align-self: flex-start;
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: var(--bx-r-pill);
  font-size: var(--bx-text-xs);
  font-weight: 700;
}
.bido-home-rv-verify-g {
  background: rgba(var(--bx-teal-rgb),0.14);
  border: 1px solid rgba(var(--bx-teal-rgb),0.32);
  color: var(--bx-good-ink);
}
.bido-home-rv-verify-f {
  background: rgba(var(--bx-accent-rgb),0.14);
  border: 1px solid rgba(var(--bx-accent-rgb),0.34);
  color: var(--bx-accent-ink);
}
.bido-home-rv-verify-y {
  background: rgba(var(--bx-coral-rgb),0.14);
  border: 1px solid rgba(var(--bx-coral-rgb),0.32);
  color: var(--bx-bad-ink);
}

/* ====== CTA BAR ====== */
.bido-home-reviews-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 24px;
  padding: 18px 24px;
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
  background: var(--bx-paper-2);
}
.bido-home-rc-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.bido-home-rc-txt {
  font-size: var(--bx-text);
  color: var(--bx-ink-2);
}
.bido-home-rc-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bido-home-rc-lbl {
  font-size: var(--bx-text-md);
  color: var(--bx-ink-3);
}
.bido-home-rc-pill {
  width: 34px;
  height: 34px;
  border-radius: var(--bx-r-pill);
  background: rgb(var(--bx-white-rgb));
  border: 1px solid var(--bx-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bido-home-rc-pill svg { width: 18px; height: 18px; }
.bido-home-rc-arr {
  width: 38px;
  height: 38px;
  margin-left: 4px;
  border-radius: var(--bx-r-pill);
  background: var(--bido-cyan);
  color: var(--bido-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (any-hover: hover) {
  .bido-home-rc-arr:hover { background: var(--bido-blue); }
}

/* Mobile tier — review cards become a horizontal scroll-snap carousel so each
   stays full-width and legible rather than collapsing into a tall stack. */
@media (max-width: 48rem) {
  .bido-home-review-cards {
    grid-auto-flow: column;
    grid-auto-columns: 88%;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .bido-home-review-cards::-webkit-scrollbar { display: none; }
  .bido-home-rv-card { scroll-snap-align: start; }
}