update

bizmatch-client/src/app/components/footer/footer.component.scss

@@ -1,14 +1,43 @@
-:host {
-  width: 100%;
+// Drawer animation styles
+.translate-x-0 {
+  transform: translateX(0);
 }
 
-@media (max-width: 1023px) {
-  .order-2 {
-    order: 2;
+.translate-x-full {
+  transform: translateX(100%);
+}
+
+// Custom scrollbar for drawers
+.overflow-y-auto {
+  &::-webkit-scrollbar {
+    width: 6px;
   }
-  .order-3 {
-    order: 3;
+
+  &::-webkit-scrollbar-track {
+    background-color: #f1f1f1;
+    border-radius: 10px;
   }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #888;
+    border-radius: 10px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: #555;
+  }
+}
+
+// Fix for iOS Safari elastic scroll behavior
+.fixed {
+  -webkit-overflow-scrolling: touch;
+}
+
+// Focus styles for accessibility
+button:focus,
+a:focus {
+  outline: 2px solid #3b82f6;
+  outline-offset: 2px;
 }
 section p {
   display: block;