/* ==========================================================
   reviews.css — آراء العملاء (سلايدر)
   ========================================================== */
:root {
  --ebmnt1-reviews-background-color: var(--ebmnt1-color-white);
  --ebmnt1-reviews-glow-image: url("../images/h5-img-05.webp");
  --ebmnt1-reviews-card-background-color: var(--ebmnt1-color-white);
  --ebmnt1-reviews-card-border-color: var(--ebmnt1-color-border-violet);
  --ebmnt1-reviews-card-hover-border-color: var(--ebmnt1-color-primary);
  --ebmnt1-reviews-card-shadow-color: var(--ebmnt1-color-shadow);
  --ebmnt1-reviews-name-color: var(--ebmnt1-color-secondary);
  --ebmnt1-reviews-position-color: var(--ebmnt1-color-text-body);
  --ebmnt1-reviews-quote-text-color: var(--ebmnt1-color-text-body);
  --ebmnt1-reviews-quote-icon-color: rgba(91, 87, 231, 0.16);
  --ebmnt1-reviews-star-color: var(--ebmnt1-color-star);
  --ebmnt1-reviews-avatar-border-color: var(--ebmnt1-color-border-neutral);

  --ebmnt1-reviews-avatar-size: 3.0625rem;
}

.ebmnt1-reviews {
  background-color: var(--ebmnt1-reviews-background-color);
  background-image: var(--ebmnt1-reviews-glow-image);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: min(70rem, 100%) auto;
}

.ebmnt1-reviews__inner {
  gap: 2.5rem;
}

.ebmnt1-reviews .ebmnt1-slider {
  --ebmnt1-slider-visible: 1;
  --ebmnt1-slider-peek: 2.25rem;
}

.ebmnt1-review-card {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.75rem 1.5rem 1.5rem;
  overflow: hidden;
  border: 1px solid var(--ebmnt1-reviews-card-border-color);
  border-radius: var(--ebmnt1-radius-panel);
  background-color: var(--ebmnt1-reviews-card-background-color);
  text-align: start;
  transition: border-color var(--ebmnt1-transition-duration) var(--ebmnt1-transition-easing),
    box-shadow var(--ebmnt1-transition-duration) var(--ebmnt1-transition-easing);
}

.ebmnt1-review-card:hover {
  border-color: var(--ebmnt1-reviews-card-hover-border-color);
  box-shadow: 0 18px 40px var(--ebmnt1-reviews-card-shadow-color);
}

.ebmnt1-review-card__quote-icon {
  position: absolute;
  top: 1.25rem;
  inset-inline-end: 1.5rem;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--ebmnt1-reviews-quote-icon-color);
}

.ebmnt1-review-card__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.ebmnt1-review-card__avatar {
  flex: none;
  width: var(--ebmnt1-reviews-avatar-size);
  height: var(--ebmnt1-reviews-avatar-size);
  object-fit: cover;
  border: 1px solid var(--ebmnt1-reviews-avatar-border-color);
  border-radius: 50%;
}

.ebmnt1-review-card__person {
  display: flex;
  flex-direction: column;
}

.ebmnt1-review-card__name {
  font-size: var(--ebmnt1-font-size-item-title);
  font-weight: 700;
  color: var(--ebmnt1-reviews-name-color);
}

.ebmnt1-review-card__position {
  font-size: var(--ebmnt1-font-size-label);
  color: var(--ebmnt1-reviews-position-color);
}

.ebmnt1-review-card__stars {
  display: flex;
  gap: 0.2rem;
  font-size: 0.85rem;
  color: var(--ebmnt1-reviews-star-color);
}

.ebmnt1-review-card__text {
  font-size: var(--ebmnt1-font-size-body);
  color: var(--ebmnt1-reviews-quote-text-color);
}

@media (min-width: 768px) {
  .ebmnt1-reviews .ebmnt1-slider {
    --ebmnt1-slider-gap: 1.25rem;
    --ebmnt1-slider-peek: 3rem;
  }

  .ebmnt1-review-card {
    padding: 2.25rem 2rem 1.75rem;
  }
}

@media (min-width: 1024px) {
  .ebmnt1-reviews .ebmnt1-slider {
    --ebmnt1-slider-visible: 2;
    --ebmnt1-slider-gap: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .ebmnt1-reviews .ebmnt1-slider {
    --ebmnt1-slider-visible: 3;
  }
}