@charset "UTF-8";
/* ============================================================================
   Google Reviews carousel polish
   Created 2026-05-09 — uniform card heights regardless of review text length.
   Long reviews (400+ chars) used to make ALL cards in the row stretch to
   match (flex's default align: stretch), wasting vertical space on short cards.
   Solution: line-clamp .gr-text so every card has the same compact height.
   ============================================================================ */

/* Cap card body so all cards in the carousel have a consistent visual rhythm */
.gr-card {
  min-height: 320px;
  max-height: 380px;
}

/* Line-clamp the review text to ~7 lines (matches the longer-card visual budget). */
.gr-text {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Don't let .gr-text grow beyond the clamped lines — cards stay compact. */
  flex: 0 1 auto;
  max-height: 11.5em; /* ~7 × 1.65 line-height */
  /* Subtle fade at the bottom hints "more content available" — invites click to /testimonials/ */
  -webkit-mask-image: linear-gradient(to bottom, #000 78%, rgba(0,0,0,0.65) 100%);
          mask-image: linear-gradient(to bottom, #000 78%, rgba(0,0,0,0.65) 100%);
}

/* Mobile: more vertical room available in single-column → allow ~9 lines */
@media (max-width: 768px) {
  .gr-card {
    min-height: 280px;
    max-height: 420px;
  }
  .gr-text {
    -webkit-line-clamp: 9;
    max-height: 15em;
  }
}

/* ============================================================================
   "All reviews on the site" CTA — appears under the Google profile link
   in .gr-footer and routes to /testimonials/ (the full 76-review page).
   ============================================================================ */

.gr-footer .gr-all-reviews-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.6rem;
  padding: 0.5rem 1rem;
  background: #0B2E4A;       /* brand navy */
  color: #ffffff !important;
  border: 0;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
  letter-spacing: -0.005em;
}

.gr-footer .gr-all-reviews-link:hover,
.gr-footer .gr-all-reviews-link:focus-visible {
  background: #C9A24D;       /* brand gold on hover */
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px -4px rgba(201, 162, 77, 0.45);
  border-bottom-color: transparent !important;
}

.gr-footer .gr-all-reviews-link svg {
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  .gr-footer .gr-all-reviews-link { transition: none; }
  .gr-footer .gr-all-reviews-link:hover { transform: none; }
}