/*
 * Testimonials: Original Travlla fidelity with flawless RTL mirror symmetry & vivid watermark
 */

#guest-reviews {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

/* Watermark: centered above slider in its original template position with vivid luxury gradient */
#guest-reviews .testimonial-watermark {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  text-align: center;
  font-family: var(--font-display, "Cairo", "Figtree", sans-serif);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding-top: 14px;
  padding-bottom: 6px;
  overflow: visible !important;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  background: linear-gradient(180deg, #3A1425 20%, rgba(201, 162, 39, 0.65) 65%, rgba(201, 162, 39, 0.20) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[dir="rtl"] #guest-reviews .testimonial-watermark,
.is-rtl #guest-reviews .testimonial-watermark {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  line-height: 1.45 !important;
  padding-top: 22px !important;
  padding-bottom: 8px !important;
  overflow: visible !important;
}

[dir="ltr"] #guest-reviews .testimonial-watermark,
.is-ltr #guest-reviews .testimonial-watermark {
  letter-spacing: 0.12em !important;
  line-height: 1.25 !important;
  padding-top: 12px !important;
  padding-bottom: 6px !important;
  overflow: visible !important;
}

.dark #guest-reviews .testimonial-watermark {
  background: linear-gradient(180deg, #F0D778 20%, rgba(201, 162, 39, 0.7) 65%, rgba(255, 255, 255, 0.15) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#guest-reviews .testimonial-stage-wrapper {
  position: relative;
  z-index: 1;
}

#guest-reviews .testimonial-content-sld .swiper-slide {
  height: auto;
}

/* Base Thumbnail Slider styling */
#guest-reviews .testimonial-thum-sld {
  overflow: hidden !important;
  z-index: 2;
}

#guest-reviews .testimonial-thum-sld .swiper-slide {
  opacity: 0.45 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

#guest-reviews .testimonial-thum-sld .swiper-slide img {
  border-radius: 14px !important;
  object-fit: cover !important;
  transition: margin 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease !important;
}

#guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-thumb-active,
#guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

/* ========================================================
   LTR (English) Rules - Preserves original Travlla layout
   ======================================================== */
html:not([dir="rtl"]) #guest-reviews .testimonial-stage-wrapper,
body:not(.is-rtl) #guest-reviews .testimonial-stage-wrapper {
  direction: ltr;
}

@media (min-width: 1200px) {
  html:not([dir="rtl"]) #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-thumb-active img,
  html:not([dir="rtl"]) #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-active img,
  body:not(.is-rtl) #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-thumb-active img,
  body:not(.is-rtl) #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-active img {
    margin-left: 28px !important;
    margin-right: 0 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
  }
}

/* ========================================================
   RTL (Arabic) Rules - Exact Symmetrical Mirroring
   ======================================================== */
[dir="rtl"] #guest-reviews,
.is-rtl #guest-reviews {
  direction: rtl;
}

[dir="rtl"] #guest-reviews .testimonial-stage-wrapper,
.is-rtl #guest-reviews .testimonial-stage-wrapper {
  direction: rtl;
}

/* Photo card in RTL: anchored to right side with inward left margin */
@media (min-width: 1024px) {
  [dir="rtl"] #guest-reviews .testimonial-photo-wrap,
  .is-rtl #guest-reviews .testimonial-photo-wrap {
    margin-right: 0 !important;
    margin-left: 95px !important;
  }

  /* Decorative rings in RTL curve inward to the LEFT towards the center */
  [dir="rtl"] #guest-reviews .testimonial-photo-wrap::before,
  .is-rtl #guest-reviews .testimonial-photo-wrap::before {
    right: auto !important;
    left: -94px !important;
  }

  [dir="rtl"] #guest-reviews .testimonial-photo-wrap::after,
  .is-rtl #guest-reviews .testimonial-photo-wrap::after {
    right: auto !important;
    left: -42px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  [dir="rtl"] #guest-reviews .testimonial-photo-wrap,
  .is-rtl #guest-reviews .testimonial-photo-wrap {
    margin-right: 0 !important;
    margin-left: 30px !important;
  }
}

/* Text card in RTL: anchored to left side */
[dir="rtl"] #guest-reviews .testimonial-text-card,
.is-rtl #guest-reviews .testimonial-text-card {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 490px !important;
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] #guest-reviews .testimonial-text-card p,
.is-rtl #guest-reviews .testimonial-text-card p {
  direction: rtl !important;
  text-align: right !important;
  line-height: 1.85;
}

[dir="rtl"] #guest-reviews .testimonial-name-role,
.is-rtl #guest-reviews .testimonial-name-role {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] #guest-reviews .testimonial-quote img,
.is-rtl #guest-reviews .testimonial-quote img {
  transform: scaleX(-1);
}

[dir="rtl"] #guest-reviews .testimonial-stars,
.is-rtl #guest-reviews .testimonial-stars {
  text-align: right !important;
  direction: rtl !important;
}

/* Thumbnail rail in RTL: positioned from the RIGHT edge at 515px */
@media (min-width: 1200px) {
  [dir="rtl"] #guest-reviews .testimonial-thum-sld,
  .is-rtl #guest-reviews .testimonial-thum-sld {
    right: 515px !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Active thumbnail shifts towards the text card on the LEFT */
  [dir="rtl"] #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-thumb-active img,
  [dir="rtl"] #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-active img,
  .is-rtl #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-thumb-active img,
  .is-rtl #guest-reviews .testimonial-thum-sld .swiper-slide.swiper-slide-active img {
    margin-right: 28px !important;
    margin-left: 0 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
  }
}

/* Navigation controls in RTL: positioned under the text card on the LEFT */
@media (min-width: 992px) {
  [dir="rtl"] #guest-reviews .testimonial-content-sld .testimonial-content-sld-control,
  .is-rtl #guest-reviews .testimonial-content-sld .testimonial-content-sld-control {
    left: 360px !important;
    right: auto !important;
  }
}

/* Footer copyright typography polish */
.orvana-footer-bottom .copyrights-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.orvana-footer-bottom .copyrights-text strong {
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* 2026-09-29: English guest-review desktop spacing.
   Reserve a dedicated row above the circular navigation so the rating stars
   never touch or overlap the previous/next controls, even for short reviews. */
@media (min-width: 992px) {
  html[dir="ltr"] #guest-reviews .testimonial-text-card,
  .is-ltr #guest-reviews .testimonial-text-card {
    padding-bottom: 92px !important;
    box-sizing: border-box !important;
  }

  html[dir="ltr"] #guest-reviews .testimonial-stars,
  .is-ltr #guest-reviews .testimonial-stars {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 6px 0 0 !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 4 !important;
  }

  html[dir="ltr"] #guest-reviews .testimonial-content-sld .testimonial-content-sld-control,
  .is-ltr #guest-reviews .testimonial-content-sld .testimonial-content-sld-control {
    bottom: 8px !important;
  }
}

/* === 2026-09-29 mobile testimonial navigation row ===
   On phones the arrows belong beside the thumbnail rail, not over the review text. */
@media (max-width: 767.98px) {
  #guest-reviews .testimonial-content-sld {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 96px !important;
    box-sizing: border-box !important;
  }

  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 10px !important;
    width: min(390px, 100%) !important;
    height: 76px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    z-index: 8 !important;
  }

  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-prev,
  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }

  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
  }

  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-next {
    right: 0 !important;
    left: auto !important;
  }

  #guest-reviews .testimonial-thum-sld,
  [dir="rtl"] #guest-reviews .testimonial-thum-sld,
  .is-rtl #guest-reviews .testimonial-thum-sld,
  [dir="ltr"] #guest-reviews .testimonial-thum-sld,
  .is-ltr #guest-reviews .testimonial-thum-sld {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: min(250px, calc(100% - 140px)) !important;
    max-width: 250px !important;
    height: 76px !important;
    margin: -86px auto 10px !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 9 !important;
  }

  #guest-reviews .testimonial-thum-sld .swiper-wrapper {
    align-items: center !important;
  }

  #guest-reviews .testimonial-thum-sld .swiper-slide {
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #guest-reviews .testimonial-thum-sld .swiper-slide img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-prev,
  #guest-reviews .testimonial-content-sld .testimonial-content-sld-control .swiper-button-next {
    width: 54px !important;
    height: 54px !important;
  }

  #guest-reviews .testimonial-thum-sld .swiper-slide img {
    width: 68px !important;
    height: 68px !important;
  }
}
