/**
 * opinie.css — Sekcja opinii z karuzelą
 * @package Akademia
 */

.opinie {
  position: relative;
  padding-block: var(--space-20);
  background-color: var(--color-bg-alt);
  overflow: hidden;
}

.opinie__bg {
  position: absolute;
  inset: 0;
  background-image: url('../images/opinie-bg.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .04;
  pointer-events: none;
}

.opinie .section-heading { margin-bottom: var(--space-10); }

.opinie__track-wrap { overflow: hidden; }

.opinie__track {
  display: flex;
  gap: var(--space-6);
  transition: transform var(--duration-slow) var(--ease-in-out);
  will-change: transform;
}

.opinia-card {
  flex: 0 0 calc(50% - var(--space-3));
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
}

.opinia-card__content { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-loose); }
.opinia-card__content p { margin-bottom: var(--space-3); }
.opinia-card__content p:last-child { margin-bottom: 0; }

@media (max-width: 640px) {
  .opinia-card { flex: 0 0 calc(100% - var(--space-3)); }
}