Embed implementacija, animacije, sidebar hover

web/templates/stranice/klijenti.html

@@ -9,20 +9,10 @@
         to   { opacity: 1; transform: translateY(0); }
     }
 
-    @keyframes fadeInUp {
-        from { opacity: 0; transform: translateY(8px); }
-        to   { opacity: 1; transform: translateY(0); }
-    }
-
     .poruka-animacija {
         animation: slideDown 0.3s ease forwards;
     }
 
-    .klijenti-tabela tbody tr {
-        animation: fadeInUp 0.25s ease forwards;
-        opacity: 0;
-    }
-
     .klijenti-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
     .klijenti-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
     .klijenti-tabela tbody tr:nth-child(3)  { animation-delay: 0.12s; }
@@ -40,11 +30,6 @@
         gap: 12px;
     }
 
-    .klijent-kartica {
-        animation: fadeInUp 0.25s ease forwards;
-        opacity: 0;
-    }
-
     .klijent-kartica:nth-child(1)  { animation-delay: 0.04s; }
     .klijent-kartica:nth-child(2)  { animation-delay: 0.10s; }
     .klijent-kartica:nth-child(3)  { animation-delay: 0.16s; }
@@ -88,7 +73,7 @@
     </div>
 
     <!-- desktop tabela -->
-    <div class="kartica klijenti-tabela" style="padding:0;overflow:hidden;">
+    <div class="kartica klijenti-tabela animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
             <table style="width:100%;border-collapse:collapse;">
                 <thead>
@@ -102,7 +87,7 @@
                 </thead>
                 <tbody>
                     {{range .Klijenti}}
-                    <tr style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
+                    <tr class="animiraj" style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
                         onmouseover="this.style.background='var(--pozadina)'"
                         onmouseout="this.style.background=''">
                         <td style="padding:12px 16px;">
@@ -157,7 +142,7 @@
     <!-- mobilne kartice -->
     <div class="klijenti-kartice">
         {{range .Klijenti}}
-        <div class="kartica klijent-kartica">
+        <div class="kartica klijent-kartica animiraj">
             <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
                 <div>
                     {{if .NazivFirme}}