/**
 * Tifa Scarf - Testimonials Front-End Styles
 * 2026 Tifa Scarf - Version 2.6 (Navigation Arrows Fixed)
 */

.tifa-testimonials-section {
  margin-top: 50px;
  margin-bottom: 60px;
  padding: 0 15px;
  clear: both;
}

.tifa-testimonials-subtitle {
  text-align: center;
  color: #777777;
  font-size: 15px;
  font-style: italic;
  margin-top: 8px;
  margin-bottom: 28px;
  font-weight: 300;
}

.tifa-testimonials-container {
  margin-top: 25px;
  position: relative;
  padding: 0 28px;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .tifa-testimonials-container {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .tifa-testimonials-container {
    padding: 0 10px;
  }
}

/* 1. Owl Carousel Stage & Outer Container
   Adding vertical padding so card shadows, borders, and hover effects are NEVER clipped */
.tifa-testimonials-carousel {
  position: relative !important;
}

.tifa-testimonials-carousel .owl-stage-outer {
  position: relative !important;
  overflow: hidden !important;
  width: calc(100% + 24px) !important;
  margin: -15px -12px -32px -12px !important;
  padding: 15px 12px 32px 12px !important;
  box-sizing: border-box !important;
}

.tifa-testimonials-carousel .owl-stage {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: stretch !important;
}

.tifa-testimonials-carousel .owl-stage:after,
.tifa-testimonials-carousel .owl-stage::after {
  display: none !important;
  content: none !important;
}

.tifa-testimonials-carousel .owl-item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  float: none !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-testimonials-carousel .owl-item > .tifa-carousel-item,
.tifa-testimonials-carousel .tifa-carousel-item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-flex: 1 1 100% !important;
  -ms-flex: 1 1 100% !important;
  flex: 1 1 100% !important;
}

/* Testimonial Card */
.tifa-testimonial-card {
  background: #0a0908 !important;
  border: 1px solid rgba(212, 175, 122, 0.22) !important;
  border-radius: 14px !important;
  padding: 26px 22px 22px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  -webkit-flex: 1 1 100% !important;
  -ms-flex: 1 1 100% !important;
  flex: 1 1 100% !important;
  position: relative !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tifa-testimonial-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09) !important;
  border-color: #c6a78d !important;
}

/* Card Top: Quote & Stars */
.tifa-card-top {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-quote-badge {
  width: 36px !important;
  height: 36px !important;
  background: #1c1814 !important;
  border-radius: 50% !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c6a78d !important;
  font-size: 14px !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-stars-rating {
  color: #f5a623 !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
}

.tifa-star-filled {
  color: #f5a623 !important;
}

.tifa-star-empty {
  color: #e0e0e0 !important;
}

/* Card Body: Quote text */
.tifa-card-body {
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  margin-bottom: 18px !important;
}

.tifa-testimonial-text {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #f0e6da !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-style: normal !important;
}

/* Card Footer: Author */
.tifa-card-footer {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  border-top: 1px solid rgba(212, 175, 122, 0.15) !important;
  padding-top: 16px !important;
  margin-top: auto !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-author-media {
  margin-right: 14px !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
  width: 46px !important;
  height: 46px !important;
}

.tifa-author-avatar {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #e8dbc8 !important;
  display: block !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-author-avatar-monogram {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #c6a78d 0%, #a68469 100%) !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  box-shadow: 0 2px 8px rgba(198, 167, 141, 0.25) !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-author-info {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.tifa-author-name {
  margin: 0 0 3px 0 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

.tifa-author-role {
  font-size: 12px !important;
  color: #888888 !important;
  line-height: 1.2 !important;
}

.tifa-author-role .fa-check-circle {
  color: #27ae60 !important;
  margin-right: 4px !important;
}

/* ========================================================
/* Navigation arrows completely hidden (minimalist style) */
.tifa-testimonials-carousel .owl-nav,
.tifa-testimonials-carousel .owl-nav .owl-prev,
.tifa-testimonials-carousel .owl-nav .owl-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Owl Carousel Custom Controls / Dots */
.tifa-testimonials-carousel .owl-controls {
  margin-top: 22px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 5 !important;
}

.tifa-testimonials-carousel .owl-dots {
  text-align: center !important;
  margin-top: 22px !important;
  position: relative !important;
  z-index: 5 !important;
}

.tifa-testimonials-carousel .owl-dot {
  display: inline-block !important;
  margin: 0 5px !important;
}

.tifa-testimonials-carousel .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  background: #e0d7ce !important;
  border-radius: 50% !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

.tifa-testimonials-carousel .owl-dot.active span {
  background: #c6a78d !important;
  width: 26px !important;
  border-radius: 5px !important;
}

/* RTL (Arabic) Support */
.tifa-testimonials-section.is-rtl,
.lang-ar .tifa-testimonials-section {
  direction: rtl !important;
  text-align: right !important;
}

.tifa-testimonials-section.is-rtl .tifa-card-top,
.lang-ar .tifa-testimonials-section .tifa-card-top {
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.tifa-testimonials-section.is-rtl .tifa-card-footer,
.lang-ar .tifa-testimonials-section .tifa-card-footer {
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.tifa-testimonials-section.is-rtl .tifa-author-media,
.lang-ar .tifa-testimonials-section .tifa-author-media {
  margin-right: 0 !important;
  margin-left: 14px !important;
}

.tifa-testimonials-section.is-rtl .tifa-author-info,
.lang-ar .tifa-testimonials-section .tifa-author-info {
  text-align: right !important;
}

.tifa-testimonials-section.is-rtl .tifa-author-role .fa-check-circle,
.lang-ar .tifa-testimonials-section .tifa-author-role .fa-check-circle {
  margin-right: 0 !important;
  margin-left: 4px !important;
}

.tifa-testimonials-section.is-rtl .tifa-testimonial-text,
.lang-ar .tifa-testimonials-section .tifa-testimonial-text {
  text-align: right !important;
}

.tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-prev,
.lang-ar .tifa-testimonials-carousel .owl-nav .owl-prev {
  left: auto !important;
  right: -22px !important;
}
.tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-next,
.lang-ar .tifa-testimonials-carousel .owl-nav .owl-next {
  right: auto !important;
  left: -22px !important;
}

@media (max-width: 991px) {
  .tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-prev,
  .lang-ar .tifa-testimonials-section .tifa-testimonials-carousel .owl-nav .owl-prev {
    right: -14px !important;
  }
  .tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-next,
  .lang-ar .tifa-testimonials-section .tifa-testimonials-carousel .owl-nav .owl-next {
    left: -14px !important;
  }
}

@media (max-width: 767px) {
  .tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-prev,
  .lang-ar .tifa-testimonials-section .tifa-testimonials-carousel .owl-nav .owl-prev {
    right: -6px !important;
  }
  .tifa-testimonials-section.is-rtl .tifa-testimonials-carousel .owl-nav .owl-next,
  .lang-ar .tifa-testimonials-section .tifa-testimonials-carousel .owl-nav .owl-next {
    left: -6px !important;
  }
}
