/* Reviews Section Styles - reviews.css */

/* Dark background adjustments */
.testimonials-sec.reviews-dark-bg .reviews-left-col,
.testimonials-sec.reviews-dark-bg .reviews-left-col *,
.testimonials-sec.reviews-dark-bg .reviews-footer,
.testimonials-sec.reviews-dark-bg .reviews-footer a,
.testimonials-sec.reviews-dark-bg .reviews-logo,
.testimonials-sec.reviews-dark-bg .viva-titles,
.testimonials-sec.reviews-dark-bg .main-title,
.testimonials-sec.reviews-dark-bg .sub-title {
  color: #fff !important;
}
.testimonials-sec.reviews-dark-bg .reviews-footer .e-btn,
.testimonials-sec.reviews-dark-bg .reviews-footer .e-btn__green {
  background: #fff !important;
  color: #222 !important;
  border: none;
}
.testimonials-sec.reviews-dark-bg .owl-nav button.owl-prev,
.testimonials-sec.reviews-dark-bg .owl-nav button.owl-next {
  background: #fff !important;
  color: #222 !important;
  border: none;
}
.testimonials-sec.reviews-dark-bg .owl-nav button.owl-prev:hover,
.testimonials-sec.reviews-dark-bg .owl-nav button.owl-next:hover {
  background: #faba05 !important;
  color: #222 !important;
}
.testimonials-sec.reviews-dark-bg .owl-nav button span,
.testimonials-sec.reviews-dark-bg .owl-nav button i {
  color: #222 !important;
}

/* Reviews section flex layout for desktop */
.reviews-flex-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.testimonials-sec .reviews-left-col {
  flex: 0 0 340px;
  max-width: 340px;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
}
.testimonials-sec .reviews-left-col *,
.testimonials-sec .reviews-left-col .reviews-footer,
.testimonials-sec .reviews-left-col .viva-titles,
.testimonials-sec .reviews-left-col .main-title,
.testimonials-sec .reviews-left-col .sub-title {
  text-align: left !important;
}
.reviews-right-col {
  flex: 1 1 0%;
  min-width: 0;
}
.reviews-footer {
  margin-top: 40px;
}
.reviews-logo {
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .reviews-flex-row {
    flex-direction: column;
    gap: 24px;
  }
  .testimonials-sec .reviews-left-col,
  .testimonials-sec .reviews-right-col {
    max-width: 100%;
    flex: 1 1 100%;
    padding-top: 0;
    align-items: center;
  }
  .testimonials-sec .reviews-left-col *,
  .testimonials-sec .reviews-left-col .reviews-footer,
  .testimonials-sec .reviews-left-col .viva-titles,
  .testimonials-sec .reviews-left-col .main-title,
  .testimonials-sec .reviews-left-col .sub-title {
    text-align: center !important;
  }
  .reviews-footer {
    text-align: center !important;
    margin-top: 16px !important;
  }
  .reviews-logo {
    margin-bottom: 10px !important;
  }
  .reviews-left-col .viva-titles {
    margin-bottom: 0 !important;
  }
}

/* Override star colors for reviews (keep testimonials green, make reviews gold) */
.testimonials-sec.reviews-section .testimonials-rating i {
    color: #faba05 !important;
}

.testimonials-sec .review-count {
    font-size: 0.8em;
    color: #666;
    font-weight: normal;
}

.testimonials-sec .reviews-footer {
    padding-top: 30px;
}

/* Ensure background color is applied with higher specificity */
.testimonials-sec.reviews-section[style*="background-color"] {
    padding: 60px 0 !important;
}

/* Ensure testimonials-item cards have proper styling */
.testimonials-sec .testimonials-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonials-sec .testimonials-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.15);
}

.testimonials-sec .testimonials-item p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
    flex-grow: 1;
}

.testimonials-sec .testimonials-item h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 15px 0 5px 0;
}

.testimonials-sec .testimonials-item h6 {
    font-size: 14px;
    color: #888;
    margin: 0;
    font-weight: 400;
}

.testimonials-sec .testimonials-rating {
    margin: 15px 0;
}

.testimonials-sec .testimonials-rating i {
    font-size: 16px;
    margin-right: 2px;
}

/* Reviews carousel - match feature-highlight-carousel styling exactly */
.testimonials-sec .carousel-wrapper {
    position: relative;
}

/* Only show visible carousel items, but ensure first/last visible card borders are present */
.testimonials-sec .reviews-carousel.owl-carousel .owl-stage-outer {
    overflow: hidden !important;
}

.testimonials-sec .reviews-carousel.owl-carousel {
    padding: 0;
}

.testimonials-sec .reviews-carousel .owl-stage {
    display: flex;
    align-items: stretch;
    padding-top: 2px;
}

.testimonials-sec .reviews-carousel .owl-item {
    display: flex;
    align-items: stretch;
}

.testimonials-sec .reviews-carousel .testimonials-item {
    width: 100%;
    margin-bottom: 0;
    margin-left: 10px;
}

/* Match feature-highlight-carousel nav arrow styling for reviews carousel */
.testimonials-sec .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 2;
}
.testimonials-sec .owl-nav button.owl-prev,
.testimonials-sec .owl-nav button.owl-next {
  background: var(--green);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #333;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: background 0.2s, border 0.2s, color 0.2s;
  pointer-events: auto;
  outline: none;
  position: relative;
}
.testimonials-sec .owl-nav button.owl-prev:hover,
.testimonials-sec .owl-nav button.owl-next:hover {
  background: var(--primary);
  color: #fff;
}
.testimonials-sec .owl-nav button.owl-prev {
  left: -24px;
}
.testimonials-sec .owl-nav button.owl-next {
  right: -24px;
}
.testimonials-sec .owl-nav button span,
.testimonials-sec .owl-nav button i {
  pointer-events: none;
}
@media (max-width: 600px) {
  .testimonials-sec .owl-nav button.owl-prev,
  .testimonials-sec .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .testimonials-sec .owl-nav button.owl-prev {
    left: -12px;
  }
  .testimonials-sec .owl-nav button.owl-next {
    right: -12px;
  }
}

/* When expanded, only scroll the inner content, not the card */
.testimonials-item {
  position: relative;
}
.testimonials-item .review-scrollable {
  height: 100%;
  overflow: hidden;
  transition: none;
}
.testimonials-item.expanded .review-scrollable {
  overflow-y: auto;
}