narejeno da se kartice priljubljenih jedi ko hoveras nad njimi se priblizajo

stylesheet.css

@@ -320,6 +320,13 @@ footer p {
     background-color: var(--barva-kartice);
     border-radius: var(--zaobljenost);
     box-shadow: var(--senca-kartice);
+
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.home_page .jedi_card:hover {
+    transform: translateY(-5px) scale(1.03); /*kartico premakne za 5px navzgor in se poveca za 3% */
+    box-shadow: 0 0.8rem 1.8rem var(--barva-senca); /*senca se ne premakne levo ali desno (0), senca se premakne malce navzdol (0.8), bolj razprsena senca (1.8, vec kot je bolj razprsena je), in pa seveda barva sence*/
 }
 
 .home_page .card_slika {
@@ -809,6 +816,23 @@ footer p {
         flex-wrap: wrap; 
         gap: 1rem; padding: 0; 
     }
+
+    /* Informacije o receptu na tablici */
+    .recepti_info ul {
+        display: flex;
+        flex-direction: row; /* Vse tri informacije v eno vrstico */
+        justify-content: center; /* Poravnava na sredino */
+        align-items: center;
+        flex-wrap: nowrap; /* Prepreči prelom v novo vrstico */
+        gap: 0.6rem; /* Manjši razmik */
+        padding: 0;
+    }
+
+    .recepti_info li {
+        font-size: 0.75rem; /* Manjša pisava */
+        text-align: center;
+        max-width: none;
+    }
 }
 
 /* telefon do 600px */
@@ -918,6 +942,20 @@ footer p {
         flex-wrap: wrap; 
         gap: 1rem; padding: 0; 
     }
+
+    .recepti_info ul {
+        display: flex;
+        flex-direction: column;
+        align-items: center; /* Elemente poravnamo na sredino */
+        gap: 0.5rem;
+        padding: 0;
+        list-style: none;
+    }
+
+    .recepti_info li {
+        text-align: center; /* Besedilo poravnamo na sredino */
+        max-width: none;
+    }
 }
 
 /* dark mode, samo spremenjene spremenljivke css */
@@ -954,5 +992,11 @@ footer p {
         animation: none !important;
         transition: none !important;
     }
-    .home_page .jedi_card:hover { transform: none; }
+    .home_page .jedi_card {
+    transition: none;
+    }
+
+    .home_page .jedi_card:hover {
+        transform: none;
+    }
 }