/* ================================================================
   AURUM — Shared Nav + Footer injector for inner pages (pages/)
   ================================================================ */
(function(){
  var nav = `
<nav class="navbar">
  <div class="container">
    <a href="../index.html" class="nav-logo">
      <span class="nav-logo-name">Aurum</span>
      <span class="nav-logo-tagline">Platform</span>
    </a>
    <ul class="nav-links">
      <li><a href="../index.html" class="nav-link">Home</a></li>
      <li><a href="about.html" class="nav-link">About</a></li>
      <li><a href="services.html" class="nav-link">Services</a></li>
      <li><a href="projects.html" class="nav-link">Work</a></li>
      <li><a href="pricing.html" class="nav-link">Pricing</a></li>
      <li><a href="blog.html" class="nav-link">Journal</a></li>
      <li><a href="contact.html" class="nav-link">Contact</a></li>
    </ul>
    <a href="contact.html" class="btn btn-primary nav-cta">Get Started</a>
    <button class="hamburger" aria-label="Menu"><span></span><span></span><span></span></button>
  </div>
</nav>
<div class="mobile-menu">
  <ul>
    <li><a href="../index.html" class="nav-link">Home</a></li>
    <li><a href="about.html" class="nav-link">About</a></li>
    <li><a href="services.html" class="nav-link">Services</a></li>
    <li><a href="projects.html" class="nav-link">Work</a></li>
    <li><a href="pricing.html" class="nav-link">Pricing</a></li>
    <li><a href="blog.html" class="nav-link">Journal</a></li>
    <li><a href="faq.html" class="nav-link">FAQ</a></li>
    <li><a href="team.html" class="nav-link">Team</a></li>
    <li><a href="careers.html" class="nav-link">Careers</a></li>
    <li><a href="contact.html" class="nav-link">Contact</a></li>
  </ul>
  <a href="contact.html" class="btn btn-primary">Get Started</a>
</div>`;

  var footer = `
<footer>
  <div class="container">
    <div class="footer-top">
      <div class="footer-brand">
        <div class="footer-logo">Aurum</div>
        <p>The premium SaaS platform for ambitious organisations. Workflow automation, analytics, and collaboration — refined to perfection.</p>
        <div class="footer-social">
          <a href="#" aria-label="Twitter">𝕏</a><a href="#" aria-label="LinkedIn">in</a><a href="#" aria-label="GitHub">⌥</a><a href="#" aria-label="Instagram">◎</a>
        </div>
      </div>
      <div class="footer-col">
        <div class="footer-col-title">Platform</div>
        <ul>
          <li><a href="services.html">Analytics</a></li>
          <li><a href="services.html">Automation</a></li>
          <li><a href="services.html">Collaboration</a></li>
          <li><a href="service-details.html">Integrations</a></li>
          <li><a href="service-details.html">Security</a></li>
          <li><a href="pricing.html">Pricing</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <div class="footer-col-title">Company</div>
        <ul>
          <li><a href="about.html">About Us</a></li>
          <li><a href="team.html">Our Team</a></li>
          <li><a href="blog.html">Journal</a></li>
          <li><a href="projects.html">Case Studies</a></li>
          <li><a href="careers.html">Careers</a></li>
          <li><a href="contact.html">Press</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <div class="footer-col-title">Resources</div>
        <ul>
          <li><a href="faq.html">FAQ</a></li>
          <li><a href="#">Documentation</a></li>
          <li><a href="#">API Reference</a></li>
          <li><a href="#">Help Centre</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">Terms of Service</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2025 Aurum Technologies Inc. All rights reserved.</p>
      <div class="divider-gold" style="flex:0;gap:8px;"><span style="font-size:12px;color:rgba(212,170,90,0.6);">✦</span></div>
      <p>Crafted with precision.</p>
    </div>
  </div>
</footer>`;

  document.getElementById('nav-placeholder').outerHTML = nav;
  document.getElementById('footer-placeholder').outerHTML = footer;

  // highlight active link
  var path = window.location.pathname.split('/').pop();
  document.querySelectorAll('.nav-link').forEach(function(l){
    var href = l.getAttribute('href');
    if(href && href.split('/').pop() === path) l.classList.add('active');
  });
})();
