/*
 * The Stronger We Become — custom styles
 * Brand: Gold #D2C76A · Blue #005873
 * Most styling is handled by Tailwind; this file covers
 * carousel controls and a few overrides.
 */

/* Carousel controls */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 88, 115, 0.6);
  color: #D2C76A;
  border: none;
  font-size: 2rem;
  line-height: 1;
  padding: 0.25rem 0.6rem;
  cursor: pointer;
  z-index: 10;
  border-radius: 4px;
  transition: background 0.2s;
}
.carousel-btn:hover,
.carousel-btn:focus-visible {
  background: rgba(0, 88, 115, 0.85);
}
.carousel-btn.prev { left: 0.5rem; }
.carousel-btn.next { right: 0.5rem; }