/* TreliconAI brand polish — 2026-10-30
   Keep the review and CTA areas within the existing ice-white / cyan / mint theme. */
.section--reviews {
  background: linear-gradient(180deg, #EAF3F8 0%, #F3F8FC 100%);
  border-top: 1px solid #D8E5EC;
  border-bottom: 1px solid #D8E5EC;
}
.section--reviews .section-head h2 { color: #253746; }
.section--reviews .section-head .eyebrow { color: #008FA2; }

/* Light review cards, with dark graphite text for effortless reading. */
.section--reviews .testimonial-card,
.testimonial-pages__item .testimonial-card,
.testimonial-pages .testimonial-card {
  background: #FFFFFF !important;
  border: 1px solid #D1E1E9 !important;
  color: #253746 !important;
  box-shadow: 0 8px 24px rgba(31, 63, 79, .07);
}
.testimonial-card .testimonial-card__name,
.testimonial-card .testimonial-card__quote,
.testimonial-card .testimonial-card__meta,
.testimonial-card .testimonial-card__role {
  color: #253746 !important;
  opacity: 1 !important;
}
.testimonial-card .testimonial-card__quote { line-height: 1.75; }
.testimonial-card .testimonial-card__meta { color: #526675 !important; }
.testimonial-card .testimonial-card__company { color: #007F91 !important; }

/* Requested yellow stars; use a warm gold that remains visible on white. */
.testimonial-card .testimonial-rating {
  background: #FFF8E5 !important;
  border: 1px solid #F0D58A !important;
  box-shadow: none !important;
}
.testimonial-card .testimonial-star {
  color: #E0A000 !important;
  -webkit-text-stroke-color: #B77B00 !important;
}
.testimonial-card .testimonial-star::after { color: #E0A000 !important; }
.testimonial-card .testimonial-rating__value { color: #795400 !important; }
.testimonial-card .badge-demo { color: #526675 !important; border-color: #AFC5D1 !important; }

/* The “Have a problem worth solving?” CTA now feels native to the light tech theme. */
.cta-banner {
  background: linear-gradient(115deg, #EAF3F8 0%, #E7F5F5 62%, #EAF7F1 100%) !important;
  border: 1px solid #C9E0E7 !important;
  box-shadow: 0 10px 28px rgba(31, 63, 79, .06);
}
.cta-banner h2 { color: #253746 !important; }
.cta-banner p { color: #526675 !important; opacity: 1 !important; }
.cta-banner .eyebrow { color: #008FA2 !important; }
.cta-banner .btn--primary,
.cta-banner a.btn--primary,
.cta-banner .btn--outline,
.cta-banner a.btn--outline,
.cta-banner .cta-banner__ghost-btn {
  background: #00AFC4 !important;
  color: #062D37 !important;
  border: 2px solid #008FA2 !important;
  box-shadow: 0 5px 16px rgba(0, 143, 162, .16);
  font-weight: 800;
  text-decoration: none !important;
}
.cta-banner .btn--primary:hover,
.cta-banner .btn--primary:focus-visible,
.cta-banner .btn--outline:hover,
.cta-banner .btn--outline:focus-visible,
.cta-banner .cta-banner__ghost-btn:hover,
.cta-banner .cta-banner__ghost-btn:focus-visible {
  background: #D9F5F5 !important;
  color: #17394A !important;
  border-color: #007F91 !important;
  outline: 3px solid rgba(0, 143, 162, .28);
  outline-offset: 3px;
}
/* CTA labels such as “Start a Conversation” must never have an underline. */
.cta-banner a,
.cta-banner a:link,
.cta-banner a:visited,
.cta-banner a:hover,
.cta-banner a:focus-visible,
.cta-banner .btn { text-decoration: none !important; }

@media (prefers-reduced-motion: reduce) {
  .section--reviews *, .cta-banner * { transition-duration: .01ms !important; }
}


/* Centered, premium See More buttons (reviews + blog archive). Keep these
   rules in the final-loaded brand stylesheet so they win over legacy styles. */
.testimonial-more-wrap,
.blog-see-more-wrap {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: clamp(24px, 3vw, 36px) auto 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}
.testimonial-more-btn,
.blog-see-more-btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 12px 22px !important;
  border: 1px solid #00AFC4 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #EAF8FA 100%) !important;
  color: #075263 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(0, 127, 145, .12) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
  cursor: pointer !important;
}
.testimonial-more-btn:hover, .blog-see-more-btn:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #DDF7F8 0%, #CFF1F3 100%) !important;
  color: #073B48 !important;
  box-shadow: 0 12px 28px rgba(0, 127, 145, .2) !important;
  text-decoration: none !important;
}
.testimonial-more-btn:focus-visible, .blog-see-more-btn:focus-visible {
  outline: 3px solid rgba(0, 175, 196, .35) !important;
  outline-offset: 4px !important;
}
.testimonial-more-btn .icon { width: 17px !important; height: 17px !important; }
@media (max-width: 560px) {
  .testimonial-more-wrap, .blog-see-more-wrap { margin-top: 24px !important; }
  .testimonial-more-btn, .blog-see-more-btn { min-height: 46px !important; padding: 11px 18px !important; font-size: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .testimonial-more-btn, .blog-see-more-btn { transition: none !important; }
}

/* Final alignment guard: prevent legacy .btn rules from offsetting button labels. */
.testimonial-more-wrap,
.blog-see-more-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.testimonial-more-wrap > .testimonial-more-btn,
.blog-see-more-wrap > .blog-see-more-btn {
  position: relative !important;
  inset: auto !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-indent: 0 !important;
  transform: none;
  white-space: nowrap !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.testimonial-more-btn > .icon,
.blog-see-more-btn > span[aria-hidden="true"] {
  display: inline-flex !important;
  position: static !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  transform: none !important;
}