/**
 * Syria Oil Widgets — entrance / scroll-reveal (plugin copy).
 * Keep in sync with syria-oil-theme/assets/css/animations.css.
 */

[data-sor-animate] {
  opacity: 0;
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

[data-sor-animate="fade-up"] {
  transform: translateY(14px);
}

[data-sor-animate="fade-in"] {
  transform: none;
}

[data-sor-animate="fade-scale"] {
  transform: scale(0.96);
}

[data-sor-animate="fade-start"] {
  transform: translateX(-16px);
}
[dir="rtl"] [data-sor-animate="fade-start"] {
  transform: translateX(16px);
}

[data-sor-animate].is-visible {
  opacity: 1;
  transform: none;
  will-change: auto;
}

[data-so-count] {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.sow-stat-card {
  position: relative;
}
.sow-stat-card::after {
  content: "";
  position: absolute;
  inset-inline: 18%;
  inset-block-end: 0.65rem;
  height: 2px;
  border-radius: 2px;
  background: var(--color-primary, #007a3d);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.15s;
}
.sow-stat-card[data-sor-animate].is-visible::after,
.sow-stat-card.is-visible::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  [data-sor-animate],
  .syria-oil-animate {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
  .sow-stat-card::after {
    transform: scaleX(1) !important;
    transition: none !important;
  }
}