fix: remove highlight position fixes for navbar and footer

src/components/Footer.astro

@@ -30,7 +30,7 @@ const links = socialLinks.map((link) => {
   return link
 })
 
-const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.35em hover:c-primary'
+const footerLinkClass = 'highlight-hover py-0.8 transition-colors after:bottom-0.35em hover:c-primary'
 ---
 
 <footer

src/components/Header.astro

@@ -23,7 +23,7 @@ const SubtitleTag = isPost ? 'div' : 'h2'
   <TitleTag
     class:list={[
       isPost
-        ? `mb-3.2 mt-2.6 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
+        ? `mb-3 mt-2.8 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
         : `mb-1.8 w-75% text-8 c-primary lg:(w-full text-9)`,
       'font-bold font-title',
     ]}

src/components/Navbar.astro

@@ -47,7 +47,7 @@ const navItems = [
       <li>
         <a
           href={getLocalizedPath(item.href)}
-          class={`${item.className} navbar-highlight-position-fix`}
+          class={item.className}
         >
           {item.label}
         </a>

src/styles/global.css

@@ -56,13 +56,3 @@ h4:hover .heading-anchor-link svg:hover {
 .highlight-hover::after {
   --at-apply: 'origin-bottom-right scale-x-0 transition-transform ease-out lg:duration-300';
 }
-
-/* Fix Highlight Position Issue on iOS */
-@supports (-webkit-touch-callout: none) {
-  .navbar-highlight-position-fix {
-    --at-apply: 'after:bottom-0.88em';
-  }
-  .footer-highlight-position-fix {
-    --at-apply: 'after:bottom-0.59em';
-  }
-}