/* ═══════ TESTIMONIALS — HERO REVIEW CARD ═══════ */
.testi-hero-review {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testi-hero-review-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 20px;
}
.testi-hero-review-label .testimonial-stars-row {
  display: flex;
  gap: 3px;
}
.testi-hero-review-label .testimonial-stars-row svg {
  width: 20px;
  height: 20px;
  color: #FACC15;
  opacity: 1;
  transform: none;
}
.testi-hero-review-label span {
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--navy);
}
.testi-hero-testimonial-text {
  font-family: var(--font-display);
  font-size: clamp(1rem, 1.5vw, 1.12rem);
  font-style: italic;
  font-weight: 400;
  color: var(--navy);
  line-height: 1.75;
  margin: 0 0 24px;
}
.testi-hero-review .testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.testi-hero-review .testimonial-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 0.95rem;
  background: var(--teal-100);
  color: var(--teal);
}
.testi-hero-review .testimonial-name {
  font-weight: 600;
  color: var(--navy);
  font-size: 0.95rem;
}
.testi-hero-review .testimonial-via {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* ═══════ TESTIMONIALS — EXPANDED GRID ═══════ */
.testi-testimonials-expanded {
  padding-bottom: 100px !important;
}
.testi-testimonials-expanded .testimonials-inner {
  max-width: 1100px;
}
/* Stagger column tops like homepage */
.testi-testimonials-expanded .testimonials-col:nth-child(1) { padding-top: 0; }
.testi-testimonials-expanded .testimonials-col:nth-child(2) { padding-top: 32px; }
.testi-testimonials-expanded .testimonials-col:nth-child(3) { padding-top: 16px; }
/* Match vertical gap to horizontal gap */
.testi-testimonials-expanded .testimonials-col { gap: 28px; }
/* Remove the 2nd-card offset that only works with 2-card columns */
.testi-testimonials-expanded .testimonial-card:nth-child(2) { transform: none; }
.testi-testimonials-expanded .testimonial-card:nth-child(2):hover { transform: none; }
/* Darken cards in lower half of each column to match gradient fade */
.testimonial-card.testi-card-dark {
  background: rgba(15,43,69,0.45) !important;
  border-color: rgba(15,43,69,0.5) !important;
}
.testimonial-card.testi-card-darker {
  background: rgba(15,43,69,0.7) !important;
  border-color: rgba(15,43,69,0.75) !important;
}

/* ═══════ EXTENDED NIGHT SKY — keeps dark behind all 4 rows ═══════ */
.night-sky-extended {
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy) 70%, #15304a 73%, #1c3d58 76%, #264e6a 78%, #35627c 80%, #47768c 82%, #5c8a9b 84%, #739da9 86%, #8bb0b8 88%, #a2c1c6 90%, #b8d0d3 92%, #ccdde0 94%, #dde8ea 96%, #eaf0f0 98%, #f4f4f4 100%) !important;
}
.night-sky-extended > .starfield {
  mask-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0.3) 75%, transparent 85%) !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0.3) 75%, transparent 85%) !important;
}

/* ═══════ SERVICE AREA SEO INSIDE NIGHT SKY ═══════ */
.night-sky .svc-area {
  margin-top: 100px;
  position: relative;
  z-index: 2;
  background: rgba(244,244,244,0.85);
  border-radius: 20px;
  padding: 60px clamp(20px, 4vw, 60px);
  margin-bottom: 0;
}
/* Eliminate white gap between night-sky and footer wave */
.footer-wave {
  background: #f4f4f4;
}

/* ═══════ RESPONSIVE ═══════ */
@media (max-width: 600px) {
  .testi-hero-review {
    padding: 32px 28px;
  }
  .testi-hero-testimonial-text {
    font-size: 0.98rem;
  }
}
