🐞 fix: Navigation tweaks

Co-authored-by: Copilot <copilot@github.com>

header.php

@@ -46,7 +46,7 @@ $showHero = in_array(
 	<header role="banner" class="site-header bg-secondary flex flex-col items-center justify-start">
 		<?php get_template_part( 'views/components/nav-aux' ); ?>
 
-		<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[437px_auto] grid-rows-[1fr] justify-between">
+		<div class="header__nav-main container px-0! py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[437px_auto] grid-rows-[1fr] justify-between">
 			<a href="<?php bloginfo( 'url' ); ?>" class="site-header__logo block">
 				<img class="h-full w-auto" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php bloginfo( 'name' ); ?> logo"/>
 			</a>

styles/components/site-header.css

@@ -12,7 +12,8 @@
         background: linear-gradient(90.17deg, #2189C0 -51.3%, #0773AC 55.75%);
 
         .header__nav-aux {
-
+            @apply px-0!;
+            max-width: 80.5rem;
         }
 
         a {

styles/navigation/nav-main-default.css

@@ -27,6 +27,7 @@
 
             &.menu-vdi__item--contact {
                 >a {
+                    @apply mr-0;
                     background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
                     border-radius: 20px 4px;
                     padding: .5rem 2rem;

views/components/nav-aux.php

@@ -21,8 +21,8 @@ $currentPageURL = home_url( $wp->request ) . '/';
 ?>
 
 <div class="nav-aux__container hidden lg:block w-full py-0">
-	<div class="nav-aux container flex items-center justify-end gap-x-4 gap-y-0 flex-wrap text-white py-0">
-		<nav class="nav-aux py-0" role="navigation" aria-label="Auxiliary">
+	<div class="header__nav-aux container flex items-center justify-end gap-x-4 gap-y-0 flex-wrap text-white py-0">
+		<nav class="nav-aux py-0" role="navigation" aria-label="Auxiliary navigation">
 			<?php
 			if ( has_nav_menu( 'aux_navigation' ) ) {
 				// Initialize and render menu items