/* --- AdmiraVox Reviews & Press (vanilla CSS) --- */
/* Uses your existing type scale and fonts from typography.css */

/* Layout */
.reviews-section {
  padding: clamp(var(--fontSz3), 6vw, var(--fontSz3)) 0;
  background: var(--site-bg);
}

.reviews-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(var(--fontSz0), 4vw, var(--fontSz3));
}

/* "As seen in" logo strip */
.reviews-logos {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--fontSz2);
  align-items: center;
  justify-items: center;
  margin: var(--fontSz-2) 0 var(--fontSz2);
}

.reviews-logo {
  height: 28px;
  width: auto;
  opacity: .75;
  filter: grayscale(100%);
  transition: opacity var(--transition-fast), filter var(--transition-fast), transform var(--transition-fast);
}

.reviews-logo:hover {
  opacity: 1;
  filter: none;
  transform: translateY(-1px);
}

/* Grid of review cards */
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fontSz2);
}

.review-card {
  display: flex;
  flex-direction: column;
  gap: var(--fontSz-2);
  border: var(--card-border-width) solid var(--card-border-color);
  background: var(--card-bg);
  border-radius: var(--card-radius);
  padding: var(--fontSz2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.review-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
  transform: translateY(-1px);
}

.review-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fontSz-2);
}

.review-card .logo-wrap {
  display: flex;
  align-items: center;
  gap: var(--fontSz-2);
}

.review-card .logo-wrap img {
  height: 24px;
  width: auto;
  opacity: .9;
  filter: grayscale(100%);
  transition: opacity var(--transition-fast), filter var(--transition-fast);
}

.review-card:hover .logo-wrap img {
  opacity: 1;
  filter: none;
}

.review-quote {
  margin: var(--fontSz-2) 0 0;
  line-height: 1.35;
  font-size: var(--fontSz1);
  color: var(--font-muted-color);
  /* 3-line clamp */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}


.review-cta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fontSz0);
}

.review-cta a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity var(--transition-fast);
}

.review-cta a:hover {
  opacity: .8;
}

.badge {
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .75rem;
  background: #e00505;
  color: #fff;
  border-radius: 999px;
  padding: var(--fontSz-2) var(--fontSz-2);
}

/* Utility */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: var(--space-neg-1);
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Featured (spans more space on large screens) */
.review-card.featured {
  border-width: 1.5px;
}


.review-meta {
  color: var(--font-muted-color);
  font-variant-caps: all-small-caps;
  letter-spacing: var(--meta-letter-spacing);
  font-size: var(--meta-font-size);
}


/* unify review hover to tokens */
.review-card {
  will-change: transform;
  transition: var(--card-transition);
}

.review-card:hover,
.review-card:focus-within {
  transform: translateY(var(--card-hover-translate-y));
  box-shadow: var(--card-shadow-hover);
  border-color: var(--card-hover-border-color);
}



/* === Auto-generated responsiveness review for: assets/css/reviews.css === */
/* Breakpoint skeleton (fill in as needed) */
@media (max-width: 1200px) {
  /* xl down */
}

@media (max-width: 992px) {

  /* lg down: stack sidebars, shrink grids */
  .review-card.featured {
    grid-column: span 2;
  }

  .reviews-grid {
    grid-template-columns: repeat(2, 1fr) /* reduce from ~3 cols */;
  }

  .reviews-container {
    max-width: min(100%, 1200px) /* responsive override from max-width:1200px */;
  }
  /* "As seen in" logo strip */
.reviews-logos {
    grid-template-columns: repeat(2, 1fr) /* reduce from ~6 cols */;
  }
  /* Grid of review cards */
.reviews-grid {
    grid-template-columns: repeat(2, 1fr) /* reduce from ~3 cols */;
  }
  .reviews-logos {
    grid-template-columns: repeat(2, 1fr) /* reduce from ~3 cols */;
  }
}

@media (max-width: 768px) {

  /* md down: single-column layout */
  .reviews-grid {
    grid-template-columns: 1fr;
  }

  .reviews-logos {
    grid-template-columns: 1fr /* stack to single column */;
  }

  .review-card header {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
  .review-card .logo-wrap {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
  .review-cta {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
}

@media (max-width: 768px) {

  /* "As seen in" logo strip */
 .reviews-logos {
    grid-template-columns: 1fr /* stack to single column */;
  }
  /* Grid of review cards */
  .reviews-grid {
    grid-template-columns: 1fr /* stack to single column */;
  }
  .review-card header {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
  .review-card .logo-wrap {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
  .review-cta {
    flex-wrap: wrap /* allow items to wrap on small screens */;
  }
}


@media (max-width: 576px) {

  /* "As seen in" logo strip */
  .reviews-logos {
    grid-template-columns: 1fr /* ensure single column */;
  }
  /* Grid of review cards */
 .reviews-grid {
    grid-template-columns: 1fr /* ensure single column */;
  }
  .review-card header {
    flex-direction: column /* stack items on phones */;
  }
  .review-card .logo-wrap {
    flex-direction: column /* stack items on phones */;
  }
  .review-cta {
    flex-direction: column /* stack items on phones */;
  }
}






/* === End auto-generated review === */