fix: cooking overlay fuori dallo screensaver (era nascosto da display:none)

index.html

@@ -961,6 +961,15 @@
         <div class="screensaver-clock" id="screensaver-clock"></div>
         <div class="screensaver-fact" id="screensaver-fact"></div>
     </div>
+    <div class="screensaver-shortcuts">
+        <button class="screensaver-shortcut-btn" id="screensaver-recipe-btn" title="Ricette">
+            🍳
+        </button>
+        <button class="screensaver-shortcut-btn" id="screensaver-scan-btn" title="Scansiona prodotto (tieni premuto per modalità spesa)">
+            📷
+        </button>
+    </div>
+</div>
 
 <!-- ===== COOKING MODE OVERLAY ===== -->
 <div id="cooking-overlay" class="cooking-overlay" style="display:none" aria-live="polite">
@@ -979,15 +988,6 @@
         <button class="cooking-nav-btn cooking-next-btn" id="cooking-next" onclick="navigateCookingStep(1)">Successivo ▶</button>
     </div>
 </div>
-    <div class="screensaver-shortcuts">
-        <button class="screensaver-shortcut-btn" id="screensaver-recipe-btn" title="Ricette">
-            🍳
-        </button>
-        <button class="screensaver-shortcut-btn" id="screensaver-scan-btn" title="Scansiona prodotto (tieni premuto per modalità spesa)">
-            📷
-        </button>
-    </div>
-</div>
 
 <script src="assets/js/app.js?v=20260319a"></script>
 </body>