/* Testimonials: quieter room + floating gold stars */

section.ogi-testimonials {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

section.ogi-testimonials .jarallax-img,
section.ogi-testimonials [id^="jarallax-container"] > div,
section.ogi-testimonials .jarallax-container > div {
  filter: saturate(0.55) brightness(0.52) contrast(1.05) !important;
}

section.ogi-testimonials .sw-overlay {
  background: linear-gradient(
    165deg,
    rgba(13, 13, 13, 0.72) 0%,
    rgba(26, 26, 26, 0.58) 42%,
    rgba(13, 13, 13, 0.78) 100%
  ) !important;
  opacity: 0.88 !important;
}

section.ogi-testimonials::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(ellipse at 70% 45%, rgba(196, 165, 116, 0.12), transparent 48%),
    radial-gradient(ellipse at 25% 70%, rgba(13, 13, 13, 0.35), transparent 50%),
    linear-gradient(180deg, rgba(13, 13, 13, 0.2), rgba(13, 13, 13, 0.35));
}

section.ogi-testimonials .subtitle,
section.ogi-testimonials .d-stars,
section.ogi-testimonials h2,
section.ogi-testimonials .item > span:last-child {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.55),
    0 8px 30px rgba(0, 0, 0, 0.4);
}

section.ogi-testimonials h2 {
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

section.ogi-testimonials .item > span:last-child {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

section.ogi-testimonials .d-stars i {
  color: var(--ogi-gold, #c4a574) !important;
  text-shadow: 0 0 12px rgba(196, 165, 116, 0.45);
}

.ogi-testimonials__stars {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

.ogi-star {
  position: absolute;
  width: 1.05rem;
  height: 1.05rem;
  color: #c4a574;
  opacity: 0;
  filter: drop-shadow(0 0 6px rgba(196, 165, 116, 0.55));
  will-change: transform, opacity;
}

.ogi-star::before {
  content: "★";
  display: block;
  font-size: 1.05rem;
  line-height: 1;
  color: #d4b57e;
}

.ogi-star:nth-child(3n)::before {
  content: "✦";
  font-size: 0.85rem;
}

.ogi-star:nth-child(4n)::before {
  content: "✧";
  font-size: 0.75rem;
  color: #e2c89a;
}

.ogi-star:nth-child(1) { left: 8%; top: 18%; }
.ogi-star:nth-child(2) { left: 18%; top: 62%; }
.ogi-star:nth-child(3) { left: 28%; top: 28%; }
.ogi-star:nth-child(4) { left: 72%; top: 16%; }
.ogi-star:nth-child(5) { left: 84%; top: 38%; }
.ogi-star:nth-child(6) { left: 78%; top: 68%; }
.ogi-star:nth-child(7) { left: 12%; top: 78%; }
.ogi-star:nth-child(8) { left: 48%; top: 12%; }
.ogi-star:nth-child(9) { left: 58%; top: 74%; }
.ogi-star:nth-child(10) { left: 38%; top: 82%; }
.ogi-star:nth-child(11) { left: 90%; top: 58%; }
.ogi-star:nth-child(12) { left: 6%; top: 42%; }

.ogi-star:nth-child(odd) {
  width: 0.85rem;
  height: 0.85rem;
}

.ogi-star:nth-child(odd)::before {
  font-size: 0.85rem;
}

.ogi-star:nth-child(3n + 1) {
  width: 1.35rem;
  height: 1.35rem;
}

.ogi-star:nth-child(3n + 1)::before {
  font-size: 1.35rem;
}

@keyframes ogi-star-float {
  from {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  to {
    transform: translate3d(var(--ogi-star-drift, 12px), calc(var(--ogi-star-drift, 12px) * -0.7), 0) rotate(12deg);
  }
}

@media (max-width: 767px) {
  .ogi-star:nth-child(n + 9) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ogi-star {
    opacity: 0.55 !important;
    transform: none !important;
  }
}
