/* ======================================
   akoca Testimonial Slider — v1.2.0
   - Text vertically aligned
   - Footer pinned to bottom
   - Body text clamped for equal height cards
   - Pagination left / arrows right BELOW
====================================== */

.akoca-testimonial-slider{
  position: relative;
  overflow: hidden;
}

/* Slides */
.akoca-testimonial-slider .swiper-wrapper{
  align-items: stretch;
}

.akoca-testimonial-slider .swiper-slide{
  display: flex;
  height: auto;
}

/* Card */
.akoca-ts__card{
  width: 100%;
  background: #ffffff;
  border-radius: 16px 16px 16px 60px;
  padding: 42px 48px;
  box-shadow: 0 20px 50px rgba(0,0,0,.08);

  display: flex;
  flex-direction: column;
}

/* ===============================
   TEXT CLAMP (KEY CHANGE)
=============================== */

.akoca-ts__text{
  /* 14px min, scales a bit with viewport, caps at 16px */
  font-family: 'Inter Display';
  font-size: clamp(0.84375rem, 0.8125rem + 0.2vw, 0.9375rem);
  line-height: 1.7;
  color: #3A7EA1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;   /* desktop clamp */
  overflow: hidden;
  text-align: center;
  margin:auto;
}

/* Mobile clamp */
@media (max-width: 979px){
  .akoca-ts__text{
    -webkit-line-clamp: 6;
  }
}

/* Footer pinned */
.akoca-ts__footer{
  display: flex;
  align-items: center;
  gap: 16px;

  margin-top: auto;
  padding-top: 32px;
}

.akoca-ts__avatar{
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: #E8E8E8;
  color: #11B3E4;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.akoca-ts__name{
  font-weight: 700;
  font-size: 15px;
  color: #11B3E4;
  display: none;
}

.akoca-ts__title{
  font-size: 14px;
  opacity: 0.75;
  margin-top: 2px;
  color: #11B3E4;
  font-weight: 500;
}

/* ======================================
   CONTROLS BELOW SLIDER — FINAL ALIGNMENT
====================================== */

.akoca-ts__controls{
  margin-top: 36px;
  width: 100%;

  display: flex;
  align-items: center;

  /* ❌ remove space-between */
  justify-content: flex-start;
}

/* Pagination — FORCE LEFT */
.akoca-ts__controls .swiper-pagination{
  position: static !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;

  width: auto !important;
  margin: 0 !important;

  flex: 0 0 auto;
}

/* Pagination bullets */
.akoca-ts__controls .swiper-pagination-bullet{
  width: 26px;
  height: 3px;
  border-radius: 2px;
  margin: 0 8px 0 0;
  background: rgba(255,255,255,0.35);
  opacity: 1;
}

.akoca-ts__controls .swiper-pagination-bullet-active{
  width: 50px;
  background: rgba(255,255,255,0.95);
}

/* Arrows — FORCE RIGHT */
.akoca-ts__arrows{
  display: flex;
  gap: 12px;

  margin-left: auto; /* ✅ pushes arrows to far right */
  flex: 0 0 auto;
}

/* Arrow buttons */
.akoca-ts__arrows .swiper-button-next,
.akoca-ts__arrows .swiper-button-prev{
  position: static !important;
  width: 44px;
  height: 44px;
  border-radius: 999px;

  display: flex !important;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
}

.akoca-ts__arrows .swiper-button-next:after,
.akoca-ts__arrows .swiper-button-prev:after{
  font-family: "swiper-icons";
  font-size: 14px;
  color: #ffffff;
}

.akoca-ts__arrows .swiper-button-next:after{ 
   content:"";
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M13 7l5 5-5 5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat; 
}
.akoca-ts__arrows .swiper-button-prev:after{ 
  content:"";
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M11 7l-5 5 5 5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat;
}

/* ======================================
   akoca Testimonial Slider — ARROW HOVER
   Hover state for prev / next buttons
====================================== */

@media (hover:hover){
  .akoca-ts__arrows .swiper-button-next:hover,
  .akoca-ts__arrows .swiper-button-prev:hover{
    background: rgba(184,240,255,0.18); /* #b8f0ff */
    border-color: #b8f0ff;
  }

  .akoca-ts__arrows .swiper-button-next:hover:after{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12' stroke='%23b8f0ff' stroke-width='2'/%3E%3Cpath d='M13 7l5 5-5 5' fill='none' stroke='%23b8f0ff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat;
  }

  .akoca-ts__arrows .swiper-button-prev:hover:after{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H7' stroke='%23b8f0ff' stroke-width='2'/%3E%3Cpath d='M11 7l-5 5 5 5' fill='none' stroke='%23b8f0ff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat;
  }
}