/* RK Truck Band */

.rk-truck-band {
  --rk-truck-w: 150px;
  position: relative;
  padding-block: 3rem;
  background: var(--rk-cream-2);
  border-block: 1px solid var(--rk-border);
  overflow: hidden;
  font-family: var(--rk-font-body);
}

.rk-truck-band__road {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.1rem;
  height: 3px;
  background: repeating-linear-gradient(
    90deg,
    var(--rk-border-strong) 0 2.2rem,
    transparent 2.2rem 3.6rem
  );
}

.rk-truck-band__truck {
  width: var(--rk-truck-w);
  max-width: 100%;
  transform: translateX(calc(-1 * var(--rk-truck-w) - 40px));
}

.rk-truck-band__truck--img {
  height: auto;
  object-fit: contain;
}

.rk-truck-band.is-inview .rk-truck-band__truck {
  animation: rk-driveby 3.2s var(--rk-ease-out) forwards;
}

@keyframes rk-driveby {
  0% {
    transform: translateX(calc(-1 * var(--rk-truck-w) - 40px));
  }
  100% {
    transform: translateX(calc(50vw - var(--rk-truck-w) / 2));
  }
}

.rk-truck-band__smoke circle {
  animation: rk-puff 1.6s ease-out infinite;
  transform-origin: center;
}

.rk-truck-band__smoke circle:nth-child(2) {
  animation-delay: 0.5s;
}

.rk-truck-band__smoke circle:nth-child(3) {
  animation-delay: 1s;
}

@keyframes rk-puff {
  0% {
    opacity: 0.7;
    transform: translate(0, 0) scale(0.6);
  }
  100% {
    opacity: 0;
    transform: translate(-14px, -16px) scale(1.5);
  }
}

.rk-truck-band__caption {
  text-align: center;
  margin: 1.5rem 0 0;
  color: var(--rk-ink-dim);
  font-size: 1rem;
}

.rk-truck-band__caption a {
  color: var(--rk-orange);
  text-decoration: none;
}

/* Editor preview + reduced motion: park the truck mid-band */
.elementor-editor-active .rk-truck-band__truck {
  transform: translateX(calc(50vw - var(--rk-truck-w) / 2));
}

@media (prefers-reduced-motion: reduce) {
  .rk-truck-band__truck {
    transform: translateX(calc(50vw - var(--rk-truck-w) / 2));
    animation: none;
  }

  .rk-truck-band__smoke circle {
    animation: none;
  }
}