/* ==========================================================================
   Testo su cerchio (widget "text-path" di Elementor), SVG che ruota su se stesso.
   Markup: .text-path > svg[viewBox] > path#id + text > textPath[href=#id] (> a).
   Dimensione con --text-path-size (larghezza dell'SVG, default 150px); font e posizione
   li decide la sezione. Con "riduci movimento" sta fermo.
   ========================================================================== */
.text-path svg {
  width: var(--text-path-size, 150px);
  max-width: 100%;
  height: auto;
  overflow: visible;
  animation: text-path-rotate 20s linear infinite;
}

.text-path path {
  fill: transparent;
  stroke: transparent;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

@keyframes text-path-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .text-path svg {
    animation: none;
  }
}