/* =========================================================
   BERGMANN – Customer Reviews (Divi Slider)
   Structure:
   Section:  #customers-reviews
   Heading:  module has class .reviews-title
   Slider:   module has class .reviews-slider
   Each slide:
     - Title field = review headline
     - Body field  = review text + author line
   ========================================================= */

/* ---------- Section frame ---------- */
#customers-reviews{
  background: var(--berg-bg-sage);
  padding: 120px 0;
  overflow: hidden;
}

/* Keep content nicely centered (Divi rows can vary by template) */
#customers-reviews .et_pb_row{
  width: 100% !important;
  max-width: var(--berg-content-max) !important;
}

#customers-reviews .et_pb_bg_layout_dark .et_pb_slide_description{
  text-shadow: none !important;
}

/* ---------- Title ---------- */
/* #customers-reviews .reviews-title{
  margin: 0 0 clamp(18px, 3vw, 28px) 0 !important;
} */

#customers-reviews .reviews-title h1{
  margin: 0 !important;
  color: var(--berg-text-muted) !important;
  font-family: var(--berg-font-primary) !important;
  font-weight: var(--berg-weight-semibold) !important;
  letter-spacing: var(--berg-tracking-normal) !important;
  font-size: var( --berg-text-2xl) !important;
  line-height: var(--berg-leading-snug) !important;
}

/* ---------- Slider base ---------- */
#customers-reviews .reviews-slider{
  margin: 0 !important;
}

#customers-reviews .reviews-slider .et_pb_slider{
  background: transparent !important;
}

/* Remove Divi default overlay + shadows if present */
#customers-reviews .reviews-slider .et_pb_slide{
  background: transparent !important;
}
#customers-reviews .reviews-slider .et_pb_slide_overlay_container,
#customers-reviews .reviews-slider .et_pb_slide_description{
  background: transparent !important;
}

/* Center the review content block and give it breathing room */
#customers-reviews .reviews-slider .et_pb_slide_description{
  padding: clamp(16px, 3vw, 28px) 64px !important; /* space for arrows */
  margin: 0 auto !important;
  text-align: left !important;
  max-width: 980px !important;
}

/* ---------- Slide title + stars row ---------- */
/* Divi slide title is usually h2.et_pb_slide_title */
#customers-reviews .reviews-slider .et_pb_slide_title{
  margin: 0 0 10px 0 !important;
  color: var(--berg-text-muted) !important;
  font-family: var(--berg-font-primary) !important;
  font-weight: var(--berg-weight-semibold) !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: var(--berg-leading-snug) !important;

  /* allows stars to sit on same line if you wrap them in a span */
  display: inline-flex !important;
  align-items: center;
  gap: 18px;
}

/* If you add stars as: <span class="review-stars">★★★★★</span> */
#customers-reviews .reviews-slider .review-stars{
  font-size: 0.9em;
  letter-spacing: 0.18em;
  color: #d0b06a; /* warm gold */
  transform: translateY(1px);
  white-space: nowrap;
}

/* ---------- Slide body text ---------- */
#customers-reviews .reviews-slider .et_pb_slide_content{
  margin: 0 !important;
}

#customers-reviews .reviews-slider .et_pb_slide_content p{
  margin: 0 0 18px 0 !important;
  color: var(--berg-text-secondary) !important;
  font-family: var(--berg-font-primary) !important;
  font-weight: var(--berg-weight-normal) !important;
  font-size: clamp(16px, 2vw, 22px) !important;
  line-height: 1.55 !important;
  max-width: 76ch;
}

/* Author line: recommend wrapping it in <p class="review-meta">…</p> */
#customers-reviews .reviews-slider .review-meta{
  margin: 8px 0 0 0 !important;
  color: var(--berg-text-muted) !important;
  font-size: 13px !important;
  letter-spacing: var(--berg-tracking-wide) !important;
  text-transform: none !important;
  opacity: 0.9;
}

/* ---------- Arrows (chevrons) ---------- */
#customers-reviews .reviews-slider .et-pb-arrow-prev,
#customers-reviews .reviews-slider .et-pb-arrow-next{
  color: var(--berg-text-muted) !important;
  opacity: 0.65;
  transition: opacity var(--berg-transition-fast), transform var(--berg-transition-fast);
  font-size: 48px !important;
}

#customers-reviews .reviews-slider .et-pb-arrow-prev:hover,
#customers-reviews .reviews-slider .et-pb-arrow-next:hover{
  opacity: 1;
  transform: translateY(-1px);
}

/* Position arrows closer to the content like the reference */
#customers-reviews .reviews-slider .et-pb-arrow-prev{
  left: 8px !important;
}
#customers-reviews .reviews-slider .et-pb-arrow-next{
  right: 8px !important;
}

/* ---------- Pagination dots (hide for the clean look) ---------- */
#customers-reviews .reviews-slider .et-pb-controllers{
  display: none !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 980px){
  #customers-reviews .reviews-slider .et_pb_slide_description{
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  #customers-reviews .reviews-slider .et-pb-arrow-prev{
    left: 0 !important;
  }
  #customers-reviews .reviews-slider .et-pb-arrow-next{
    right: 0 !important;
  }
}

@media (max-width: 767px){
  #customers-reviews .reviews-slider .et_pb_slide_description{
    padding: 16px 18px !important;
  }

  #customers-reviews .reviews-slider .et-pb-arrow-prev,
  #customers-reviews .reviews-slider .et-pb-arrow-next{
    display: none !important; /* cleaner on small screens */
  }

  #customers-reviews .reviews-slider .et_pb_slide_content p{
    font-size: 16px !important;
  }
}