✨feature: Refactor footer layout and styles for improved design consistency

styles/components/site-footer.css

@@ -1,41 +1,21 @@
 /* Footer styles */
 
 .site-footer {
-  #footRight {
-    div {
-      @apply col-span-1 md:col-span-4 lg:col-span-1;
+    border-bottom: 1rem solid var(--color-orange, #F26B53);
 
-      h3 {
-        @apply font-bold text-secondary-300 text-20px mb-4 pb-2 border-b border-b-secondary-300
-      }
-
-      a {
-        @apply text-footlinks hover:opacity-60;
-      }
-    }
+    a { @apply text-white transition-colors duration-300 hover:text-secondary-400 focus-visible:text-secondary-400; }
 
     .widget {
-      li {
-        @apply text-16px my-1 mb-2 leading-4;
-      }
+        li { @apply text-16px my-1 mb-2 leading-4; }
 
-      h4 {
-        @apply font-bold text-18px text-secondary mb-2;
-      }
-
-      a {
-        @apply transition-colors duration-300 hover:text-success focus-visible:text-success;
-      }
+        h4 { @apply font-bold text-18px text-secondary mb-2; }
     }
 
-    .menu-footer-menu-container {
-      @apply grow;
+    .menu-footer-menu-container { @apply grow; }
+
+    .copyright {
+        p { @apply text-white leading-none m-0 p-0; }
+
+        a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
     }
-  }
-
-  .copyright {
-    p { @apply leading-none m-0 p-0; }
-
-    a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
-  }
 }