From 74887832eb31a60f41ad570ea62d92457dc3399d Mon Sep 17 00:00:00 2001
From: Aryan-Lade <aryanlade55@gmail.com>
Date: Thu, 16 Jul 2026 23:21:58 +0530
Subject: [PATCH] fix: resolve oversized WhatsApp icon in footer

---
 public/script.js |  2 +-
 public/style.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/script.js b/public/script.js
index 96ef3d89..aa114e40 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1950,7 +1950,7 @@ document.addEventListener('DOMContentLoaded', () => {
   btn.className = "whatsapp-float";
   btn.setAttribute("aria-label", "Quick Order via WhatsApp");
   btn.innerHTML = `
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 24 24" width="28" height="28" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
       <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15
                -.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075
                -.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059
diff --git a/public/style.css b/public/style.css
index fad26b65..4ebac4e7 100644
--- a/public/style.css
+++ b/public/style.css
@@ -11438,6 +11438,12 @@ html.dark .copy-btn:hover {
 .whatsapp-float svg {
   width: 28px;
   height: 28px;
+  min-width: 28px;
+  min-height: 28px;
+  max-width: 28px;
+  max-height: 28px;
+  flex-shrink: 0;
+  overflow: hidden;
   fill: #ffffff;
 }
 
@@ -11473,6 +11479,10 @@ html.dark .copy-btn:hover {
   .whatsapp-float svg {
     width: 24px;
     height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+    max-width: 24px;
+    max-height: 24px;
   }
 }
 /* =========================================