/* Continuous Carousel Styling (Full Width) */
.manual-reviews { 
  margin-top: 0; 
  border-top: 1px solid var(--c-panel-line); 
  padding-top: 3rem; 
  padding-bottom: 3rem; 
}

.carousel-container { 
  position: relative; 
  overflow: hidden; 
  max-width: 100%; 
  width: 100%; 
  margin: 0 auto; 
  padding-bottom: 1rem; 
}

.carousel-track-wrapper { 
  width: 100%; 
  overflow: visible; 
}

/* align-items: stretch ensures all slides match the tallest item */
.carousel-track { 
  display: flex; 
  align-items: stretch;
  margin: 0; 
  padding: 0; 
  list-style: none; 
  will-change: transform; 
  user-select: none; 
}

/* display: flex allows the child card to stretch fully */
.carousel-slide { 
  min-width: clamp(320px, 80vw, 500px); 
  box-sizing: border-box; 
  padding: 0 1rem; 
  display: flex;
}

/* justify-content: center perfectly centers the text vertically in the available space */
.review-card { 
  background: var(--c-panel); 
  border: 1px solid var(--c-panel-line); 
  border-radius: var(--radius-sm); 
  padding: 2rem; 
  text-align: center; 
  width: 100%; 
  display: flex; 
  flex-direction: column; 
  justify-content: center;
  align-items: center;
}

.stars { 
  color: var(--c-gold-bright); 
  font-size: 1.2rem; 
  margin-bottom: 0.5rem; 
  letter-spacing: 3px; 
}

.reviewer-name { 
  font-family: var(--f-display); 
  font-size: 1.1rem; 
  margin-bottom: 1rem; 
}

.review-content { 
  color: #d8cfba; 
  font-style: italic; 
  font-size: 1rem; 
  max-width: 50ch; 
  margin: 0 auto; 
  pointer-events: none; 
  white-space: pre-line; 
}

/* Discreet hidden-in-plain-sight Toggle Button */
.carousel-toggle-btn {
  position: absolute;
  bottom: -20px;
  right: clamp(15px, 5vw, 50px);
  background: transparent;
  border: none;
  color: var(--c-panel-line);
  font-size: 0.85rem;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 0.3s ease, color 0.3s ease;
  z-index: 10;
}

.carousel-toggle-btn:hover,
.carousel-toggle-btn:focus-visible {
  opacity: 0.9;
  color: var(--c-gold);
}