@php
    use App\Helpers\SeoHelper;
    use App\Helpers\CachedData;
    use App\Helpers\ServiceTranslationHelper;
    
    $locale = app()->getLocale();
    $localeBase = strtolower((string) Str::of((string) $locale)->before('_')->before('-'));
    
    // Helper function to generate localized routes (English has no prefix)
    $localizedRoute = function($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };
    $localizedPath = function (string $path) use ($locale) {
        return SeoHelper::marketUrl($path, $locale);
    };

    $languageHref = function (string $targetLocale) {
        $path = parse_url(url()->current(), PHP_URL_PATH) ?: '/';
        $segments = $path === '/' ? [] : explode('/', trim($path, '/'));
        $localeSegments = array_merge(config('markets.public_prefixes', ['us', 'pt', 'br', 'es', 'fr']), ['en']);

        if (!empty($segments[0]) && in_array(strtolower($segments[0]), $localeSegments, true)) {
            array_shift($segments);
        }

        $pathWithoutLocale = implode('/', $segments);
        $localizedUrl = SeoHelper::buildLocalizedUrlFromPath($pathWithoutLocale, $targetLocale);
        if ($localizedUrl !== null) {
            return $localizedUrl;
        }

        $fallbackPath = $pathWithoutLocale === '' ? '' : '/' . $pathWithoutLocale;
        return $targetLocale === 'en' ? url($fallbackPath ?: '/') : url('/' . $targetLocale . $fallbackPath);
    };
    
    $navLabel = static function (string $key, string $fallback): string {
        $translated = __($key);
        return $translated === $key ? $fallback : $translated;
    };
    $serviceGroups = config('nav.service_groups', []);
    $serviceNavTranslations = [
        'en' => [
            'groups' => ['Growth & Optimization' => 'Growth & Optimisation'],
            'items' => ['website-speed-optimization' => 'Website Speed Optimisation', 'checkout-optimization' => 'Checkout Optimisation', 'product-page-optimization' => 'Product Page Optimisation', 'conversion-rate-optimization' => 'Conversion Rate Optimisation', 'growth-optimization' => 'Growth & Optimisation', 'ux-optimization' => 'UX Optimisation', 'sales-funnel-optimization' => 'Sales Funnel Optimisation'],
        ],
        'pt' => [
            'groups' => ['Web Development' => 'Desenvolvimento Web', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Marketing de Performance', 'Branding & Creative' => 'Marca e Criatividade', 'Social Media' => 'Redes Sociais', 'Growth & Optimization' => 'Crescimento e Otimização'],
            'items' => ['website-development' => 'Desenvolvimento de Sites', 'wordpress-development' => 'Desenvolvimento WordPress', 'woocommerce-development' => 'Desenvolvimento WooCommerce', 'shopify-development' => 'Desenvolvimento Shopify', 'landing-page-development' => 'Páginas de Destino', 'custom-web-development' => 'Desenvolvimento Web à Medida', 'website-redesign' => 'Redesign de Site', 'website-maintenance' => 'Manutenção de Site', 'website-speed-optimization' => 'Otimização de Velocidade', 'managed-hosting' => 'Alojamento Gerido', 'ecommerce-solutions' => 'Soluções Ecommerce', 'ecommerce-development' => 'Desenvolvimento Ecommerce', 'checkout-optimization' => 'Otimização de Checkout', 'product-page-optimization' => 'Otimização de Páginas de Produto', 'conversion-rate-optimization' => 'Otimização de Conversão', 'cart-recovery-strategy' => 'Recuperação de Carrinho', 'marketplace-integrations' => 'Integrações Marketplace', 'performance-marketing' => 'Marketing de Performance', 'paid-traffic' => 'Tráfego Pago', 'google-ads-agency' => 'Agência Google Ads', 'meta-ads-agency' => 'Agência Meta Ads', 'tiktok-ads-agency' => 'Agência TikTok Ads', 'seo-agency' => 'Agência SEO', 'local-seo' => 'SEO Local', 'technical-seo' => 'SEO Técnico', 'analytics-and-tracking' => 'Analítica e Medição', 'lead-generation-systems' => 'Sistemas de Geração de Contactos', 'branding-creative' => 'Marca e Criatividade', 'brand-strategy' => 'Estratégia de Marca', 'naming-services' => 'Naming', 'visual-identity' => 'Identidade Visual', 'graphic-design-services' => 'Design Gráfico', 'packaging-design' => 'Design de Embalagem', 'advertising-creatives' => 'Criativos Publicitários', 'print-design' => 'Design para Impressão', 'restaurant-branding' => 'Marca para Restaurantes', 'pos-materials' => 'Materiais de Ponto de Venda', 'social-media' => 'Redes Sociais', 'social-media-management' => 'Gestão de Redes Sociais', 'instagram-growth' => 'Crescimento no Instagram', 'content-strategy' => 'Estratégia de Conteúdo', 'content-creation' => 'Criação de Conteúdo', 'community-management' => 'Gestão de Comunidade', 'linkedin-positioning' => 'Posicionamento no LinkedIn', 'reels-strategy' => 'Estratégia de Reels', 'ugc-systems' => 'Sistemas UGC', 'growth-optimization' => 'Crescimento e Otimização', 'cro-services' => 'Serviços CRO', 'ux-optimization' => 'Otimização UX', 'crm-integrations' => 'Integrações CRM', 'email-marketing' => 'Marketing por Email', 'automation-systems' => 'Sistemas de Automação', 'retention-systems' => 'Sistemas de Retenção', 'sales-funnel-optimization' => 'Otimização de Funil de Vendas', 'booking-systems' => 'Sistemas de Marcação', 'reservation-systems' => 'Sistemas de Reservas'],
        ],
        'br' => [
            'groups' => ['Web Development' => 'Desenvolvimento Web', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Marketing de Performance', 'Branding & Creative' => 'Marca e Criatividade', 'Social Media' => 'Redes Sociais', 'Growth & Optimization' => 'Crescimento e Otimização'],
            'items' => ['website-development' => 'Criação de Sites', 'wordpress-development' => 'Desenvolvimento WordPress', 'woocommerce-development' => 'Desenvolvimento WooCommerce', 'shopify-development' => 'Desenvolvimento Shopify', 'landing-page-development' => 'Páginas de Destino', 'custom-web-development' => 'Desenvolvimento Web Sob Medida', 'website-redesign' => 'Redesign de Site', 'website-maintenance' => 'Manutenção de Site', 'website-speed-optimization' => 'Otimização de Velocidade', 'managed-hosting' => 'Hospedagem Gerenciada', 'ecommerce-solutions' => 'Soluções Ecommerce', 'ecommerce-development' => 'Desenvolvimento Ecommerce', 'checkout-optimization' => 'Otimização de Checkout', 'product-page-optimization' => 'Otimização de Página de Produto', 'conversion-rate-optimization' => 'Otimização de Conversão', 'cart-recovery-strategy' => 'Recuperação de Carrinho', 'marketplace-integrations' => 'Integrações Marketplace', 'performance-marketing' => 'Marketing de Performance', 'paid-traffic' => 'Tráfego Pago', 'google-ads-agency' => 'Agência Google Ads', 'meta-ads-agency' => 'Agência Meta Ads', 'tiktok-ads-agency' => 'Agência TikTok Ads', 'seo-agency' => 'Agência SEO', 'local-seo' => 'SEO Local', 'technical-seo' => 'SEO Técnico', 'analytics-and-tracking' => 'Analítica e Medição', 'lead-generation-systems' => 'Sistemas de Geração de Contatos', 'branding-creative' => 'Marca e Criatividade', 'brand-strategy' => 'Estratégia de Marca', 'naming-services' => 'Naming', 'visual-identity' => 'Identidade Visual', 'graphic-design-services' => 'Design Gráfico', 'packaging-design' => 'Design de Embalagem', 'advertising-creatives' => 'Criativos Publicitários', 'print-design' => 'Design Impresso', 'restaurant-branding' => 'Marca para Restaurantes', 'pos-materials' => 'Materiais de PDV', 'social-media' => 'Redes Sociais', 'social-media-management' => 'Gestão de Redes Sociais', 'instagram-growth' => 'Crescimento no Instagram', 'content-strategy' => 'Estratégia de Conteúdo', 'content-creation' => 'Criação de Conteúdo', 'community-management' => 'Gestão de Comunidade', 'linkedin-positioning' => 'Posicionamento no LinkedIn', 'reels-strategy' => 'Estratégia de Reels', 'ugc-systems' => 'Sistemas UGC', 'growth-optimization' => 'Crescimento e Otimização', 'cro-services' => 'Serviços CRO', 'ux-optimization' => 'Otimização UX', 'crm-integrations' => 'Integrações CRM', 'email-marketing' => 'Marketing por E-mail', 'automation-systems' => 'Sistemas de Automação', 'retention-systems' => 'Sistemas de Retenção', 'sales-funnel-optimization' => 'Otimização de Funil de Vendas', 'booking-systems' => 'Sistemas de Agendamento', 'reservation-systems' => 'Sistemas de Reserva'],
        ],
        'es' => [
            'groups' => ['Web Development' => 'Desarrollo Web', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Marketing de Performance', 'Branding & Creative' => 'Marca y Creatividad', 'Social Media' => 'Redes Sociales', 'Growth & Optimization' => 'Crecimiento y Optimización'],
            'items' => ['website-development' => 'Desarrollo de Sitios Web', 'wordpress-development' => 'Desarrollo WordPress', 'woocommerce-development' => 'Desarrollo WooCommerce', 'shopify-development' => 'Desarrollo Shopify', 'landing-page-development' => 'Páginas de Destino', 'custom-web-development' => 'Desarrollo Web a Medida', 'website-redesign' => 'Rediseño Web', 'website-maintenance' => 'Mantenimiento Web', 'website-speed-optimization' => 'Optimización de Velocidad', 'managed-hosting' => 'Hosting Gestionado', 'ecommerce-solutions' => 'Soluciones Ecommerce', 'ecommerce-development' => 'Desarrollo Ecommerce', 'checkout-optimization' => 'Optimización de Checkout', 'product-page-optimization' => 'Optimización de Páginas de Producto', 'conversion-rate-optimization' => 'Optimización de Conversión', 'cart-recovery-strategy' => 'Recuperación de Carrito', 'marketplace-integrations' => 'Integraciones Marketplace', 'performance-marketing' => 'Marketing de Performance', 'paid-traffic' => 'Tráfico Pago', 'google-ads-agency' => 'Agencia Google Ads', 'meta-ads-agency' => 'Agencia Meta Ads', 'tiktok-ads-agency' => 'Agencia TikTok Ads', 'seo-agency' => 'Agencia SEO', 'local-seo' => 'SEO Local', 'technical-seo' => 'SEO Técnico', 'analytics-and-tracking' => 'Analítica y Medición', 'lead-generation-systems' => 'Sistemas de Generación de Contactos', 'branding-creative' => 'Marca y Creatividad', 'brand-strategy' => 'Estrategia de Marca', 'naming-services' => 'Naming', 'visual-identity' => 'Identidad Visual', 'graphic-design-services' => 'Diseño Gráfico', 'packaging-design' => 'Diseño de Envases', 'advertising-creatives' => 'Creatividades Publicitarias', 'print-design' => 'Diseño Impreso', 'restaurant-branding' => 'Marca para Restaurantes', 'pos-materials' => 'Materiales de Punto de Venta', 'social-media' => 'Redes Sociales', 'social-media-management' => 'Gestión de Redes Sociales', 'instagram-growth' => 'Crecimiento en Instagram', 'content-strategy' => 'Estrategia de Contenido', 'content-creation' => 'Creación de Contenido', 'community-management' => 'Gestión de Comunidad', 'linkedin-positioning' => 'Posicionamiento en LinkedIn', 'reels-strategy' => 'Estrategia de Reels', 'ugc-systems' => 'Sistemas UGC', 'growth-optimization' => 'Crecimiento y Optimización', 'cro-services' => 'Servicios CRO', 'ux-optimization' => 'Optimización UX', 'crm-integrations' => 'Integraciones CRM', 'email-marketing' => 'Marketing por Correo Electrónico', 'automation-systems' => 'Sistemas de Automatización', 'retention-systems' => 'Sistemas de Retención', 'sales-funnel-optimization' => 'Optimización de Embudo de Ventas', 'booking-systems' => 'Sistemas de Reservas', 'reservation-systems' => 'Sistemas de Reservación'],
        ],
        'fr' => [
            'groups' => ['Web Development' => 'Développement Web', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Marketing de Performance', 'Branding & Creative' => 'Marque et Création', 'Social Media' => 'Réseaux Sociaux', 'Growth & Optimization' => 'Croissance et Optimisation'],
            'items' => ['website-development' => 'Développement de Sites Web', 'wordpress-development' => 'Développement WordPress', 'woocommerce-development' => 'Développement WooCommerce', 'shopify-development' => 'Développement Shopify', 'landing-page-development' => 'Pages de Destination', 'custom-web-development' => 'Développement Web Sur Mesure', 'website-redesign' => 'Refonte de Site Web', 'website-maintenance' => 'Maintenance de Site Web', 'website-speed-optimization' => 'Optimisation de Vitesse', 'managed-hosting' => 'Hébergement Géré', 'ecommerce-solutions' => 'Solutions Ecommerce', 'ecommerce-development' => 'Développement Ecommerce', 'checkout-optimization' => 'Optimisation du Checkout', 'product-page-optimization' => 'Optimisation de Pages Produit', 'conversion-rate-optimization' => 'Optimisation de Conversion', 'cart-recovery-strategy' => 'Récupération de Panier', 'marketplace-integrations' => 'Intégrations Marketplace', 'performance-marketing' => 'Marketing de Performance', 'paid-traffic' => 'Trafic Payant', 'google-ads-agency' => 'Agence Google Ads', 'meta-ads-agency' => 'Agence Meta Ads', 'tiktok-ads-agency' => 'Agence TikTok Ads', 'seo-agency' => 'Agence SEO', 'local-seo' => 'SEO Local', 'technical-seo' => 'SEO Technique', 'analytics-and-tracking' => 'Analyse et Mesure', 'lead-generation-systems' => 'Systèmes de Génération de Contacts', 'branding-creative' => 'Marque et Création', 'brand-strategy' => 'Stratégie de Marque', 'naming-services' => 'Naming', 'visual-identity' => 'Identité Visuelle', 'graphic-design-services' => 'Design Graphique', 'packaging-design' => 'Design d’Emballage', 'advertising-creatives' => 'Créatifs Publicitaires', 'print-design' => 'Design Print', 'restaurant-branding' => 'Marque pour Restaurants', 'pos-materials' => 'Supports Point de Vente', 'social-media' => 'Réseaux Sociaux', 'social-media-management' => 'Gestion des Réseaux Sociaux', 'instagram-growth' => 'Croissance Instagram', 'content-strategy' => 'Stratégie de Contenu', 'content-creation' => 'Création de Contenu', 'community-management' => 'Gestion de Communauté', 'linkedin-positioning' => 'Positionnement LinkedIn', 'reels-strategy' => 'Stratégie Reels', 'ugc-systems' => 'Systèmes UGC', 'growth-optimization' => 'Croissance et Optimisation', 'cro-services' => 'Services CRO', 'ux-optimization' => 'Optimisation UX', 'crm-integrations' => 'Intégrations CRM', 'email-marketing' => 'Marketing par E-mail', 'automation-systems' => 'Systèmes d’Automatisation', 'retention-systems' => 'Systèmes de Rétention', 'sales-funnel-optimization' => 'Optimisation du Tunnel de Vente', 'booking-systems' => 'Systèmes de Réservation', 'reservation-systems' => 'Systèmes de Réservation'],
        ],
        'de' => [
            'groups' => ['Web Development' => 'Webentwicklung', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Performance-Marketing', 'Branding & Creative' => 'Branding und Kreation', 'Social Media' => 'Social Media', 'Growth & Optimization' => 'Wachstum und Optimierung'],
            'items' => ['website-development' => 'Website-Entwicklung', 'wordpress-development' => 'WordPress-Entwicklung', 'woocommerce-development' => 'WooCommerce-Entwicklung', 'shopify-development' => 'Shopify-Entwicklung', 'landing-page-development' => 'Landing Pages', 'custom-web-development' => 'Individuelle Webentwicklung', 'website-redesign' => 'Website-Redesign', 'website-maintenance' => 'Website-Wartung', 'website-speed-optimization' => 'Speed-Optimierung', 'managed-hosting' => 'Managed Hosting', 'ecommerce-solutions' => 'Ecommerce-Lösungen', 'ecommerce-development' => 'Ecommerce-Entwicklung', 'checkout-optimization' => 'Checkout-Optimierung', 'product-page-optimization' => 'Produktseiten-Optimierung', 'conversion-rate-optimization' => 'Conversion-Optimierung', 'cart-recovery-strategy' => 'Warenkorb-Rückgewinnung', 'marketplace-integrations' => 'Marketplace-Integrationen', 'performance-marketing' => 'Performance-Marketing', 'paid-traffic' => 'Paid Traffic', 'google-ads-agency' => 'Google Ads Agentur', 'meta-ads-agency' => 'Meta Ads Agentur', 'tiktok-ads-agency' => 'TikTok Ads Agentur', 'seo-agency' => 'SEO-Agentur', 'local-seo' => 'Local SEO', 'technical-seo' => 'Technisches SEO', 'analytics-and-tracking' => 'Analytics und Tracking', 'lead-generation-systems' => 'Leadgenerierungssysteme', 'branding-creative' => 'Branding und Kreation', 'brand-strategy' => 'Markenstrategie', 'naming-services' => 'Naming', 'visual-identity' => 'Visuelle Identität', 'graphic-design-services' => 'Grafikdesign', 'packaging-design' => 'Packaging Design', 'advertising-creatives' => 'Werbe-Creatives', 'print-design' => 'Printdesign', 'restaurant-branding' => 'Restaurant-Branding', 'pos-materials' => 'POS-Materialien', 'social-media' => 'Social Media', 'social-media-management' => 'Social-Media-Management', 'instagram-growth' => 'Instagram-Wachstum', 'content-strategy' => 'Content-Strategie', 'content-creation' => 'Content-Erstellung', 'community-management' => 'Community-Management', 'linkedin-positioning' => 'LinkedIn-Positionierung', 'reels-strategy' => 'Reels-Strategie', 'ugc-systems' => 'UGC-Systeme', 'growth-optimization' => 'Wachstum und Optimierung', 'cro-services' => 'CRO-Services', 'ux-optimization' => 'UX-Optimierung', 'crm-integrations' => 'CRM-Integrationen', 'email-marketing' => 'E-Mail-Marketing', 'automation-systems' => 'Automatisierungssysteme', 'retention-systems' => 'Retention-Systeme', 'sales-funnel-optimization' => 'Sales-Funnel-Optimierung', 'booking-systems' => 'Buchungssysteme', 'reservation-systems' => 'Reservierungssysteme'],
        ],
        'it' => [
            'groups' => ['Web Development' => 'Sviluppo Web', 'Ecommerce' => 'Ecommerce', 'Performance Marketing' => 'Performance Marketing', 'Branding & Creative' => 'Branding e Creatività', 'Social Media' => 'Social Media', 'Growth & Optimization' => 'Crescita e Ottimizzazione'],
            'items' => ['website-development' => 'Sviluppo Siti Web', 'wordpress-development' => 'Sviluppo WordPress', 'woocommerce-development' => 'Sviluppo WooCommerce', 'shopify-development' => 'Sviluppo Shopify', 'landing-page-development' => 'Landing Page', 'custom-web-development' => 'Sviluppo Web su Misura', 'website-redesign' => 'Redesign Sito Web', 'website-maintenance' => 'Manutenzione Sito Web', 'website-speed-optimization' => 'Ottimizzazione Velocità', 'managed-hosting' => 'Hosting Gestito', 'ecommerce-solutions' => 'Soluzioni Ecommerce', 'ecommerce-development' => 'Sviluppo Ecommerce', 'checkout-optimization' => 'Ottimizzazione Checkout', 'product-page-optimization' => 'Ottimizzazione Pagine Prodotto', 'conversion-rate-optimization' => 'Ottimizzazione Conversione', 'cart-recovery-strategy' => 'Recupero Carrello', 'marketplace-integrations' => 'Integrazioni Marketplace', 'performance-marketing' => 'Performance Marketing', 'paid-traffic' => 'Traffico a Pagamento', 'google-ads-agency' => 'Agenzia Google Ads', 'meta-ads-agency' => 'Agenzia Meta Ads', 'tiktok-ads-agency' => 'Agenzia TikTok Ads', 'seo-agency' => 'Agenzia SEO', 'local-seo' => 'SEO Locale', 'technical-seo' => 'SEO Tecnico', 'analytics-and-tracking' => 'Analítica e Medição', 'lead-generation-systems' => 'Sistemi di Lead Generation', 'branding-creative' => 'Branding e Creatività', 'brand-strategy' => 'Strategia di Marca', 'naming-services' => 'Naming', 'visual-identity' => 'Identità Visiva', 'graphic-design-services' => 'Design Grafico', 'packaging-design' => 'Packaging Design', 'advertising-creatives' => 'Creatività Pubblicitarie', 'print-design' => 'Design per Stampa', 'restaurant-branding' => 'Branding per Ristoranti', 'pos-materials' => 'Materiali POS', 'social-media' => 'Social Media', 'social-media-management' => 'Gestione Social Media', 'instagram-growth' => 'Crescita Instagram', 'content-strategy' => 'Strategia Contenuti', 'content-creation' => 'Creazione Contenuti', 'community-management' => 'Gestione Community', 'linkedin-positioning' => 'Posizionamento LinkedIn', 'reels-strategy' => 'Strategia Reels', 'ugc-systems' => 'Sistemi UGC', 'growth-optimization' => 'Crescita e Ottimizzazione', 'cro-services' => 'Servizi CRO', 'ux-optimization' => 'Ottimizzazione UX', 'crm-integrations' => 'Integrazioni CRM', 'email-marketing' => 'Marketing por Email', 'automation-systems' => 'Sistemi di Automazione', 'retention-systems' => 'Sistemi di Retention', 'sales-funnel-optimization' => 'Ottimizzazione Funnel di Vendita', 'booking-systems' => 'Sistemi di Prenotazione', 'reservation-systems' => 'Sistemi di Riserva'],
        ],
    ];
    $serviceNavTranslations['pt']['items']['lead-generation-systems'] = 'Sistemas de Geração de Contactos';
    $serviceNavTranslations['br']['items']['lead-generation-systems'] = 'Sistemas de Geração de Contatos';
    $serviceNavTranslations['es']['items']['lead-generation-systems'] = 'Sistemas de Captación de Contactos';
    $serviceNavTranslations['fr']['items']['lead-generation-systems'] = 'Systèmes de Génération de Contacts';
    $serviceNavLocale = $serviceNavTranslations[$localeBase] ?? null;
    $serviceNavGroupLabel = static fn (string $label): string => $serviceNavLocale['groups'][$label] ?? $label;
    $serviceNavItemLabel = static function (array $service) use ($serviceNavLocale): string {
        $slug = basename((string) ($service['href'] ?? ''));
        return $serviceNavLocale['items'][$slug] ?? ($service['label'] ?? $slug);
    };
    
    // Portfolio: load from cache, translate only 7 projects for mega menu (not full list)
    $portfolioRaw = CachedData::load('portfolio-data');
    $portfolioSlice = array_slice(array_values($portfolioRaw), 0, 7);
    $portfolioData = ServiceTranslationHelper::translatePortfolioProjects($portfolioSlice);
    $featuredProject = $portfolioData[0] ?? null;
    $otherProjects = array_slice($portfolioData, 1, 6);
    $industryLocalizedLabels = [
        'en' => ['restaurants' => 'Restaurants', 'coffee_shops' => 'Coffee Shops', 'brunch_spots' => 'Brunch Spots', 'dental_clinics' => 'Dental Clinics', 'hotels' => 'Hotels', 'clinics' => 'Clinics', 'real_estate' => 'Real Estate', 'fitness' => 'Fitness', 'home_services' => 'Home Services', 'tourism_experiences' => 'Tourism & Experiences', 'beauty' => 'Beauty'],
        'pt' => ['restaurants' => 'Restaurantes', 'coffee_shops' => 'Cafés', 'brunch_spots' => 'Brunch', 'dental_clinics' => 'Clínicas dentárias', 'hotels' => 'Hotéis', 'clinics' => 'Clínicas', 'real_estate' => 'Imobiliário', 'fitness' => 'Fitness', 'home_services' => 'Serviços domésticos', 'tourism_experiences' => 'Experiências turísticas', 'beauty' => 'Beleza'],
        'br' => ['restaurants' => 'Restaurantes', 'coffee_shops' => 'Cafeterias', 'brunch_spots' => 'Casas de brunch', 'dental_clinics' => 'Clínicas odontológicas', 'hotels' => 'Hotéis', 'clinics' => 'Clínicas', 'real_estate' => 'Imobiliário', 'fitness' => 'Academias', 'home_services' => 'Serviços residenciais', 'tourism_experiences' => 'Experiências turísticas', 'beauty' => 'Beleza'],
        'es' => ['restaurants' => 'Restaurantes', 'coffee_shops' => 'Cafeterías', 'brunch_spots' => 'Brunch', 'dental_clinics' => 'Clínicas dentales', 'hotels' => 'Hoteles', 'clinics' => 'Clínicas', 'real_estate' => 'Inmobiliarias', 'fitness' => 'Fitness', 'home_services' => 'Servicios del hogar', 'tourism_experiences' => 'Experiencias turísticas', 'beauty' => 'Belleza'],
        'fr' => ['restaurants' => 'Restaurants', 'coffee_shops' => 'Cafés', 'brunch_spots' => 'Brunch', 'dental_clinics' => 'Cliniques dentaires', 'hotels' => 'Hôtels', 'clinics' => 'Cliniques', 'real_estate' => 'Immobilier', 'fitness' => 'Fitness', 'home_services' => 'Services maison', 'tourism_experiences' => 'Expériences touristiques', 'beauty' => 'Beauté'],
        'de' => ['restaurants' => 'Restaurants', 'coffee_shops' => 'Cafés', 'brunch_spots' => 'Brunch-Lokale', 'dental_clinics' => 'Zahnarztpraxen', 'hotels' => 'Hotels', 'clinics' => 'Kliniken', 'real_estate' => 'Immobilien', 'fitness' => 'Fitnessstudios', 'home_services' => 'Haushaltsdienste', 'tourism_experiences' => 'Tourismus-Erlebnisse', 'beauty' => 'Beauty'],
        'it' => ['restaurants' => 'Ristoranti', 'coffee_shops' => 'Caffè', 'brunch_spots' => 'Brunch', 'dental_clinics' => 'Cliniche dentali', 'hotels' => 'Hotel', 'clinics' => 'Cliniche', 'real_estate' => 'Immobiliare', 'fitness' => 'Fitness', 'home_services' => 'Servizi casa', 'tourism_experiences' => 'Esperienze turistiche', 'beauty' => 'Bellezza'],
    ];
    $industryDescriptionFallbacks = [
        'en' => ['restaurants' => 'Get found first, convert faster, and grow repeat business.', 'coffee_shops' => 'Turn local demand into consistent foot traffic and daily orders.', 'brunch_spots' => 'Capture high-intent discovery and convert peak-hour demand.', 'dental_clinics' => 'Build trust, win qualified patients, and increase treatment bookings.', 'hotels' => 'Increase direct bookings and reduce OTA dependency with stronger channels.', 'clinics' => 'Improve patient acquisition, booking flow, and long-term retention.', 'real_estate' => 'Generate qualified leads and present properties with premium positioning.', 'fitness' => 'Drive memberships, trial sign-ups, and recurring retention growth.', 'home_services' => 'Capture urgent searches and convert calls into booked jobs quickly.', 'tourism_experiences' => 'Convert international discovery into bookings with strong visual funnels.', 'beauty' => 'Increase appointment volume and rebooking with stronger local visibility.'],
        'pt' => ['restaurants' => 'Apareça primeiro, converta mais rápido e aumente a recorrência.', 'coffee_shops' => 'Transforme procura local em fluxo diário e mais pedidos.', 'brunch_spots' => 'Capte procura de alta intenção e converta nas horas de pico.', 'dental_clinics' => 'Construa confiança e aumente marcações de tratamentos.', 'hotels' => 'Aumente reservas diretas e reduza dependência de OTAs.', 'clinics' => 'Melhore aquisição de pacientes, marcação e retenção.', 'real_estate' => 'Gere leads qualificados e valorize imóveis com posicionamento premium.', 'fitness' => 'Aumente inscrições, aulas experimentais e retenção recorrente.', 'home_services' => 'Converta pesquisas urgentes em contactos e serviços marcados.', 'tourism_experiences' => 'Converta procura internacional em reservas com forte componente visual.', 'beauty' => 'Aumente marcações e remarcações com maior visibilidade local.'],
        'br' => ['restaurants' => 'Apareça primeiro, converta mais rápido e aumente a recorrência.', 'coffee_shops' => 'Transforme a demanda local em fluxo diário e mais pedidos.', 'brunch_spots' => 'Capte demanda de alta intenção e converta no horário de pico.', 'dental_clinics' => 'Construa confiança e aumente agendamentos de tratamentos.', 'hotels' => 'Aumente reservas diretas e reduza dependência de OTAs.', 'clinics' => 'Melhore aquisição de pacientes, agendamento e retenção.', 'real_estate' => 'Gere leads qualificados e valorize imóveis com posicionamento premium.', 'fitness' => 'Aumente matrículas, aulas teste e retenção recorrente.', 'home_services' => 'Converta buscas urgentes em contatos e serviços fechados.', 'tourism_experiences' => 'Converta procura internacional em reservas com forte apelo visual.', 'beauty' => 'Aumente agendamentos e retorno com maior visibilidade local.'],
        'es' => ['restaurants' => 'Aparece primero, convierte más rápido y aumenta la recurrencia.', 'coffee_shops' => 'Convierte la demanda local en flujo diario y más pedidos.', 'brunch_spots' => 'Captura demanda de alta intención y convierte en horas pico.', 'dental_clinics' => 'Construye confianza y aumenta citas para tratamientos.', 'hotels' => 'Aumenta reservas directas y reduce dependencia de OTAs.', 'clinics' => 'Mejora captación de pacientes, reservas y retención.', 'real_estate' => 'Genera leads cualificados y posiciona propiedades con enfoque premium.', 'fitness' => 'Impulsa membresías, clases de prueba y retención recurrente.', 'home_services' => 'Convierte búsquedas urgentes en llamadas y trabajos cerrados.', 'tourism_experiences' => 'Convierte demanda internacional en reservas con narrativa visual.', 'beauty' => 'Aumenta citas y recurrencia con mayor visibilidad local.'],
        'fr' => ['restaurants' => 'Soyez trouvé en premier, convertissez mieux et fidélisez davantage.', 'coffee_shops' => 'Transformez la demande locale en trafic quotidien et commandes.', 'brunch_spots' => 'Captez une demande forte et convertissez aux heures clés.', 'dental_clinics' => 'Renforcez la confiance et augmentez les rendez-vous de soins.', 'hotels' => 'Augmentez les réservations directes et réduisez la dépendance OTA.', 'clinics' => 'Améliorez acquisition patient, prise de rendez-vous et fidélisation.', 'real_estate' => 'Générez des leads qualifiés et valorisez vos biens haut de gamme.', 'fitness' => 'Accélérez abonnements, essais et rétention mensuelle.', 'home_services' => 'Transformez les recherches urgentes en appels et interventions.', 'tourism_experiences' => 'Convertissez la demande internationale en réservations visuelles.', 'beauty' => 'Augmentez les rendez-vous et le réachat grâce à la visibilité locale.'],
        'de' => ['restaurants' => 'Besser gefunden werden, schneller konvertieren, Stammgäste steigern.', 'coffee_shops' => 'Lokale Nachfrage in täglichen Besucherstrom und Bestellungen wandeln.', 'brunch_spots' => 'Hohe Suchintention erfassen und Stoßzeiten besser konvertieren.', 'dental_clinics' => 'Vertrauen stärken und mehr qualifizierte Termine gewinnen.', 'hotels' => 'Direktbuchungen erhöhen und OTA-Abhängigkeit reduzieren.', 'clinics' => 'Patientengewinnung, Terminfluss und Bindung nachhaltig verbessern.', 'real_estate' => 'Qualifizierte Leads gewinnen und Immobilien premium präsentieren.', 'fitness' => 'Mitgliedschaften, Probetrainings und Retention gezielt steigern.', 'home_services' => 'Dringende Suchen schnell in Anrufe und Aufträge umwandeln.', 'tourism_experiences' => 'Internationale Nachfrage mit starkem Storytelling in Buchungen wandeln.', 'beauty' => 'Mehr Termine und Wiederbuchungen durch lokale Sichtbarkeit.'],
        'it' => ['restaurants' => 'Fatti trovare prima, converti meglio e aumenta i clienti abituali.', 'coffee_shops' => 'Trasforma la domanda locale in traffico quotidiano e ordini.', 'brunch_spots' => 'Cattura domanda ad alta intenzione e converti nelle ore di punta.', 'dental_clinics' => 'Aumenta la fiducia e le prenotazioni di trattamenti.', 'hotels' => 'Aumenta prenotazioni dirette e riduci dipendenza dalle OTA.', 'clinics' => 'Migliora acquisizione pazienti, prenotazioni e fidelizzazione.', 'real_estate' => 'Genera lead qualificati e valorizza immobili in modo premium.', 'fitness' => 'Spingi abbonamenti, prove e retention ricorrente.', 'home_services' => 'Trasforma ricerche urgenti in chiamate e lavori confermati.', 'tourism_experiences' => 'Converti domanda internazionale in prenotazioni con visual forti.', 'beauty' => 'Aumenta appuntamenti e ritorni con più visibilità locale.'],
    ];
    $activeIndustryLabels = $industryLocalizedLabels[$localeBase] ?? $industryLocalizedLabels['en'];
    $activeIndustryDescriptionFallbacks = $industryDescriptionFallbacks[$localeBase] ?? $industryDescriptionFallbacks['en'];
    $industryCtaFallbackByLocale = [
        'en' => 'We map what is working, what is leaking revenue, and what to fix first.',
        'pt' => 'Mapeamos o que está a funcionar, onde há perdas e o que corrigir primeiro.',
        'br' => 'Mapeamos o que está funcionando, onde há perdas e o que corrigir primeiro.',
        'es' => 'Mapeamos qué funciona, dónde se pierden oportunidades y qué corregir primero.',
        'fr' => 'Nous identifions ce qui fonctionne, ce qui fait perdre des opportunités et quoi corriger en priorité.',
        'de' => 'Wir zeigen, was funktioniert, wo Potenzial verloren geht und was zuerst optimiert werden sollte.',
        'it' => 'Mappiamo cosa funziona, dove si perdono opportunità e cosa correggere per primo.',
    ];
    $industryCtaSupportText = SeoHelper::requiresOwnPublicCopy($localeBase)
        ? 'messages.vertical_restaurants.final_subheadline'
        : __('messages.vertical_restaurants.final_subheadline');
    if ($industryCtaSupportText === 'messages.vertical_restaurants.final_subheadline') {
        $industryCtaSupportText = $industryCtaFallbackByLocale[$localeBase] ?? $industryCtaFallbackByLocale['en'];
    }
    $resolveIndustryDescription = static function (string $translationKey, string $industryKey) use ($activeIndustryDescriptionFallbacks, $localeBase): string {
        if (SeoHelper::requiresOwnPublicCopy($localeBase)) {
            return $activeIndustryDescriptionFallbacks[$industryKey] ?? '';
        }
        $translated = __($translationKey);
        if ($translated !== $translationKey) {
            return $translated;
        }
        return $activeIndustryDescriptionFallbacks[$industryKey] ?? ($activeIndustryDescriptionFallbacks['restaurants'] ?? '');
    };
    $verticalNavLinks = [
        ['key' => 'restaurants', 'route' => 'vertical.restaurants', 'label' => $activeIndustryLabels['restaurants'] ?? 'Restaurants', 'description' => $resolveIndustryDescription('messages.vertical_restaurants.hero_subheadline', 'restaurants'), 'icon' => 'fork-knife'],
        ['key' => 'coffee_shops', 'route' => 'vertical.coffee_shops', 'label' => $activeIndustryLabels['coffee_shops'] ?? 'Coffee Shops', 'description' => $resolveIndustryDescription('messages.vertical_coffee_shops.hero_subheadline', 'coffee_shops'), 'icon' => 'coffee-cup'],
        ['key' => 'brunch_spots', 'route' => 'vertical.brunch_spots', 'label' => $activeIndustryLabels['brunch_spots'] ?? 'Brunch Spots', 'description' => $resolveIndustryDescription('messages.vertical_brunch_spots.hero_subheadline', 'brunch_spots'), 'icon' => 'sunrise'],
        ['key' => 'dental_clinics', 'route' => 'vertical.dental_clinics', 'label' => $activeIndustryLabels['dental_clinics'] ?? 'Dental Clinics', 'description' => $resolveIndustryDescription('messages.vertical_dental_clinics.hero_subheadline', 'dental_clinics'), 'icon' => 'tooth'],
        ['key' => 'hotels', 'route' => 'vertical.hotels', 'label' => $activeIndustryLabels['hotels'] ?? 'Hotels', 'description' => $resolveIndustryDescription('messages.vertical_hotels.hero_subheadline', 'hotels'), 'icon' => 'hotel'],
        ['key' => 'clinics', 'route' => 'vertical.clinics', 'label' => $activeIndustryLabels['clinics'] ?? 'Clinics', 'description' => $resolveIndustryDescription('messages.vertical_clinics.hero_subheadline', 'clinics'), 'icon' => 'stethoscope'],
        ['key' => 'real_estate', 'route' => 'vertical.real_estate', 'label' => $activeIndustryLabels['real_estate'] ?? 'Real Estate', 'description' => $resolveIndustryDescription('messages.vertical_real_estate.hero_subheadline', 'real_estate'), 'icon' => 'building'],
        ['key' => 'fitness', 'route' => 'vertical.fitness', 'label' => $activeIndustryLabels['fitness'] ?? 'Fitness', 'description' => $resolveIndustryDescription('messages.vertical_fitness.hero_subheadline', 'fitness'), 'icon' => 'dumbbell'],
        ['key' => 'home_services', 'route' => 'vertical.home_services', 'label' => $activeIndustryLabels['home_services'] ?? 'Home Services', 'description' => $resolveIndustryDescription('messages.vertical_home_services.hero_subheadline', 'home_services'), 'icon' => 'wrench'],
        ['key' => 'tourism_experiences', 'route' => 'vertical.tourism_experiences', 'label' => $activeIndustryLabels['tourism_experiences'] ?? 'Tourism & Experiences', 'description' => $resolveIndustryDescription('messages.vertical_tourism_experiences.hero_subheadline', 'tourism_experiences'), 'icon' => 'map'],
        ['key' => 'beauty', 'route' => 'vertical.beauty', 'label' => $activeIndustryLabels['beauty'] ?? 'Beauty', 'description' => $resolveIndustryDescription('messages.vertical_beauty.hero_subheadline', 'beauty'), 'icon' => 'sparkles'],
    ];
    if (SeoHelper::localeHasNavVerticalContent($locale, 'vertical.retail', [])) {
        $verticalNavLinks[] = ['key' => 'retail', 'route' => 'vertical.retail', 'label' => __('messages.vertical_retail.hero_eyebrow'), 'description' => Str::limit(__('messages.vertical_retail.meta_description'), 90), 'icon' => 'shopping-cart'];
    }
    foreach (['toy-stores', 'bookstores', 'shoe-stores'] as $retailChildSlug) {
        if (SeoHelper::localeHasNavVerticalContent($locale, 'vertical.retail.child', ['childSlug' => $retailChildSlug])) {
            $ns = 'vertical_retail_' . str_replace('-', '_', $retailChildSlug);
            $verticalNavLinks[] = [
                'key' => 'retail_' . str_replace('-', '_', $retailChildSlug),
                'route' => 'vertical.retail.child',
                'params' => ['childSlug' => $retailChildSlug],
                'label' => __("messages.{$ns}.hero_eyebrow"),
                'description' => Str::limit(__("messages.{$ns}.meta_description"), 90),
                'icon' => 'shopping-cart',
            ];
        }
    }
    $verticalNavLinks = array_values(array_filter($verticalNavLinks, function ($item) use ($locale) {
        return SeoHelper::localeHasNavVerticalContent($locale, $item['route'], $item['params'] ?? []);
    }));

    $translateIndustryFallbackLabel = static function (string $label, string $locale): string {
        $trimmed = trim($label);
        if ($trimmed === '' || $locale === 'en') {
            return $trimmed;
        }
        $taxonomyTranslations = config("industry_taxonomy_translations.{$locale}", []);
        if (isset($taxonomyTranslations[$trimmed])) {
            return $taxonomyTranslations[$trimmed];
        }
        $slug = str_replace('-', '_', Str::slug($trimmed));
        $overrides = [
            'pt' => [
                'food_beverage' => 'Restauração e Bebidas',
                'beauty_personal_care' => 'Beleza e Cuidados Pessoais',
                'professional_business_services' => 'Serviços Profissionais e Empresariais',
                'home_local_services' => 'Serviços Locais e para Casa',
                'health_wellness' => 'Saúde e Bem-Estar',
                'sports_fitness' => 'Desporto e Fitness',
                'education_training' => 'Educação e Formação',
                'events_hospitality' => 'Eventos e Hospitalidade',
                'transport_mobility' => 'Transporte e Mobilidade',
                'nonprofits_organizations' => 'ONGs e Organizações',
                'creative_personal_brands' => 'Criativos e Marcas Pessoais',
                'enterprise_multi_location' => 'Empresas e Multi-localização',
                'coffee_shops' => 'Cafetarias',
                'specialty_coffee' => 'Café de especialidade',
                'coworking_cafes' => 'Cafés com coworking',
                'wine_bars' => 'Bares de vinho',
                'ice_cream_shops' => 'Geladarias',
                'street_food_vendors' => 'Vendedores de comida de rua',
                'market_stalls' => 'Bancas de mercado',
                'pop_up_kitchens' => 'Cozinhas pop-up',
                'grocery_stores' => 'Mercearias',
                'convenience_stores' => 'Lojas de conveniência',
                'specialty_food_stores' => 'Lojas de produtos alimentares especializados',
                'delivery_only_brands' => 'Marcas apenas para entrega',
                'clothing_shops' => 'Lojas de roupa',
                'streetwear_stores' => 'Lojas de streetwear',
                'vintage_stores' => 'Lojas vintage',
                'second_hand_shops' => 'Lojas em segunda mão',
                'gift_shops' => 'Lojas de presentes',
                'lifestyle_stores' => 'Lojas de lifestyle',
                'wine_stores' => 'Lojas de vinho',
                'liquor_stores' => 'Lojas de bebidas alcoólicas',
                'outdoor_stores' => 'Lojas de atividades outdoor',
                'pet_shops' => 'Lojas de animais',
                'bookstores' => 'Livrarias',
                'toy_stores' => 'Lojas de brinquedos',
                'shoe_stores' => 'Lojas de calçado',
                'hair_salons' => 'Salões de cabeleireiro',
                'day_spas' => 'Spas de dia',
                'wellness_spas' => 'Spas de bem-estar',
                'law_firms' => 'Sociedades de advogados',
                'accounting_firms' => 'Empresas de contabilidade',
                'it_services' => 'Serviços de TI',
                'saas_providers' => 'Empresas SaaS',
                'cleaning_services' => 'Serviços de limpeza',
                'plumbing_services' => 'Serviços de canalização',
                'electrical_services' => 'Serviços elétricos',
                'landscaping_services' => 'Serviços de jardinagem e paisagismo',
                'moving_services' => 'Serviços de mudanças',
                'medical_centers' => 'Centros médicos',
                'mental_health_services' => 'Serviços de saúde mental',
                'fitness_centers' => 'Centros de fitness',
                'dance_studios' => 'Estúdios de dança',
                'online_courses' => 'Cursos online',
                'language_schools' => 'Escolas de línguas',
                'event_planners' => 'Planeadores de eventos',
                'event_venues' => 'Espaços para eventos',
                'wedding_venues' => 'Espaços para casamentos',
                'taxi_services' => 'Serviços de táxi',
                'courier_services' => 'Serviços de estafeta',
                'charities' => 'Instituições de caridade',
                'community_groups' => 'Grupos comunitários',
                'graphic_designers' => 'Designers gráficos',
                'content_creators' => 'Criadores de conteúdo',
                'multi_location_businesses' => 'Negócios multi-localização',
            ],
            'br' => [
                'food_beverage' => 'Alimentação e Bebidas',
                'beauty_personal_care' => 'Beleza e Cuidados Pessoais',
                'professional_business_services' => 'Serviços Profissionais e Empresariais',
                'home_local_services' => 'Serviços Locais e Residenciais',
                'health_wellness' => 'Saúde e Bem-Estar',
                'sports_fitness' => 'Esportes e Fitness',
                'education_training' => 'Educação e Treinamento',
                'events_hospitality' => 'Eventos e Hospitalidade',
                'transport_mobility' => 'Transporte e Mobilidade',
                'nonprofits_organizations' => 'ONGs e Organizações',
                'creative_personal_brands' => 'Criativos e Marcas Pessoais',
                'enterprise_multi_location' => 'Empresas e Multilocalização',
                'coffee_shops' => 'Cafeterias',
                'specialty_coffee' => 'Cafés especiais',
                'coworking_cafes' => 'Cafés com coworking',
                'wine_bars' => 'Wine bars',
                'ice_cream_shops' => 'Sorveterias',
                'street_food_vendors' => 'Comida de rua',
                'market_stalls' => 'Barracas de mercado',
                'pop_up_kitchens' => 'Cozinhas pop-up',
                'grocery_stores' => 'Mercados',
                'convenience_stores' => 'Lojas de conveniência',
                'specialty_food_stores' => 'Lojas de alimentos especializados',
                'delivery_only_brands' => 'Marcas só delivery',
                'clothing_shops' => 'Lojas de roupa',
                'streetwear_stores' => 'Lojas de streetwear',
                'vintage_stores' => 'Lojas vintage',
                'second_hand_shops' => 'Brechós',
                'gift_shops' => 'Lojas de presentes',
                'lifestyle_stores' => 'Lojas de lifestyle',
                'wine_stores' => 'Lojas de vinho',
                'liquor_stores' => 'Lojas de bebidas',
                'outdoor_stores' => 'Lojas outdoor',
                'pet_shops' => 'Pet shops',
                'bookstores' => 'Livrarias',
                'toy_stores' => 'Lojas de brinquedos',
                'shoe_stores' => 'Lojas de calçados',
                'hair_salons' => 'Salões de beleza',
                'day_spas' => 'Day spas',
                'wellness_spas' => 'Spas de bem-estar',
                'law_firms' => 'Escritórios de advocacia',
                'accounting_firms' => 'Empresas de contabilidade',
                'it_services' => 'Serviços de TI',
                'saas_providers' => 'Empresas SaaS',
                'cleaning_services' => 'Serviços de limpeza',
                'plumbing_services' => 'Serviços de encanamento',
                'electrical_services' => 'Serviços elétricos',
                'landscaping_services' => 'Serviços de jardinagem e paisagismo',
                'moving_services' => 'Serviços de mudança',
                'medical_centers' => 'Centros médicos',
                'mental_health_services' => 'Serviços de saúde mental',
                'fitness_centers' => 'Centros fitness',
                'dance_studios' => 'Estúdios de dança',
                'online_courses' => 'Cursos online',
                'language_schools' => 'Escolas de idiomas',
                'event_planners' => 'Planejadores de eventos',
                'event_venues' => 'Espaços para eventos',
                'wedding_venues' => 'Espaços para casamentos',
                'taxi_services' => 'Serviços de táxi',
                'courier_services' => 'Serviços de entrega',
                'charities' => 'Instituições beneficentes',
                'community_groups' => 'Grupos comunitários',
                'graphic_designers' => 'Designers gráficos',
                'content_creators' => 'Criadores de conteúdo',
                'multi_location_businesses' => 'Negócios multilocalização',
            ],
            'es' => [
                'food_beverage' => 'Restauración y Bebidas',
                'beauty_personal_care' => 'Belleza y Cuidado Personal',
                'professional_business_services' => 'Servicios Profesionales y Empresariales',
                'home_local_services' => 'Servicios Locales y del Hogar',
                'health_wellness' => 'Salud y Bienestar',
                'sports_fitness' => 'Deporte y Fitness',
                'education_training' => 'Educación y Formación',
                'events_hospitality' => 'Eventos y Hospitalidad',
                'transport_mobility' => 'Transporte y Movilidad',
                'nonprofits_organizations' => 'ONGs y Organizaciones',
                'creative_personal_brands' => 'Creativos y Marcas Personales',
                'enterprise_multi_location' => 'Empresas y Multisede',
                'coffee_shops' => 'Cafeterías',
                'specialty_coffee' => 'Café de especialidad',
                'coworking_cafes' => 'Cafeterías con coworking',
                'wine_bars' => 'Bares de vino',
                'ice_cream_shops' => 'Heladerías',
                'street_food_vendors' => 'Vendedores de comida callejera',
                'market_stalls' => 'Puestos de mercado',
                'pop_up_kitchens' => 'Cocinas pop-up',
                'grocery_stores' => 'Tiendas de alimentación',
                'convenience_stores' => 'Tiendas de conveniencia',
                'specialty_food_stores' => 'Tiendas de alimentos especializados',
                'delivery_only_brands' => 'Marcas solo delivery',
                'clothing_shops' => 'Tiendas de ropa',
                'streetwear_stores' => 'Tiendas de streetwear',
                'vintage_stores' => 'Tiendas vintage',
                'second_hand_shops' => 'Tiendas de segunda mano',
                'gift_shops' => 'Tiendas de regalos',
                'lifestyle_stores' => 'Tiendas de lifestyle',
                'wine_stores' => 'Tiendas de vino',
                'liquor_stores' => 'Licorerías',
                'outdoor_stores' => 'Tiendas de actividades outdoor',
                'pet_shops' => 'Tiendas de mascotas',
                'bookstores' => 'Librerías',
                'toy_stores' => 'Tiendas de juguetes',
                'shoe_stores' => 'Tiendas de calzado',
                'hair_salons' => 'Salones de peluquería',
                'day_spas' => 'Spas de día',
                'wellness_spas' => 'Spas de bienestar',
                'law_firms' => 'Despachos de abogados',
                'accounting_firms' => 'Firmas contables',
                'it_services' => 'Servicios de TI',
                'saas_providers' => 'Empresas SaaS',
                'cleaning_services' => 'Servicios de limpieza',
                'plumbing_services' => 'Servicios de fontanería',
                'electrical_services' => 'Servicios eléctricos',
                'landscaping_services' => 'Servicios de jardinería y paisajismo',
                'moving_services' => 'Servicios de mudanza',
                'medical_centers' => 'Centros médicos',
                'mental_health_services' => 'Servicios de salud mental',
                'fitness_centers' => 'Centros de fitness',
                'dance_studios' => 'Estudios de danza',
                'online_courses' => 'Cursos online',
                'language_schools' => 'Escuelas de idiomas',
                'event_planners' => 'Planificadores de eventos',
                'event_venues' => 'Espacios para eventos',
                'wedding_venues' => 'Espacios para bodas',
                'taxi_services' => 'Servicios de taxi',
                'courier_services' => 'Servicios de mensajería',
                'charities' => 'Organizaciones benéficas',
                'community_groups' => 'Grupos comunitarios',
                'graphic_designers' => 'Diseñadores gráficos',
                'content_creators' => 'Creadores de contenido',
                'multi_location_businesses' => 'Negocios multisede',
            ],
        ];
        if (isset($overrides[$locale][$slug])) {
            return $overrides[$locale][$slug];
        }
        return $trimmed;
    };

    $industryNavTranslation = static function (?string $routeName, ?string $childSlug, string $fallbackLabel) use ($localeBase, $translateIndustryFallbackLabel): string {
        if (!is_string($routeName) || trim($routeName) === '') {
            return $translateIndustryFallbackLabel($fallbackLabel, $localeBase);
        }

        $base = str_replace('.', '_', preg_replace('/\.child$/', '', $routeName));
        $namespace = $childSlug !== null && trim($childSlug) !== ''
            ? $base . '_' . str_replace('-', '_', Str::slug($childSlug))
            : $base;
        $key = "messages.{$namespace}.hero_eyebrow";
        $translated = __($key);

        if ($translated !== $key && trim((string) $translated) !== '') {
            if (
                $localeBase !== 'en'
                && (
                    trim((string) $translated) === trim($fallbackLabel)
                    || Str::slug((string) $translated) === Str::slug($fallbackLabel)
                )
            ) {
                return $translateIndustryFallbackLabel($fallbackLabel, $localeBase);
            }
            return $translated;
        }
        return $translateIndustryFallbackLabel($fallbackLabel, $localeBase);
    };

    $industryNavSections = [];
    foreach (config('industry_taxonomy', []) as $section) {
        $sectionRoute = $section['route'] ?? null;
        $sectionChildRoute = $section['child_route'] ?? null;
        $items = [];
        foreach (($section['items'] ?? []) as $item) {
            if (is_string($item)) {
                $childSlug = Str::slug($item);
                $items[] = [
                    'label' => $industryNavTranslation($sectionChildRoute, $childSlug, $item),
                    'child' => $childSlug,
                    'children' => [],
                ];
                continue;
            }

            $childItems = [];
            foreach (($item['children'] ?? []) as $childItem) {
                $nestedChildSlug = $childItem['child'] ?? Str::slug($childItem['label'] ?? '');
                $childItems[] = [
                    'label' => $industryNavTranslation($sectionChildRoute, $nestedChildSlug, $childItem['label'] ?? ''),
                    'child' => $nestedChildSlug,
                ];
            }

            $itemChildSlug = $item['child'] ?? Str::slug($item['label'] ?? '');
            $items[] = [
                'label' => $industryNavTranslation($sectionChildRoute, $itemChildSlug, $item['label'] ?? ''),
                'child' => $itemChildSlug,
                'children' => $childItems,
            ];
        }

        $industryNavSections[] = [
            'label' => $industryNavTranslation($sectionRoute, null, $section['label'] ?? ''),
            'route' => $sectionRoute,
            'child_route' => $sectionChildRoute,
            'items' => $items,
        ];
    }
    
    // Icon SVG paths
    $iconSvg = [
        'globe' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/>',
        'shopping-cart' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>',
        'megaphone' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46"/>',
        'search' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>',
        'share2' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z"/>',
        'palette' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.098 19.902a3.75 3.75 0 005.304 0l6.401-6.402M6.75 21A3.75 3.75 0 013 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 003.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008z"/>',
        'tv' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 20.25h12m-7.5-3v3m3-3v3m-10.125-3h17.25c.621 0 1.125-.504 1.125-1.125V4.875c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125z"/>',
        'cloud' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-3.758-3.848 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z"/>',
        'trending-up' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941"/>',
        'fork-knife' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5 3v7.5a2.25 2.25 0 104.5 0V3M9 3v18M13.5 3h3.75a2.25 2.25 0 012.25 2.25v2.25a2.25 2.25 0 01-2.25 2.25H15v11.25"/>',
        'coffee-cup' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.25 6.75h8.25a.75.75 0 01.75.75v2.25a3 3 0 01-3 3H9a3 3 0 01-3-3V7.5a.75.75 0 01.75-.75zM17.25 8.25h1.5a1.5 1.5 0 010 3h-1.5M7.5 20.25h9"/>',
        'sunrise' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 18h18M6.75 14.25a5.25 5.25 0 0110.5 0M12 3.75v3M4.5 9.75l2.121 2.121M19.5 9.75l-2.121 2.121"/>',
        'tooth' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3.75c-1.06-.65-2.42-.75-3.75-.3-2.25.75-3.75 3-3.75 5.4 0 1.5.45 3 1.2 4.35.9 1.65 1.35 3.45 1.35 5.4 0 .9.75 1.65 1.65 1.65.75 0 1.35-.45 1.65-1.2L12 15l1.65 4.05c.3.75.9 1.2 1.65 1.2.9 0 1.65-.75 1.65-1.65 0-1.95.45-3.75 1.35-5.4.75-1.35 1.2-2.85 1.2-4.35 0-2.4-1.5-4.65-3.75-5.4-1.33-.45-2.69-.35-3.75.3z"/>',
        'hotel' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 21V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v15M3 12h18M7.5 8.25h.008v.008H7.5V8.25zm0 3.75h.008v.008H7.5V12zm0 3.75h.008v.008H7.5v-.008zm4.5-7.5h.008v.008H12V8.25zm0 3.75h.008v.008H12V12zm0 3.75h.008v.008H12v-.008zm4.5-7.5h.008v.008H16.5V8.25zm0 3.75h.008v.008H16.5V12zm0 3.75h.008v.008H16.5v-.008"/>',
        'stethoscope' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.5 3v4.5a3 3 0 106 0V3M10.5 12v3a4.5 4.5 0 009 0v-1.5a2.25 2.25 0 10-4.5 0v1.5a.75.75 0 01-1.5 0v-3"/>',
        'building' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 21h18M5.25 21V5.25A2.25 2.25 0 017.5 3h9a2.25 2.25 0 012.25 2.25V21M9 7.5h1.5M9 11.25h1.5M9 15h1.5M13.5 7.5H15M13.5 11.25H15M13.5 15H15"/>',
        'dumbbell' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 10.5v3m3-4.5v6m12-6v6m3-4.5v3M6 12h12"/>',
        'wrench' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 7.5a5.25 5.25 0 01-7.56 4.74L7.5 18.18a2.121 2.121 0 11-3 3l5.94-5.94A5.25 5.25 0 1118.75 6l-3 3 1.5 1.5 3-3A5.23 5.23 0 0121 7.5z"/>',
        'map' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 6.75L3.75 4.5v12.75L9 19.5m0-12.75L15 4.5m-6 2.25V19.5m6-15l5.25 2.25v12.75L15 17.25m0-12.75V17.25"/>',
        'sparkles' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3l1.2 3.6L16.8 7.8 13.2 9l-1.2 3.6L10.8 9 7.2 7.8l3.6-1.2L12 3zm6 9l.75 2.25L21 15l-2.25.75L18 18l-.75-2.25L15 15l2.25-.75L18 12zM6 13.5l.9 2.7 2.7.9-2.7.9L6 20.7l-.9-2.7-2.7-.9 2.7-.9L6 13.5z"/>',
    ];
@endphp

<style>
/* Language switcher: compact Apple-like control + mega-menu inspired card */
@media (min-width: 1024px) {
    #lang-dropdown { min-width: 520px; }
}
.site-lang-toggle {
    align-items: center;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(209, 213, 219, 0.86);
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: #111827;
    display: inline-flex;
    gap: 0.42rem;
    min-height: 40px;
    padding: 0 0.7rem 0 0.62rem;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.site-lang-toggle:hover,
.site-lang-toggle[aria-expanded="true"] {
    background: #ffffff;
    border-color: #d1d5db;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.site-lang-toggle:active {
    transform: scale(0.985);
}
.site-lang-toggle__flag {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 17px;
    line-height: 1;
}
.site-lang-toggle__label {
    color: #1d1d1f;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.2;
    max-width: 6.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-lang-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    padding: 4px 0 6px;
}
.site-lang-card__head {
    background: #ffffff;
    border: none;
    padding: 12px 14px 14px;
}
.site-lang-card__label {
    color: #9ca3af;
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin-bottom: 2px;
    text-transform: none;
}
.site-lang-card__title {
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin: 0;
}
.site-lang-options {
    background: #ffffff;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px 8px 8px;
}
.site-lang-option {
    align-items: center;
    border: none;
    border-radius: 12px;
    color: #1d1d1f;
    display: flex;
    gap: 12px;
    min-height: 62px;
    padding: 10px 11px;
    transition: background-color 0.15s ease;
}
.site-lang-option:hover {
    background: #f8fafc;
}
.site-lang-option.is-active {
    background: rgba(0, 183, 178, 0.08);
}
.site-lang-option__flag {
    align-items: center;
    background: #f9fafb;
    border: none;
    border-radius: 10px;
    display: flex;
    flex: 0 0 auto;
    font-size: 21px;
    height: 40px;
    justify-content: center;
    width: 40px;
}
.site-lang-option__country {
    color: #1d1d1f;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
}
.site-lang-option__language {
    color: #8b93a1;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 2px;
}
.site-lang-option__check {
    color: #00a09c;
    flex: 0 0 auto;
}
/* Mobile: language switcher full-screen like mobile nav */
@media (max-width: 1023px) {
    #lang-dropdown {
        background-color: #ffffff !important;
        min-height: 100dvh;
        min-height: 100vh;
        display: flex !important;
        flex-direction: column;
    }
    #lang-dropdown .lang-mobile-only { display: flex !important; }
    #lang-dropdown .lang-desktop-only { display: none !important; }
    .site-lang-toggle {
        min-height: 40px;
        padding-left: 0.58rem;
        padding-right: 0.66rem;
    }
}
@media (min-width: 1024px) {
    #lang-dropdown .lang-mobile-only { display: none !important; }
    #lang-dropdown .lang-desktop-only { display: block !important; }
}

/* Mobile menu background - ensure it's never transparent (light only) */
#mobile-menu,
#mobile-menu .mobile-menu-scroll,
#mobile-menu .mobile-menu-top {
    background-color: #ffffff !important;
}

/* Mega Menu - Clean Modern Design */
.mega-panel {
    display: none !important;
}
#mega-menu[data-mega-open="Services"] [data-mega-panel="Services"],
#mega-menu[data-mega-open="Industries"] [data-mega-panel="Industries"],
#mega-menu[data-mega-open="Portfolio"] [data-mega-panel="Portfolio"] {
    display: grid !important;
}
body[data-mega-open="Services"] #chevron-services,
body[data-mega-open="Industries"] #chevron-industries,
body[data-mega-open="Portfolio"] #chevron-portfolio {
    transform: rotate(180deg); 
}

/* Smooth entrance animation */
#mega-menu {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
}
#mega-menu.mega-visible {
    opacity: 1;
    pointer-events: auto;
}

/* Nav weights: 500 top-level · 400 links · 600 primary CTA + mega hero links */
.site-header__logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: flex-start;
}
.site-header__logo-img {
    display: block;
    height: 2rem;
    width: auto;
    max-width: 7.5rem;
    object-fit: contain;
    object-position: left center;
}
.desktop-nav-trigger {
    min-height: 40px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0 12px;
    font-weight: 500;
}
.site-header__quote-link {
    font-weight: 500;
}
.site-header__cta-btn {
    font-weight: 600;
}
body[data-mega-open="Services"] [data-nav-trigger="Services"],
body[data-mega-open="Industries"] [data-nav-trigger="Industries"],
body[data-mega-open="Portfolio"] [data-nav-trigger="Portfolio"] {
    border-color: #d9dde7;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.mega-section-title {
    border-bottom: 1px solid #e5e7eb;
    color: #1f2937;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
}
.mega-link-row {
    border-radius: 8px;
    color: #1f2937;
    display: flex;
    gap: 14px;
    min-height: 68px;
    padding: 12px 6px;
    transition: background-color 0.16s ease, color 0.16s ease;
}
.mega-link-row:hover {
    background: #f8fafc;
    color: #00a09c;
}
.mega-icon-box {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    width: 44px;
}
.mega-link-row:hover .mega-icon-box {
    border-color: rgba(0, 183, 178, 0.35);
}
.mega-promo-panel {
    background: #f5f6fa;
}

/* Services mega menu: refined Apple-like layout */
.mega-services-apple {
    column-gap: 3.25rem;
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) minmax(220px, 1fr) minmax(220px, 1fr);
    max-height: min(74vh, 640px);
    overflow-y: auto;
    padding: 0.1rem 0.3rem 0.2rem 0;
}
.mega-services-col {
    min-width: 0;
}
.mega-services-section + .mega-services-section {
    margin-top: 1.35rem;
}
.mega-services-label {
    color: #6b7280;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 0.5rem;
}
.mega-services-subgroup {
    color: #8b93a1;
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: 1.35;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}
.mega-services-link {
    color: #1d1d1f;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 0.1rem;
    padding: 0.22rem 0;
    transition: color 0.15s ease;
}
.mega-services-link:hover {
    color: #00a09c;
}
.mega-services-link.is-primary {
    font-size: 29px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    padding: 0.12rem 0;
}
.mega-services-link.is-secondary {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    padding: 0.2rem 0;
}
.mega-industries-apple {
    column-gap: 2.25rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-height: min(74vh, 640px);
    overflow-y: auto;
    padding: 0.1rem 0.2rem 0.2rem 0;
    row-gap: 1.25rem;
}
.mega-industries-section {
    min-width: 0;
    padding-top: 0;
}
.mega-industries-section + .mega-industries-section {
    margin-top: 0;
}
.mega-industries-parent {
    color: #111827;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.35;
    margin-bottom: 0.32rem;
    padding: 0.12rem 0;
}
.mega-industries-link {
    color: #4f5867;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42;
    padding: 0.18rem 0;
}
@media (max-width: 1360px) {
    .mega-services-apple {
        column-gap: 2rem;
        grid-template-columns: 1.1fr 1fr;
    }
    .mega-services-col:first-child {
        grid-column: 1 / -1;
    }
    .mega-industries-apple {
        column-gap: 2rem;
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

/* Mobile nav: accordion / expandable sections */
.mobile-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-accordion-content.mobile-accordion-open {
    max-height: 1800px; /* enough for services/sectors/portfolio lists */
}
.mobile-accordion-chevron {
    transition: transform 0.25s ease;
}
.mobile-accordion-trigger[aria-expanded="true"] .mobile-accordion-chevron {
    transform: rotate(180deg);
}
</style>

<header id="header" class="fixed top-0 left-0 right-0 z-50 glass-effect border-b border-gray-200/50 smooth-transition w-full" role="banner">
    <nav class="w-full" aria-label="{{ __('messages.accessibility.main_navigation') }}">
        <div class="site-container h-16 flex items-center justify-between gap-4">
        {{-- Logo --}}
        <a href="{{ $localizedRoute('home') }}" 
           class="site-header__logo smooth-transition hover:opacity-80"
           title="{{ __('messages.accessibility.go_to_homepage') }}"
           aria-label="{{ __('messages.meta.site_name') }} - {{ __('messages.nav.home') }}">
            <img src="{{ asset('images/logo.svg') }}" 
                 alt="{{ __('messages.accessibility.logo_alt') }}" 
                 title="{{ __('messages.accessibility.logo_title') }}"
                 class="site-header__logo-img"
                 width="78"
                 height="32"
                 loading="eager">
        </a>
        
        {{-- Desktop Navigation --}}
        <div class="hidden lg:flex items-center gap-1 xl:gap-2 flex-shrink-0" role="menubar">
            <div class="mega-hover-root relative" onmouseenter="megaEnter('Services')" onmouseleave="megaLeave()" role="none">
                <a href="{{ $localizedRoute('services.index') }}" 
                   class="desktop-nav-trigger text-[15px] font-medium hover:text-criazo-primary smooth-transition flex items-center gap-1.5"
                   role="menuitem"
                   aria-haspopup="true"
                   aria-expanded="false"
                   aria-controls="mega-menu"
                   data-nav-trigger="Services"
                   title="{{ __('messages.accessibility.explore_services') }}">
                    {{ __('messages.nav.services') }}
                    <svg id="chevron-services" class="w-4 h-4 transition-transform duration-300 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/>
                    </svg>
                </a>
            </div>
            <div class="mega-hover-root relative" onmouseenter="megaEnter('Industries')" onmouseleave="megaLeave()" role="none">
                <a href="{{ $localizedRoute('vertical.food_beverage') }}" 
                   class="desktop-nav-trigger text-[15px] font-medium hover:text-criazo-primary smooth-transition flex items-center gap-1.5"
                   role="menuitem"
                   aria-haspopup="true"
                   aria-expanded="false"
                   aria-controls="mega-menu"
                   data-nav-trigger="Industries"
                   title="{{ __('messages.accessibility.industries_we_serve') }}">
                    {{ __('messages.nav.industries') }}
                    <svg id="chevron-industries" class="w-4 h-4 transition-transform duration-300 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/>
                    </svg>
                </a>
            </div>
            <div class="mega-hover-root relative" onmouseenter="megaEnter('Portfolio')" onmouseleave="megaLeave()" role="none">
                <a href="{{ $localizedRoute('portfolio.index') }}" 
                   class="desktop-nav-trigger text-[15px] font-medium hover:text-criazo-primary smooth-transition flex items-center gap-1.5"
                   role="menuitem"
                   aria-haspopup="true"
                   aria-expanded="false"
                   aria-controls="mega-menu"
                   data-nav-trigger="Portfolio"
                   title="{{ __('messages.accessibility.view_portfolio') }}">
                    {{ __('messages.nav.portfolio') }}
                    <svg id="chevron-portfolio" class="w-4 h-4 transition-transform duration-300 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/>
                    </svg>
                </a>
            </div>
            <a href="{{ $localizedRoute('about.index') }}" 
               class="desktop-nav-trigger text-[15px] font-medium hover:text-criazo-primary smooth-transition flex items-center"
               role="menuitem"
               title="{{ __('messages.accessibility.learn_about_criazo') }}">
                {{ __('messages.nav.about') }}
            </a>
        </div>
        
        {{-- Right Side --}}
        <div class="flex items-center gap-2 sm:gap-3 lg:gap-4 flex-shrink-0">
            @php
                // Build language switcher from config: all locales in seo.languages (no hardcoding).
                // Native labels only: name = country/locale, native_name = language. Locales without translation fallback to English.
                $seoLanguages = array_intersect_key(
                    config('seo.languages', []),
                    array_flip(config('markets.enabled', ['en', 'us', 'pt', 'br', 'es', 'fr']))
                );
                $languages = [];
                foreach ($seoLanguages as $loc => $data) {
                    $languages[$loc] = [
                        'country' => $data['name'] ?? $loc,
                        'language' => $data['native_name'] ?? $loc,
                        'flag' => $data['flag'] ?? '🌍',
                        'hreflang' => $data['hreflang'] ?? $loc,
                    ];
                }
                $currentLang = $languages[$locale] ?? $languages['en'] ?? ['country' => 'English', 'language' => 'English', 'flag' => '🇬🇧', 'hreflang' => 'en'];
            @endphp
            
            <a href="{{ $localizedRoute('calculator.index') }}"
               class="site-header__quote-link hidden lg:inline-flex items-center min-h-10 px-3 text-[15px] font-medium text-neutral-800 hover:text-criazo-primary smooth-transition"
               title="{{ __('messages.calculator.hero_title') }}">
                {{ __('messages.nav.get_quote') }}
            </a>
            <a href="{{ $localizedRoute('contact.index') }}"
               class="site-header__cta-btn hidden lg:inline-flex items-center justify-center min-h-10 px-5 rounded-lg bg-criazo-primary text-white text-[15px] font-semibold hover:bg-criazo-hover smooth-transition shadow-sm shadow-criazo-primary/20"
               title="{{ __('messages.accessibility.contact_consultation') }}">
                {{ __('messages.nav.get_free_consultation_btn') }}
            </a>

            {{-- Language Switcher - visible on mobile and desktop --}}
            <div class="relative" id="lang-switcher">
                <button type="button" 
                        id="lang-toggle"
                        class="site-lang-toggle focus:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-offset-2"
                        aria-label="{{ __('messages.nav.region_and_language') }}: {{ $currentLang['country'] }}"
                        aria-haspopup="true"
                        aria-expanded="false">
                    <span class="site-lang-toggle__flag" aria-hidden="true">{{ $currentLang['flag'] }}</span>
                    <span class="site-lang-toggle__label">{{ $currentLang['language'] }}</span>
                    <svg class="w-3.5 h-3.5 text-neutral-500 transition-transform duration-200" id="lang-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/>
                    </svg>
                </button>
                {{-- Dropdown: min-width 740px on desktop; on mobile full-screen like nav --}}
                <div id="lang-dropdown"
                     class="absolute right-0 top-full mt-3 w-[520px] max-w-[calc(100vw-2rem)] min-w-[300px] max-h-[70vh] overflow-y-auto opacity-0 invisible translate-y-2 transition-all duration-200 ease-out z-[70] max-lg:fixed max-lg:inset-0 max-lg:top-0 max-lg:left-0 max-lg:right-0 max-lg:bottom-0 max-lg:mt-0 max-lg:w-full max-lg:max-w-none max-lg:min-h-0"
                     role="menu"
                     aria-label="{{ __('messages.nav.region_and_language') }}">
                    {{-- Desktop: card --}}
                    <div class="lang-desktop-only site-lang-card">
                        <div class="site-lang-card__head">
                            <span class="site-lang-card__label">{{ __('messages.nav.region_and_language') }}</span>
                            <p class="site-lang-card__title">{{ $currentLang['country'] }}</p>
                        </div>
                        <div class="site-lang-options">
                            @foreach($languages as $loc => $langData)
                            <a href="{{ $languageHref($loc) }}"
                               class="site-lang-option {{ $locale === $loc ? 'is-active' : '' }}"
                               role="menuitem"
                               hreflang="{{ $langData['hreflang'] }}">
                                <span class="site-lang-option__flag" aria-hidden="true">{{ $langData['flag'] }}</span>
                                <div class="flex-1 min-w-0">
                                    <span class="site-lang-option__country truncate {{ $locale === $loc ? 'text-criazo-primary' : '' }}">{{ $langData['country'] }}</span>
                                    <span class="site-lang-option__language truncate">{{ $langData['language'] }}</span>
                                </div>
                                @if($locale === $loc)
                                <svg class="site-lang-option__check w-4 h-4" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
                                </svg>
                                @endif
                            </a>
                            @endforeach
                        </div>
                    </div>
                    {{-- Mobile: full-screen like mobile menu (top bar + scroll) --}}
                    <div class="lang-mobile-only flex flex-col h-full bg-white" style="display: none;">
                        <div class="flex items-center justify-between h-16 px-4 sm:px-6 border-b border-neutral-200 flex-shrink-0 bg-white">
                            <h2 class="text-lg font-medium text-neutral-900">{{ __('messages.nav.region_and_language') }}</h2>
                            <button type="button" id="lang-dropdown-close-mobile" class="w-10 h-10 flex items-center justify-center rounded-full bg-neutral-100 hover:bg-neutral-200 active:scale-95 transition-all" aria-label="{{ __('messages.accessibility.close_mobile_menu') }}">
                                <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                            </button>
                        </div>
                        <div class="overflow-y-auto overscroll-contain flex-1" style="height: calc(100vh - 4rem); -webkit-overflow-scrolling: touch;">
                            <div class="px-4 sm:px-6 py-6 pb-8">
                                <div class="grid grid-cols-2 gap-2">
                                    @foreach($languages as $loc => $langData)
                                    <a href="{{ $languageHref($loc) }}"
                                       class="flex items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl transition-colors {{ $locale === $loc ? 'border-2 border-criazo-primary bg-criazo-primary/5' : 'border-2 border-neutral-200 bg-neutral-50/50 hover:border-neutral-300' }}"
                                       role="menuitem"
                                       hreflang="{{ $langData['hreflang'] }}">
                                        <span class="text-2xl leading-none flex-shrink-0" aria-hidden="true">{{ $langData['flag'] }}</span>
                                        <div class="flex-1 min-w-0">
                                            <span class="block text-[15px] font-normal text-neutral-900 truncate {{ $locale === $loc ? 'text-criazo-primary font-medium' : '' }}">{{ $langData['country'] }}</span>
                                            <span class="block text-[11px] text-neutral-500 truncate">{{ $langData['language'] }}</span>
                                        </div>
                                        @if($locale === $loc)
                                        <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
                                        @endif
                                    </a>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Mobile Menu Button - inline handler so it works regardless of script load --}}
            <button type="button" id="mobile-menu-btn"
                    onclick="(function(){var m=document.getElementById('mobile-menu');var b=document.getElementById('mobile-menu-btn');if(!m)return;var isShut=m.classList.contains('hidden');if(isShut){m.classList.remove('hidden');document.body.style.overflow='hidden';if(b)b.setAttribute('aria-expanded','true');}else{m.classList.add('hidden');document.body.style.overflow='';if(b)b.setAttribute('aria-expanded','false');}})()"
                    class="lg:hidden w-10 h-10 flex items-center justify-center rounded-lg bg-neutral-100 hover:bg-neutral-200 active:scale-95 transition-all focus:outline-none focus:ring-2 focus:ring-criazo-primary focus:ring-offset-2"
                    aria-label="{{ __('messages.accessibility.open_mobile_menu') }}"
                    aria-expanded="false"
                    aria-controls="mobile-menu">
                <svg class="w-6 h-6 text-neutral-700" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
                </svg>
            </button>
        </div>
        </div>
    </nav>


    {{-- Mobile Menu - overlay; Tailwind hidden = closed, remove hidden = open; lg:hidden = never show on desktop --}}
    <div id="mobile-menu" class="hidden lg:hidden fixed inset-0 top-0 z-[60] bg-white" role="dialog" aria-modal="true" aria-label="{{ __('messages.accessibility.mobile_navigation') }}">
        {{-- Header: logo + close --}}
        <div class="mobile-menu-top flex items-center justify-between h-16 px-4 sm:px-6 border-b border-neutral-200">
            <a href="{{ $localizedRoute('home') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center">
                <img src="{{ asset('images/logo.svg') }}" alt="{{ __('messages.meta.site_name') }}" class="h-7" width="68" height="28">
            </a>
            <button onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="w-10 h-10 flex items-center justify-center rounded-full bg-neutral-100 hover:bg-neutral-200 active:scale-95 transition-all" aria-label="{{ __('messages.accessibility.close_mobile_menu') }}">
                <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                </svg>
            </button>
        </div>

        <div class="mobile-menu-scroll overflow-y-auto overscroll-contain" style="height: calc(100vh - 4rem); -webkit-overflow-scrolling: touch;">
            <div class="px-4 sm:px-6 py-6 pb-8">
                {{-- Main nav: large touch targets, clear hierarchy, no false submenu chevrons --}}
                <nav class="space-y-2" role="navigation" aria-label="{{ __('messages.accessibility.mobile_navigation') }}">
                    <a href="{{ $localizedRoute('home') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors">
                        <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                            <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
                        </span>
                        <span class="text-[17px] font-medium">{{ __('messages.nav.home') }}</span>
                    </a>
                    {{-- Services: expandable with sublinks (like desktop mega) --}}
                    <div class="rounded-xl overflow-hidden">
                        <button type="button" id="mobile-accordion-services-trigger" class="mobile-accordion-trigger flex w-full items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors text-left" aria-expanded="false" aria-controls="mobile-accordion-services" onclick="toggleMobileAccordion('services')">
                            <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                                <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">{!! $iconSvg['globe'] ?? '' !!}</svg>
                            </span>
                            <span class="text-[17px] font-medium flex-1">{{ __('messages.nav.services') }}</span>
                            <svg class="mobile-accordion-chevron w-5 h-5 text-neutral-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                        </button>
                        <div id="mobile-accordion-services" class="mobile-accordion-content" role="region" aria-label="{{ __('messages.accessibility.services_menu') }}">
                            <div class="pl-4 pr-4 pb-3 pt-0 space-y-1 ml-[calc(0.875rem+2.75rem)]">
                                @foreach($serviceGroups as $group)
                                    <p class="px-3 pt-3 pb-1 text-[11px] font-medium uppercase tracking-[0.12em] text-neutral-400">{{ $serviceNavGroupLabel($group['label']) }}</p>
                                    @foreach($group['items'] as $service)
                                    @php $serviceLabel = $serviceNavItemLabel($service); @endphp
                                    <a href="{{ $localizedPath($service['href']) }}" class="mobile-nav-close flex items-center gap-2.5 py-2.5 px-3 rounded-lg text-[15px] text-neutral-700 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ $serviceLabel }}">
                                        <span class="flex w-8 h-8 items-center justify-center rounded-lg bg-neutral-100 flex-shrink-0">
                                            <svg class="w-4 h-4 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">{!! $iconSvg[$service['icon'] ?? 'globe'] ?? $iconSvg['globe'] !!}</svg>
                                        </span>
                                        <span>{{ $serviceLabel }}</span>
                                    </a>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                    {{-- Sectors: expandable with sublinks (like desktop mega) --}}
                    <div class="rounded-xl overflow-hidden">
                        <button type="button" id="mobile-accordion-industries-trigger" class="mobile-accordion-trigger flex w-full items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors text-left" aria-expanded="false" aria-controls="mobile-accordion-industries" onclick="toggleMobileAccordion('industries')">
                            <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                                <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">{!! $iconSvg['building'] ?? '' !!}</svg>
                            </span>
                            <span class="text-[17px] font-medium flex-1">{{ __('messages.nav.industries') }}</span>
                            <svg class="mobile-accordion-chevron w-5 h-5 text-neutral-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                        </button>
                        <div id="mobile-accordion-industries" class="mobile-accordion-content" role="region" aria-label="{{ __('messages.accessibility.industry_navigation') }}">
                            <div class="pl-4 pr-4 pb-3 pt-0 space-y-1 ml-[calc(0.875rem+2.75rem)]">
                                @foreach($industryNavSections as $section)
                                    <a href="{{ $localizedRoute($section['route']) }}" class="mobile-nav-close flex items-center gap-2.5 py-2.5 px-3 rounded-lg text-[15px] font-medium text-neutral-800 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ $section['label'] }}">
                                        {{ $section['label'] }}
                                    </a>
                                    @foreach(array_slice($section['items'], 0, 6) as $item)
                                        <a href="{{ $localizedRoute($section['child_route'], ['childSlug' => $item['child']]) }}" class="mobile-nav-close flex items-center gap-2.5 py-2 px-3 rounded-lg text-[14px] text-neutral-600 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ $item['label'] }}">
                                            {{ $item['label'] }}
                                        </a>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                    {{-- Portfolio: expandable with sublinks (like desktop mega) --}}
                    <div class="rounded-xl overflow-hidden">
                        <button type="button" id="mobile-accordion-portfolio-trigger" class="mobile-accordion-trigger flex w-full items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors text-left" aria-expanded="false" aria-controls="mobile-accordion-portfolio" onclick="toggleMobileAccordion('portfolio')">
                            <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                                <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">{!! $iconSvg['tv'] ?? '' !!}</svg>
                            </span>
                            <span class="text-[17px] font-medium flex-1">{{ __('messages.nav.portfolio') }}</span>
                            <svg class="mobile-accordion-chevron w-5 h-5 text-neutral-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                        </button>
                        <div id="mobile-accordion-portfolio" class="mobile-accordion-content" role="region" aria-label="{{ __('messages.accessibility.portfolio_menu') }}">
                            <div class="pl-4 pr-4 pb-3 pt-0 space-y-1 border-l-2 border-neutral-200 ml-[calc(0.875rem+2.75rem)]">
                                <a href="{{ $localizedRoute('portfolio.index') }}" class="mobile-nav-close flex items-center gap-2.5 py-2.5 px-3 rounded-lg text-[15px] font-medium text-neutral-700 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ __('messages.accessibility.view_all_projects') }}">
                                    {{ __('messages.nav.view_all_projects') }}
                                    <svg class="w-4 h-4 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                                </a>
                                @if($featuredProject)
                                @php $fpThumb = $featuredProject['gallery'][0] ?? $featuredProject['hero']['image'] ?? ''; @endphp
                                <a href="{{ $localizedRoute('portfolio.show', ['slug' => $featuredProject['slug']]) }}" class="mobile-nav-close flex items-center gap-3 py-2.5 px-3 rounded-lg text-[15px] text-neutral-700 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ $featuredProject['title'] }}">
                                    <span class="flex w-11 h-11 flex-shrink-0 rounded-lg overflow-hidden bg-neutral-100 ring-1 ring-criazo-primary/20">
                                        @if($fpThumb)
                                        <img src="{{ asset($fpThumb) }}" alt="" class="w-full h-full object-cover" loading="lazy" width="44" height="44">
                                        @else
                                        <span class="flex w-full h-full items-center justify-center"><svg class="w-5 h-5 text-criazo-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></span>
                                        @endif
                                    </span>
                                    <span class="font-medium min-w-0">{{ Str::limit($featuredProject['title'], 28) }}</span>
                                </a>
                                @endif
                                @foreach($otherProjects as $project)
                                @php $pThumb = $project['gallery'][0] ?? $project['hero']['image'] ?? ''; @endphp
                                <a href="{{ $localizedRoute('portfolio.show', ['slug' => $project['slug']]) }}" class="mobile-nav-close flex items-center gap-3 py-2.5 px-3 rounded-lg text-[15px] text-neutral-700 hover:bg-neutral-100 hover:text-criazo-primary transition-colors" title="{{ $project['title'] }}">
                                    <span class="flex w-11 h-11 flex-shrink-0 rounded-lg overflow-hidden bg-neutral-100">
                                        @if($pThumb)
                                        <img src="{{ asset($pThumb) }}" alt="" class="w-full h-full object-cover" loading="lazy" width="44" height="44">
                                        @else
                                        <span class="flex w-full h-full items-center justify-center"><svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14"/></svg></span>
                                        @endif
                                    </span>
                                    <span class="min-w-0">{{ Str::limit($project['title'], 28) }}</span>
                                </a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <a href="{{ $localizedRoute('calculator.index') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors">
                        <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                            <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                        </span>
                        <span class="text-[17px] font-medium">{{ __('messages.nav.get_quote') }}</span>
                    </a>
                    <a href="{{ $localizedRoute('about.index') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors">
                        <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                            <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                        </span>
                        <span class="text-[17px] font-medium">{{ __('messages.nav.about') }}</span>
                    </a>
                    <a href="{{ $localizedRoute('contact.index') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center gap-3 min-h-[52px] py-3.5 px-4 rounded-xl text-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-inset transition-colors">
                        <span class="flex w-11 h-11 items-center justify-center rounded-xl bg-neutral-100 flex-shrink-0">
                            <svg class="w-5 h-5 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                        </span>
                        <span class="text-[17px] font-medium">{{ __('messages.nav.contact') }}</span>
                    </a>
                </nav>

                {{-- Region and Language: full-width, two columns, flags + names --}}
                <div class="mt-8 pt-6 border-t border-neutral-200">
                    <p class="text-[11px] font-medium text-neutral-400 tracking-wider mb-4 px-1">{{ __('messages.nav.region_and_language') }}</p>
                    <div class="grid grid-cols-2 gap-2">
                        @foreach($languages as $loc => $langData)
                        <a href="{{ $languageHref($loc) }}"
                           onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';"
                           class="flex items-center gap-3 py-3 px-4 rounded-xl border-2 transition-all {{ $locale === $loc ? 'border-criazo-primary bg-criazo-primary/5' : 'border-neutral-200 bg-neutral-50/50 hover:border-neutral-300' }}"
                           hreflang="{{ $langData['hreflang'] }}">
                            <span class="text-2xl leading-none" aria-hidden="true">{{ $langData['flag'] }}</span>
                            <div class="flex-1 min-w-0">
                                <span class="block text-[15px] font-normal text-neutral-900 truncate">{{ $langData['country'] }}</span>
                                <span class="block text-[11px] text-neutral-500 truncate">{{ $langData['language'] }}</span>
                            </div>
                            @if($locale === $loc)
                            <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
                            @endif
                        </a>
                        @endforeach
                    </div>
                </div>

                {{-- CTA --}}
                <div class="mt-6">
                    <a href="{{ $localizedRoute('contact.index') }}" onclick="var m=document.getElementById('mobile-menu'),b=document.getElementById('mobile-menu-btn');if(m)m.classList.add('hidden');if(b)b.setAttribute('aria-expanded','false');document.body.style.overflow='';" class="flex items-center justify-center gap-2 w-full py-4 px-5 rounded-xl bg-criazo-primary text-white text-[16px] font-semibold hover:bg-criazo-hover active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-criazo-primary focus-visible:ring-offset-2 focus-visible:ring-offset-white transition-all shadow-lg shadow-criazo-primary/20">
                        {{ __('messages.nav.get_free_consultation_btn') }}
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                    </a>
                </div>
            </div>
        </div>
    </div>

    {{-- Mega Menu - Organized column layout --}}
    <div id="mega-menu" class="fixed left-0 right-0 top-16 z-40 max-lg:hidden" data-mega-open="" 
         onmouseenter="clearTimeout(megaCloseTimer);megaCloseTimer=null;" 
         onmouseleave="megaLeave();"
         role="menu"
         aria-label="{{ __('messages.accessibility.services_portfolio_navigation') }}">
        <div id="mega-backdrop" class="fixed inset-0 top-16 bg-black/[0.03] z-[39]" onclick="megaClose()" aria-hidden="true"></div>
        
        <div class="relative z-40 bg-white border-y border-gray-200 shadow-[0_18px_45px_-28px_rgba(15,23,42,0.45)]">
            <div class="site-container">
                
                {{-- Services Panel --}}
                <div data-mega-panel="Services" class="mega-panel py-7" role="menu" aria-label="{{ __('messages.accessibility.services_menu') }}">
                    @php
                        $primaryLinks = [];
                        $shopSections = [];
                        $moreSections = [];
                        foreach ($serviceGroups as $groupIndex => $group) {
                            $items = is_array($group['items'] ?? null) ? $group['items'] : [];
                            if (empty($items)) {
                                continue;
                            }
                            $groupLabel = $serviceNavGroupLabel((string) ($group['label'] ?? ''));
                            $groupPrimary = $items[0] ?? null;
                            if ($groupPrimary) {
                                $primaryLinks[] = $groupPrimary;
                            }
                            $secondary = array_slice($items, 1);
                            if ($groupIndex < 3) {
                                $shopSections[] = ['label' => $groupLabel, 'items' => $secondary];
                            } else {
                                $moreSections[] = ['label' => $groupLabel, 'items' => $secondary];
                            }
                        }
                    @endphp
                    <div class="mega-services-apple">
                        <div class="mega-services-col">
                            <section class="mega-services-section">
                                @foreach($primaryLinks as $service)
                                    @php $serviceLabel = $serviceNavItemLabel($service); @endphp
                                    <a href="{{ $localizedPath($service['href']) }}"
                                       class="mega-services-link is-primary"
                                       role="menuitem"
                                       title="{{ $serviceLabel }}">
                                        {{ $serviceLabel }}
                                    </a>
                                @endforeach
                            </section>
                        </div>

                        <div class="mega-services-col">
                            @foreach($shopSections as $section)
                                @if(!empty($section['items']))
                                    <section class="mega-services-section mega-industries-section">
                                        <span class="mega-industries-parent" role="presentation">{{ $section['label'] }}</span>
                                        @foreach($section['items'] as $service)
                                            @php $serviceLabel = $serviceNavItemLabel($service); @endphp
                                            <a href="{{ $localizedPath($service['href']) }}"
                                               class="mega-services-link mega-industries-link"
                                               role="menuitem"
                                               title="{{ $serviceLabel }}">
                                                {{ $serviceLabel }}
                                            </a>
                                        @endforeach
                                    </section>
                                @endif
                            @endforeach
                        </div>

                        <div class="mega-services-col">
                            @foreach($moreSections as $section)
                                @if(!empty($section['items']))
                                    <section class="mega-services-section mega-industries-section">
                                        <span class="mega-industries-parent" role="presentation">{{ $section['label'] }}</span>
                                        @foreach($section['items'] as $service)
                                            @php $serviceLabel = $serviceNavItemLabel($service); @endphp
                                            <a href="{{ $localizedPath($service['href']) }}"
                                               class="mega-services-link mega-industries-link"
                                               role="menuitem"
                                               title="{{ $serviceLabel }}">
                                                {{ $serviceLabel }}
                                            </a>
                                        @endforeach
                                    </section>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>

                {{-- Industries Panel --}}
                <div data-mega-panel="Industries" class="mega-panel py-7" role="menu" aria-label="{{ __('messages.accessibility.industry_navigation') }}">
                    <div class="mega-industries-apple">
                        @foreach($industryNavSections as $section)
                            <section class="mega-services-section mega-industries-section">
                                <a href="{{ $localizedRoute($section['route']) }}"
                                   class="mega-services-link mega-industries-parent"
                                   role="menuitem"
                                   title="{{ $section['label'] }}">
                                    {{ $section['label'] }}
                                </a>
                                @foreach(array_slice($section['items'], 0, 9) as $item)
                                    <a href="{{ $localizedRoute($section['child_route'], ['childSlug' => $item['child']]) }}"
                                       class="mega-services-link mega-industries-link"
                                       role="menuitem"
                                       title="{{ $item['label'] }}">
                                        {{ $item['label'] }}
                                    </a>
                                @endforeach
                            </section>
                        @endforeach
                    </div>
                </div>

                {{-- Portfolio Panel --}}
                <div data-mega-panel="Portfolio" class="mega-panel grid-cols-[1fr_340px] gap-8 py-9" role="menu" aria-label="{{ __('messages.accessibility.portfolio_menu') }}">
                    <section>
                        <div class="flex items-center justify-between mega-section-title">
                            <span>{{ __('messages.nav.recent_work') }}</span>
                            <a href="{{ $localizedRoute('portfolio.index') }}"
                               class="inline-flex items-center gap-1 text-[13px] font-medium text-criazo-primary hover:text-criazo-hover transition-colors"
                               title="{{ __('messages.accessibility.view_all_projects') }}">
                                {{ __('messages.nav.view_all_projects') }}
                                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                </svg>
                            </a>
                        </div>
                        <div class="grid grid-cols-3 gap-4 pt-5" role="list">
                            @foreach($otherProjects as $project)
                            @php
                                $pImg = $project['hero']['image'] ?? $project['gallery'][0] ?? '';
                                $pCat = explode(' • ', $project['category'] ?? '')[0];
                            @endphp
                            <a href="{{ $localizedRoute('portfolio.show', ['slug' => $project['slug']]) }}"
                               class="group block rounded-lg"
                               role="listitem"
                               title="{{ __('messages.accessibility.view_case_study', ['title' => $project['title']]) }}">
                                <span class="block aspect-[16/10] overflow-hidden rounded-lg bg-neutral-100 mb-3">
                                    @if($pImg)
                                    <img src="{{ asset($pImg) }}"
                                         alt=""
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
                                         loading="lazy"
                                         width="260"
                                         height="160">
                                    @else
                                    <span class="flex h-full items-center justify-center">
                                        <svg class="w-5 h-5 text-neutral-800" fill="none" stroke="currentColor" viewBox="0 0 24 24">{!! $iconSvg['tv'] ?? '' !!}</svg>
                                    </span>
                                    @endif
                                </span>
                                <span class="block min-w-0">
                                    <span class="block text-[14px] font-medium leading-tight text-neutral-900 group-hover:text-criazo-primary transition-colors">{{ Str::limit($project['title'], 30) }}</span>
                                    <span class="block text-[12px] leading-snug text-neutral-500 mt-1">{{ $pCat }}</span>
                                </span>
                            </a>
                            @endforeach
                        </div>
                    </section>
                    
                    <aside class="mega-promo-panel -my-9 -mr-10 px-8 py-9 border-l border-gray-200">
                        @if($featuredProject)
                        @php
                            $fpImg = $featuredProject['gallery'][0] ?? $featuredProject['hero']['image'] ?? '';
                            $fpCat = explode(' • ', $featuredProject['category'] ?? '')[0];
                        @endphp
                        <div class="flex items-center justify-between mega-section-title mb-7">
                            <span>{{ __('messages.nav.featured_project') }}</span>
                        </div>
                        
                        <div class="relative aspect-[16/10] rounded-lg overflow-hidden mb-5 bg-neutral-900">
                            <img src="{{ $fpImg ? asset($fpImg) : '' }}" 
                                 alt="{{ SeoHelper::generateImageAlt($featuredProject['title'], __('messages.services.image_alt_featured_project'), 'Criazo Portfolio') }}"
                                 title="{{ SeoHelper::generateImageTitle($featuredProject['title'], __('messages.portfolio.view')) }}"
                                 class="w-full h-full object-cover"
                                 loading="lazy"
                                 width="240"
                                 height="180">
                        </div>
                        
                        <p class="text-[13px] font-normal text-neutral-500 mb-2">{{ $fpCat }}</p>
                        <h3 class="text-[15px] font-medium text-gray-900 mb-2 leading-snug">{{ $featuredProject['title'] }} →</h3>
                        <p class="text-[14px] text-gray-600 leading-[1.43] tracking-body mb-5">{{ Str::limit($featuredProject['hero']['subtitle'] ?? '', 120) }}</p>
                        
                        <a href="{{ $localizedRoute('portfolio.show', ['slug' => $featuredProject['slug']]) }}" 
                           class="inline-flex items-center gap-1.5 text-[13px] font-medium text-criazo-primary hover:text-criazo-hover transition-colors"
                           title="{{ __('messages.accessibility.read_case_study', ['title' => $featuredProject['title']]) }}">
                            {{ __('messages.nav.view_case_study') }}
                            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                            </svg>
                        </a>
                        @endif
                    </aside>
                </div>
                
            </div>
        </div>
    </div>
    
</header>

<script>
    // Wait for DOM to be ready
    document.addEventListener('DOMContentLoaded', function() {
        window.addEventListener('resize', function() {
            var m = document.getElementById('mobile-menu');
            var b = document.getElementById('mobile-menu-btn');
            if (window.innerWidth >= 1024) {
                if (m && !m.classList.contains('hidden')) {
                    m.classList.add('hidden');
                    if (b) b.setAttribute('aria-expanded', 'false');
                }
                if (typeof closeLangDropdown === 'function') closeLangDropdown();
                document.body.style.overflow = '';
            } else {
                if (typeof megaClose === 'function') megaClose();
            }
        });
    });

    // Mobile nav accordion: expand/collapse Services and Portfolio sections
    window.toggleMobileAccordion = function(id) {
        var trigger = document.getElementById('mobile-accordion-' + id + '-trigger');
        var content = document.getElementById('mobile-accordion-' + id);
        if (!trigger || !content) return;
        var isOpen = trigger.getAttribute('aria-expanded') === 'true';
        trigger.setAttribute('aria-expanded', !isOpen);
        content.classList.toggle('mobile-accordion-open', !isOpen);
    };

    // Close mobile menu when a sublink (e.g. service or project) is clicked
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('mobile-menu') && document.getElementById('mobile-menu').addEventListener('click', function(e) {
            var link = e.target.closest('a.mobile-nav-close');
            if (link) {
                var m = document.getElementById('mobile-menu');
                var b = document.getElementById('mobile-menu-btn');
                if (m) m.classList.add('hidden');
                if (b) b.setAttribute('aria-expanded', 'false');
                document.body.style.overflow = '';
            }
        });
    });

    // Mobile menu toggle - must be on window for onclick
    window.toggleMobileMenu = function() {
        var menu = document.getElementById('mobile-menu');
        var btn = document.getElementById('mobile-menu-btn');
        if (!menu) return;
        var closed = menu.classList.contains('hidden');
        if (closed) {
            if (typeof closeLangDropdown === 'function') closeLangDropdown();
            menu.classList.remove('hidden');
            document.body.style.overflow = 'hidden';
            if (btn) btn.setAttribute('aria-expanded', 'true');
        } else {
            menu.classList.add('hidden');
            document.body.style.overflow = '';
            if (btn) btn.setAttribute('aria-expanded', 'false');
        }
    };
    
    
    // Mega menu functionality - smooth animations (global for inline event handlers)
    var megaCloseTimer = null;
    var currentPanel = null;

    function updateMegaTriggerAria(openName) {
        document.querySelectorAll('a.desktop-nav-trigger[data-nav-trigger]').forEach(function (a) {
            var n = a.getAttribute('data-nav-trigger');
            a.setAttribute('aria-expanded', openName && n === openName ? 'true' : 'false');
        });
    }

    function megaEnter(name) {
        clearTimeout(megaCloseTimer);
        megaCloseTimer = null;
        if (typeof closeLangDropdown === 'function') closeLangDropdown();
        var el = document.getElementById('mega-menu');
        if (el) {
            currentPanel = name;
            el.setAttribute('data-mega-open', name);
            document.body.setAttribute('data-mega-open', name);
            updateMegaTriggerAria(name);
            requestAnimationFrame(function() {
                el.classList.add('mega-visible');
            });
        }
    }

    function megaLeave() {
        megaCloseTimer = setTimeout(function() {
            megaClose();
        }, 180);
    }

    function megaClose() {
        clearTimeout(megaCloseTimer);
        megaCloseTimer = null;
        updateMegaTriggerAria(null);
        var el = document.getElementById('mega-menu');
        if (el) {
            el.classList.remove('mega-visible');
            setTimeout(function() {
                if (!el.classList.contains('mega-visible')) {
                    el.setAttribute('data-mega-open', '');
                    document.body.removeAttribute('data-mega-open');
                    currentPanel = null;
                }
            }, 250);
        }
    }
    
    // Language dropdown functions (global)
    var langOpen = false;
    
    function openLangDropdown() {
        if (typeof megaClose === 'function') megaClose();
        var langDropdown = document.getElementById('lang-dropdown');
        var langChevron = document.getElementById('lang-chevron');
        var langToggle = document.getElementById('lang-toggle');
        if (!langDropdown) return;
        
        langOpen = true;
        langDropdown.classList.remove('opacity-0', 'invisible', 'translate-y-2');
        langDropdown.classList.add('opacity-100', 'visible', 'translate-y-0');
        if (langChevron) langChevron.style.transform = 'rotate(180deg)';
        if (langToggle) langToggle.setAttribute('aria-expanded', 'true');
        if (window.innerWidth < 1024) document.body.style.overflow = 'hidden';
    }
    
    function closeLangDropdown() {
        var langDropdown = document.getElementById('lang-dropdown');
        var langChevron = document.getElementById('lang-chevron');
        var langToggle = document.getElementById('lang-toggle');
        if (!langDropdown) return;
        
        langOpen = false;
        langDropdown.classList.add('opacity-0', 'invisible', 'translate-y-2');
        langDropdown.classList.remove('opacity-100', 'visible', 'translate-y-0');
        if (langChevron) langChevron.style.transform = 'rotate(0deg)';
        if (langToggle) langToggle.setAttribute('aria-expanded', 'false');
        document.body.style.overflow = '';
    }
    
    function closeMobileMenuIfOpen() {
        var mobileMenu = document.getElementById('mobile-menu');
        var mobileBtn = document.getElementById('mobile-menu-btn');
        if (mobileMenu && !mobileMenu.classList.contains('hidden')) {
            mobileMenu.classList.add('hidden');
            if (mobileBtn) mobileBtn.setAttribute('aria-expanded', 'false');
            document.body.style.overflow = '';
        }
    }

    // Initialize all event listeners when DOM is ready
    document.addEventListener('DOMContentLoaded', function() {
        // Header scroll effect
        var lastScroll = 0;
        window.addEventListener('scroll', function() {
            var header = document.getElementById('header');
            if (!header) return;
            var currentScroll = window.pageYOffset;
            
            if (currentScroll > 50) {
                header.style.backgroundColor = 'rgba(255, 255, 255, 0.72)';
            } else {
                header.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
            }
            
            lastScroll = currentScroll;
        });
        
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                megaClose();
                closeLangDropdown();
                closeMobileMenuIfOpen();
            }
        });

        // Desktop (lg+): click / tap opens mega; modifier+click still follows href (new tab).
        document.querySelectorAll('a.desktop-nav-trigger[data-nav-trigger]').forEach(function (a) {
            a.addEventListener('click', function (e) {
                if (window.innerWidth < 1024) return;
                var name = a.getAttribute('data-nav-trigger');
                if (!name) return;
                if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
                e.preventDefault();
                var mega = document.getElementById('mega-menu');
                var open = document.body.getAttribute('data-mega-open');
                var visible = mega && mega.classList.contains('mega-visible');
                if (visible && open === name) {
                    megaClose();
                    return;
                }
                megaEnter(name);
            });
        });

        document.addEventListener('click', function (e) {
            if (window.innerWidth < 1024) return;
            if (!document.body.getAttribute('data-mega-open')) return;
            if (e.target.closest('#mega-menu') || e.target.closest('.mega-hover-root')) return;
            megaClose();
        }, true);
        
        // Language switcher toggle
        var langToggle = document.getElementById('lang-toggle');
        if (langToggle) {
            langToggle.addEventListener('click', function(e) {
                e.stopPropagation();
                if (langOpen) closeLangDropdown();
                else openLangDropdown();
            });
        }
        // Mobile full-screen lang: close button
        var langCloseMobile = document.getElementById('lang-dropdown-close-mobile');
        if (langCloseMobile) {
            langCloseMobile.addEventListener('click', closeLangDropdown);
        }
        // Close dropdown when clicking outside
        document.addEventListener('click', function(e) {
            var langSwitcher = document.getElementById('lang-switcher');
            if (langOpen && langSwitcher && !langSwitcher.contains(e.target)) {
                closeLangDropdown();
            }
        });
    });
</script>