/* Stronger override for avatar gradient and nav buttons - v2 */
.ts-review-avatar, .review-avatar, .avatar, .ts-avatar, .testimonial-avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important; /* Assistant pick */
  background-image: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: none !important;
  overflow: hidden !important;
}

/* initial text styling */
.ts-review-avatar .ts-initial, .review-avatar .initials, .avatar .initials, .testimonial-avatar .initials {
  font-size: 22px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Slider nav buttons - broader selectors and !important */
.ts-review-slider .ts-review-prev,
.ts-review-slider .ts-review-next,
.ts-review-nav .ts-review-prev,
.ts-review-nav .ts-review-next,
.review-nav .prev, .review-nav .next,
.slick-prev, .slick-next, .owl-prev, .owl-next {
  cursor: pointer !important;
  pointer-events: auto !important;
  background: #2f8f6a !important;
  color: #fff !important;
  border-radius: 6px !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 18px rgba(47,143,106,0.18) !important;
  opacity: 1 !important;
}

/* ensure they are visible above content */
.slick-prev, .slick-next, .owl-prev, .owl-next, .ts-review-prev, .ts-review-next {
  z-index: 9999 !important;
}

/* make sure buttons are not covered by pointer-events none from other CSS */
.slick-prev, .slick-next, .owl-prev, .owl-next, .ts-review-prev, .ts-review-next {
  pointer-events: auto !important;
}

/* small hover effect */
.ts-review-slider .ts-review-prev:hover,
.ts-review-slider .ts-review-next:hover,
.slick-prev:hover, .slick-next:hover {
  transform: translateY(-1px) !important;
  opacity: 0.95 !important;
}


/* v3 - target plugin's own slide buttons and make them clickable and visible */
.ts-slide-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 99999 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  background: #2f8f6a !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(47,143,106,0.18) !important;
  border: none !important;
  margin: 4px !important;
  opacity: 1 !important;
}
.ts-slide-btn[aria-label="Next"], .ts-slide-btn[aria-label="next"], .ts-slide-btn:contains("›") {
  /* Next style */
  background: linear-gradient(135deg,#6a11cb 0%, #2575fc 100%) !important;
}
.ts-slide-btn[aria-label="Previous"], .ts-slide-btn[aria-label="Prev"], .ts-slide-btn:contains("‹") {
  background: linear-gradient(135deg,#2575fc 0%, #6a11cb 100%) !important;
}

/* Ensure nav container doesn't overlay buttons */
.ts-review .ts-review-nav, .ts-review .ts-nav, .ts-review .rev-right .ts-nav {
  pointer-events: auto !important;
  z-index: 99999 !important;
}