/* eDoktor spinner - varijanta B (putujuci potez / "spermic") */
/* izvor maketa: https://www.edoktor.hr/_review/edoktor-spinner/ , odabrala Petra 20.10.2026. */
/* koristi edSpinnerSvg($size,$mono) u PHP-u (edoktor-shared-includes/ed-spinner.php) */
/* ili edSpin(size,mono) u JS-u (app.js) da se SVG markup ne kopira po datotekama */

.ed-spin{display:block;}
.ed-spin path{fill-rule:nonzero;}

.ed-comet-track{
  fill:none;
  stroke:#00968e;
  stroke-width:3;
  opacity:.16;
}
.ed-comet-head,
.ed-comet-t1,
.ed-comet-t2,
.ed-comet-t3{
  fill:none;
  stroke-linecap:round;
}
.ed-comet-head{
  stroke:#14b8a6;
  stroke-width:4.4;
  stroke-dasharray:6 94;
  animation:edComet 1.8s linear infinite;
}
.ed-comet-t1{
  stroke:#14b8a6;
  stroke-width:3.1;
  opacity:.55;
  stroke-dasharray:4 96;
  animation:edComet 1.8s linear infinite;
  animation-delay:-0.045s;
}
.ed-comet-t2{
  stroke:#14b8a6;
  stroke-width:2.1;
  opacity:.32;
  stroke-dasharray:3 97;
  animation:edComet 1.8s linear infinite;
  animation-delay:-0.09s;
}
.ed-comet-t3{
  stroke:#14b8a6;
  stroke-width:1.2;
  opacity:.16;
  stroke-dasharray:2 98;
  animation:edComet 1.8s linear infinite;
  animation-delay:-0.135s;
}
@keyframes edComet{
  from{stroke-dashoffset:100;}
  to{stroke-dashoffset:0;}
}

/* mono (currentColor) za upotrebu u gumbima, npr. 22-24 px */
.ed-spin--mono .ed-comet-track{stroke:currentColor;opacity:.22;}
.ed-spin--mono .ed-comet-head{stroke:currentColor !important;opacity:1;stroke-width:5.2;}
.ed-spin--mono .ed-comet-t1{stroke:currentColor !important;opacity:.6;stroke-width:3.6;}
.ed-spin--mono .ed-comet-t2{stroke:currentColor !important;opacity:.36;stroke-width:2.4;}
.ed-spin--mono .ed-comet-t3{stroke:currentColor !important;opacity:.18;stroke-width:1.4;}

/* u gumbu: spinner i tekst gumba se izmjenjuju preko klase na gumbu (vidi app.js) */
.ed-spin-btn-wrap{display:inline-flex;align-items:center;}

@media (prefers-reduced-motion: reduce){
  .ed-comet-head,.ed-comet-t1,.ed-comet-t2,.ed-comet-t3{
    animation:edPulse 1.8s ease-in-out infinite;
    stroke-dasharray:none;stroke-dashoffset:0;
  }
  .ed-comet-head{stroke:#00968e;opacity:1;}
  .ed-spin--mono .ed-comet-head{stroke:currentColor !important;}
  .ed-comet-t1,.ed-comet-t2,.ed-comet-t3{display:none;}
  @keyframes edPulse{
    0%,100%{opacity:.35;}
    50%{opacity:1;}
  }
}