Ricetta: icona nav uniforme alle altre

assets/css/style.css

@@ -1321,34 +1321,6 @@ body {
     font-size: 0.65rem;
 }
 
-.recipe-btn {
-    position: relative;
-    margin-top: -28px;
-}
-
-.nav-icon-large {
-    width: 56px;
-    height: 56px;
-    background: linear-gradient(135deg, var(--primary), var(--primary-light));
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.6rem;
-    box-shadow: 0 4px 12px rgba(45, 80, 22, 0.4);
-    transition: transform 0.2s;
-}
-
-.recipe-btn:active .nav-icon-large {
-    transform: scale(0.92);
-}
-
-.recipe-btn .nav-label {
-    margin-top: 4px;
-    color: var(--primary);
-    font-weight: 700;
-}
-
 /* ===== TOAST ===== */
 .toast {
     position: fixed;

index.html

@@ -502,8 +502,8 @@
         <span class="nav-icon">📋</span>
         <span class="nav-label">Inventario</span>
     </button>
-    <button class="nav-btn recipe-btn" onclick="openRecipeDialog()" data-page="recipe">
-        <span class="nav-icon-large">🍳</span>
+    <button class="nav-btn" onclick="openRecipeDialog()" data-page="recipe">
+        <span class="nav-icon">🍳</span>
         <span class="nav-label">Ricetta</span>
     </button>
     <button class="nav-btn" onclick="showPage('shopping')" data-page="shopping">