fix: compare pathnames, not full URLs

Author: marco-souza

src/components/Header.astro

@@ -7,7 +7,6 @@ import { getLangFromUrl, useTranslations } from '@/i18n/utils';
 const lang = getLangFromUrl(Astro.url);
 const t = useTranslations(lang);
 const pathname = Astro.url.pathname.replace(/\/$/, '') || '/';
-console.log('[DEBUG Header] pathname:', pathname);
 
 const navigationLinks = [
   { href: getRelativeLocaleUrl(lang, '/'), label: t('nav.home') },
@@ -53,8 +52,8 @@ const ctaLinks = {
           {
             navigationLinks.map((link) => {
               const hrefStr = String(link.href);
-              const isActive = hrefStr.replace(/\/$/, '') === pathname;
-              console.log('[DEBUG Header] hrefStr:', hrefStr, 'isActive:', isActive);
+              const linkPathname = new URL(hrefStr).pathname.replace(/\/$/, '') || '/';
+              const isActive = linkPathname === pathname;
               return (
                 <li>
                   <a

src/components/MobileMenu.astro

@@ -46,10 +46,11 @@ const pathnameNormalized = pathname.replace(/\/$/, '') || '/';
           <Logo size="nav" showTitle />
         </div>
         <ul class="menu w-full gap-1 p-0">
-          {
+{
             navigationLinks.map((link) => {
               const hrefStr = String(link.href);
-              const isActive = hrefStr.replace(/\/$/, '') === pathnameNormalized;
+              const linkPathname = new URL(hrefStr).pathname.replace(/\/$/, '') || '/';
+              const isActive = linkPathname === pathnameNormalized;
               return (
                 <li>
                   <a