Update templates/menu.html

templates/menu.html

@@ -207,6 +207,7 @@ h1.text-center {
     border-radius: 8px;
     padding: 12px;
     margin-bottom: 10px; /* Spacing between sections */
+  
 }
 /* Customization section title */
 .addon-section h6 {
@@ -218,6 +219,21 @@ h1.text-center {
 /* Style for add-on checkboxes */
 .addon-section .form-check {
     margin-left: 10px;
+     appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 18px; /* Adjust checkbox size */
+    height: 18px; /* Adjust checkbox size */
+    border: 2px solid #555; /* Darker border color */
+    border-radius: 4px; /* Optional: Rounded corners */
+    background-color: #333; /* Dark background color */
+    cursor: pointer;
+    position: relative;
+    transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+/* Hover effect for better UI */
+.addon-section input[type="checkbox"]:hover {
+    background-color: #444; /* Slightly lighter on hover */
 }
 /* Category Filter with Custom Radio Buttons */
 form.text-center.mb-4 {