/* Mihael V12.2.12 — PRIVREMENE animacije, samo za naslovnicu.
   Bez izmjene postojećih pozicija, dimenzija, fontova ili fotografija.
   Sve počinje tek kada JS doda .mihael-motion-preview (progressive enhancement). */

/* Naslov: dva postojeća teksta otkrivaju se redom, bez promjene inline rasporeda. */
body.mihael-v8-motion.mihael-motion-preview .home-hero-copy h1 {
  animation: mihael-motion-headline 920ms both cubic-bezier(.18,.74,.24,1);
}
body.mihael-v8-motion.mihael-motion-preview .home-hero-copy h1 .accent-blue {
  animation: mihael-motion-line 750ms 120ms both ease-out;
}
body.mihael-v8-motion.mihael-motion-preview .home-hero-copy h1 .accent-green {
  animation: mihael-motion-line 850ms 440ms both ease-out;
}
@keyframes mihael-motion-headline {
  from { opacity:.5; transform:translateY(12px) }
  to { opacity:1; transform:translateY(0) }
}
@keyframes mihael-motion-line {
  from { opacity:.12; filter:blur(2px) }
  to { opacity:1; filter:blur(0) }
}

/* Fotografija zadržava potpuno isto konačno kadriranje kao V12.2.11. */
body.mihael-v8-motion.mihael-motion-preview .home-hero-photo {
  animation:mihael-motion-cinematic 1850ms both cubic-bezier(.14,.65,.22,1);
  transform-origin:64% 47%;
}
@keyframes mihael-motion-cinematic {
  from { opacity:.83; transform:scale(1.025); filter:brightness(1.035) }
  to { opacity:1; transform:scale(1); filter:brightness(1) }
}

/* Jednokratna dekoracija pulsa; apsolutno pozicionirana, ne mijenja tok sadržaja. */
.mihael-hero-pulse {
  position:absolute;right:7%;bottom:33px;width:163px;height:51px;z-index:4;
  pointer-events:none;opacity:0;color:#1178b9;
}
.mihael-hero-pulse svg {display:block;width:100%;height:100%;overflow:visible}
body.mihael-motion-preview .mihael-hero-pulse {
  animation:mihael-motion-pulse-life 3800ms 150ms both ease-in-out;
}
.mihael-hero-pulse .mihael-pulse-line {
  stroke-dasharray:100;stroke-dashoffset:100;
}
body.mihael-motion-preview .mihael-hero-pulse .mihael-pulse-line {
  animation:mihael-motion-draw 1580ms 270ms both cubic-bezier(.4,0,.2,1);
}
.mihael-hero-pulse .mihael-pulse-paw {opacity:0}
body.mihael-motion-preview .mihael-hero-pulse .mihael-pulse-paw {
  animation:mihael-motion-paw-in 660ms 1400ms both ease-out;
}
@keyframes mihael-motion-draw {to {stroke-dashoffset:0}}
@keyframes mihael-motion-paw-in {from {opacity:0;transform:translateY(3px)} to {opacity:.9;transform:translateY(0)}}
@keyframes mihael-motion-pulse-life {0%,9% {opacity:0} 22%,71% {opacity:.70} 100% {opacity:0}}

/* Mikrointerakcije samo za pokazivač miša, nikada za touch. */
@media (hover:hover) and (pointer:fine) {
  body.mihael-motion-preview .home-service-item > img {
    transition:transform 680ms cubic-bezier(.19,.8,.21,1);
    transform-origin:center center;
  }
  body.mihael-motion-preview .home-service-item:hover > img,
  body.mihael-motion-preview .home-service-item:focus-visible > img {transform:scale(1.035)}
  body.mihael-motion-preview .home-service-item .service-arrow {
    transition:transform 300ms ease,box-shadow 300ms ease;
  }
  body.mihael-motion-preview .home-hero .hero-buttons .button {
    position:relative;isolation:isolate;overflow:hidden;
  }
  body.mihael-motion-preview .home-hero .hero-buttons .button::after {
    content:"";position:absolute;inset:0;
    background:linear-gradient(115deg,transparent 27%,rgba(255,255,255,.30) 48%,transparent 69%);
    transform:translateX(-145%);pointer-events:none;
  }
  body.mihael-motion-preview .home-hero .hero-buttons .button:hover::after,
  body.mihael-motion-preview .home-hero .hero-buttons .button:focus-visible::after {
    animation:mihael-motion-button-light 720ms ease-out 1;
  }
}
@keyframes mihael-motion-button-light {from {transform:translateX(-145%)} to {transform:translateX(145%)}}

/* Mobitel: puls ostaje na slici (iznad sadržaja), bez promjene dimenzija hero sekcije. */
@media(max-width:850px) {
  .mihael-hero-pulse {right:18px;bottom:auto;top:205px;width:126px;height:40px}
}
@media(max-width:600px) {
  .mihael-hero-pulse {right:13px;top:clamp(205px,57vw,278px);width:108px;height:33px}
}
@media(max-width:360px) {
  .mihael-hero-pulse {right:10px;top:190px;width:94px;height:30px}
}

/* Pristupačnost: reduced-motion znači bez proba, statičan izvorni prikaz. */
@media (prefers-reduced-motion:reduce) {
  body.mihael-motion-preview .home-hero-copy h1,
  body.mihael-motion-preview .home-hero-copy h1 .accent-blue,
  body.mihael-motion-preview .home-hero-copy h1 .accent-green,
  body.mihael-motion-preview .home-hero-photo,
  body.mihael-motion-preview .mihael-hero-pulse,
  body.mihael-motion-preview .mihael-hero-pulse * {
    animation:none!important;transform:none!important;filter:none!important;opacity:1!important;
  }
  body.mihael-motion-preview .mihael-hero-pulse {display:none!important}
  body.mihael-motion-preview .home-service-item > img {transition:none!important;transform:none!important}
}