/* ===============================
   Error Plus Reviews - Fixed Layout
   =============================== */

/* كرت التقييم */
.s-block--testimonials .swiper-slide,
.s-testimonials .swiper-slide,
.s-reviews-card,
.s-reviews-testimonial,
.testimonial,
.review,
section[class*="testimonial"] .swiper-slide,
section[class*="review"] .swiper-slide {
  position: relative !important;
  height: 185px !important;
  min-height: 185px !important;
  max-height: 185px !important;
  padding: 22px 26px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  text-align: right !important;

  background:
    linear-gradient(145deg, rgba(10, 11, 10, 0.96), rgba(14, 15, 14, 0.90)) !important;

  border: 1px solid rgba(255, 255, 255, 0.08) !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.32),
    inset 0 0 18px rgba(255, 255, 255, 0.025) !important;

  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  transition: 0.22s ease !important;
}

/* عند الضغط: أخضر إيرور بلس */
.s-block--testimonials .swiper-slide:active,
.s-testimonials .swiper-slide:active,
.s-reviews-card:active,
.s-reviews-testimonial:active,
.testimonial:active,
.review:active,
section[class*="testimonial"] .swiper-slide:active,
section[class*="review"] .swiper-slide:active,
.s-block--testimonials .swiper-slide:focus-within,
.s-testimonials .swiper-slide:focus-within,
.s-reviews-card:focus-within,
.s-reviews-testimonial:focus-within,
.testimonial:focus-within,
.review:focus-within,
section[class*="testimonial"] .swiper-slide:focus-within,
section[class*="review"] .swiper-slide:focus-within {
  border-color: #B2F802 !important;
  box-shadow:
    0 0 0 1px rgba(178, 248, 2, 0.85) inset,
    0 0 18px rgba(178, 248, 2, 0.20),
    0 10px 28px rgba(0, 0, 0, 0.42) !important;
  transform: scale(0.992) !important;
  outline: none !important;
}

/* علامة الاقتباس */
.s-block--testimonials .swiper-slide::before,
.s-testimonials .swiper-slide::before,
.s-reviews-card::before,
.s-reviews-testimonial::before,
.testimonial::before,
.review::before,
section[class*="testimonial"] .swiper-slide::before,
section[class*="review"] .swiper-slide::before {
  content: "“";
  position: absolute;
  left: 24px;
  top: 10px;
  font-size: 58px;
  line-height: 1;
  color: rgba(178, 248, 2, 0.055);
  font-weight: 900;
  pointer-events: none;
}

/* شارة موثق */
.s-block--testimonials .swiper-slide::after,
.s-testimonials .swiper-slide::after,
.s-reviews-card::after,
.s-reviews-testimonial::after,
.testimonial::after,
.review::after,
section[class*="testimonial"] .swiper-slide::after,
section[class*="review"] .swiper-slide::after {
  content: "✓  موثق";
  position: absolute;
  top: 24px;
  right: 26px;
  height: 32px;
  padding: 0 15px;
  border-radius: 999px;
  background: rgba(178, 248, 2, 0.07);
  border: 1px solid rgba(178, 248, 2, 0.20);
  color: #7DFF6B;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
}

/* صورة العميل يسار */
.s-block--testimonials img,
.s-testimonials img,
.s-reviews-card img,
.s-reviews-testimonial img,
.testimonial img,
.review img,
section[class*="testimonial"] img,
section[class*="review"] img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  position: absolute !important;
  top: 24px !important;
  left: 26px !important;
  border: 1px solid rgba(178, 248, 2, 0.12) !important;
  background: linear-gradient(135deg, #B2F802 0%, #7DFF6B 100%) !important;
  box-shadow:
    0 0 14px rgba(178, 248, 2, 0.08),
    inset 0 0 10px rgba(255,255,255,0.04) !important;
}

/* اسم العميل يمين */
.s-block--testimonials h3,
.s-block--testimonials h4,
.s-testimonials h3,
.s-testimonials h4,
.s-reviews-card h3,
.s-reviews-card h4,
.s-reviews-testimonial h3,
.s-reviews-testimonial h4,
.testimonial h3,
.testimonial h4,
.review h3,
.review h4,
section[class*="testimonial"] h3,
section[class*="testimonial"] h4,
section[class*="review"] h3,
section[class*="review"] h4 {
  position: absolute !important;
  top: 28px !important;
  right: 128px !important;
  left: 105px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: right !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* النجوم تحت الاسم مباشرة */
.s-block--testimonials .stars,
.s-testimonials .stars,
.s-reviews-card .stars,
.s-reviews-testimonial .stars,
.testimonial .stars,
.review .stars,
.s-block--testimonials .rating,
.s-testimonials .rating,
.s-reviews-card .rating,
.s-reviews-testimonial .rating,
.testimonial .rating,
.review .rating {
  position: absolute !important;
  top: 58px !important;
  right: 128px !important;
  left: 105px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  height: 22px !important;
  overflow: hidden !important;
}

/* النجوم SVG */
.s-block--testimonials svg,
.s-testimonials svg,
.s-reviews-card svg,
.s-reviews-testimonial svg,
.testimonial svg,
.review svg,
section[class*="testimonial"] svg,
section[class*="review"] svg {
  fill: #FFD54A !important;
  color: #FFD54A !important;
  filter: drop-shadow(0 0 4px rgba(255, 213, 74, 0.18)) !important;
}

/* نص التقييم داخل الكرت */
.s-block--testimonials p,
.s-testimonials p,
.s-reviews-card p,
.s-reviews-testimonial p,
.testimonial p,
.review p,
section[class*="testimonial"] p,
section[class*="review"] p {
  position: absolute !important;
  top: 98px !important;
  right: 40px !important;
  left: 38px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255,255,255,0.72) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  text-align: right !important;

  max-width: none !important;
  max-height: 55px !important;
  overflow: hidden !important;
}

/* كل المحتوى فوق الخلفية */
.s-block--testimonials .swiper-slide > *,
.s-testimonials .swiper-slide > *,
.s-reviews-card > *,
.s-reviews-testimonial > *,
.testimonial > *,
.review > *,
section[class*="testimonial"] .swiper-slide > *,
section[class*="review"] .swiper-slide > * {
  z-index: 2;
}

/* الجوال */
@media (max-width: 768px) {
  .s-block--testimonials .swiper-slide,
  .s-testimonials .swiper-slide,
  .s-reviews-card,
  .s-reviews-testimonial,
  .testimonial,
  .review,
  section[class*="testimonial"] .swiper-slide,
  section[class*="review"] .swiper-slide {
    height: 175px !important;
    min-height: 175px !important;
    max-height: 175px !important;
    padding: 20px 22px !important;
    border-radius: 22px !important;
  }

  .s-block--testimonials .swiper-slide::after,
  .s-testimonials .swiper-slide::after,
  .s-reviews-card::after,
  .s-reviews-testimonial::after,
  .testimonial::after,
  .review::after,
  section[class*="testimonial"] .swiper-slide::after,
  section[class*="review"] .swiper-slide::after {
    top: 22px;
    right: 22px;
    height: 30px;
    padding: 0 13px;
    font-size: 12px;
  }

  .s-block--testimonials img,
  .s-testimonials img,
  .s-reviews-card img,
  .s-reviews-testimonial img,
  .testimonial img,
  .review img,
  section[class*="testimonial"] img,
  section[class*="review"] img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 16px !important;
    top: 21px !important;
    left: 22px !important;
  }

  .s-block--testimonials h3,
  .s-block--testimonials h4,
  .s-testimonials h3,
  .s-testimonials h4,
  .s-reviews-card h3,
  .s-reviews-card h4,
  .s-reviews-testimonial h3,
  .s-reviews-testimonial h4,
  .testimonial h3,
  .testimonial h4,
  .review h3,
  .review h4,
  section[class*="testimonial"] h3,
  section[class*="testimonial"] h4,
  section[class*="review"] h3,
  section[class*="review"] h4 {
    top: 27px !important;
    right: 112px !important;
    left: 84px !important;
    font-size: 18px !important;
  }

  .s-block--testimonials .stars,
  .s-testimonials .stars,
  .s-reviews-card .stars,
  .s-reviews-testimonial .stars,
  .testimonial .stars,
  .review .stars,
  .s-block--testimonials .rating,
  .s-testimonials .rating,
  .s-reviews-card .rating,
  .s-reviews-testimonial .rating,
  .testimonial .rating,
  .review .rating {
    top: 55px !important;
    right: 112px !important;
    left: 84px !important;
  }

  .s-block--testimonials p,
  .s-testimonials p,
  .s-reviews-card p,
  .s-reviews-testimonial p,
  .testimonial p,
  .review p,
  section[class*="testimonial"] p,
  section[class*="review"] p {
    top: 93px !important;
    right: 30px !important;
    left: 28px !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    max-height: 54px !important;
  }
}

.rtl .s-installment-mispay-content-text,
.rtl .s-installment-madfu-content-text,
.rtl .s-installment-emkan-content-text,
.rtl .s-installment-rajehi-content-text {
  right: 14px;
  text-align: right;
  margin: 0 0 0 16px;

  background: linear-gradient(
    120deg,
    #eaffc8,
    #a6ff00,
    #7cff00,
    #a6ff00,
    #f4ffd8
  );

  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: errorTextFlow 3s linear infinite;
  font-weight: 700;
}

@keyframes errorTextFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.dark .s-block__title h2 {
  color: #a6ff00;

  background: linear-gradient(
    120deg,
    #ffffff,
    #dfff9b,
    #a6ff00,
    #7cff00,
    #dfff9b,
    #ffffff
  );

  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: errorTitleFlow 2.8s linear infinite;

  font-weight: 800;
  letter-spacing: .3px;
}

@keyframes errorTitleFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.dark .s-block__title h2,
.rtl .s-installment-mispay-content-text,
.rtl .s-installment-madfu-content-text,
.rtl .s-installment-emkan-content-text,
.rtl .s-installment-rajehi-content-text {
  filter:
    drop-shadow(0 0 5px rgba(166, 255, 0, .40))
    drop-shadow(0 0 12px rgba(124, 255, 0, .22));
}

/* ===============================
   BUTTON – ERROR PLUS IDENTITY
   =============================== */

.btn-text {
  color: #061000 !important;
}

.btn,
.btn-primary,
.s-button-primary {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex: 1 1 0%;
  font-family: var(--font-main);
  font-size: .875rem;
  line-height: 1.25rem;
  padding: .5rem 1.5rem .625rem;
  border-radius: .375rem;
  white-space: nowrap;

  color: #061000 !important;
  border: none !important;

  background: linear-gradient(
    120deg,
    #dfff9b,
    #a6ff00,
    #7cff00,
    #a6ff00,
    #f4ffd8
  );

  background-size: 300% 300%;
  animation: btnErrorFlow 3s linear infinite;

  box-shadow:
    0 0 0 1px rgba(166, 255, 0, .18),
    0 0 12px rgba(166, 255, 0, .18);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;

  position: relative;
  overflow: hidden;
}

@keyframes btnErrorFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.btn:hover,
.btn-primary:hover,
.s-button-primary:hover {
  box-shadow:
    0 0 8px rgba(166, 255, 0, .45),
    0 0 20px rgba(166, 255, 0, .32),
    0 0 38px rgba(124, 255, 0, .18);

  filter: brightness(1.05);
  transform: translateY(-2px) scale(1.03);
}

.btn:active,
.btn-primary:active,
.s-button-primary:active {
  transform: scale(.96);
  box-shadow:
    0 0 6px rgba(166, 255, 0, .35),
    0 0 14px rgba(124, 255, 0, .20);
}

h3 {
  color: #ffffff !important;
}

/* ===============================
   Error Plus Footer
   Fixed and cleaned
   =============================== */

footer,
.s-footer,
.store-footer {
  background: #000000 !important;
  color: #ffffff !important;
  padding: 26px 12px 20px !important;
  overflow: hidden !important;
}

footer .container,
.s-footer .container,
.store-footer .container,
.store-footer__inner,
.s-footer__inner,
.footer__inner {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 38px 18px 26px !important;
  border-radius: 34px !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;

  background:
    radial-gradient(circle at 16% 20%, rgba(170, 255, 0, 0.14), transparent 36%),
    radial-gradient(circle at 88% 82%, rgba(170, 255, 0, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(12, 18, 8, 0.98), rgba(0, 0, 0, 0.98)) !important;

  border: 1px solid rgba(170, 255, 0, 0.28) !important;

  box-shadow:
    0 0 24px rgba(170, 255, 0, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

footer .container::before,
.s-footer .container::before,
.store-footer .container::before,
.store-footer__inner::before,
.s-footer__inner::before,
.footer__inner::before {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 48% !important;
  height: 26px !important;
  border-radius: 0 0 24px 24px !important;

  background: linear-gradient(135deg, #aaff00, #7cff00) !important;

  box-shadow:
    0 0 18px rgba(170, 255, 0, 0.34),
    0 0 34px rgba(170, 255, 0, 0.14) !important;
}