document.addEventListener('DOMContentLoaded', () => {
  const year = new Date().getFullYear();

  const footerHTML = `
    <!-- CTA -->
    <section style="background:#fff;">
      <div class="max-w-[1220px] mx-auto px-8">
        <div class="relative overflow-hidden rounded-[18px] my-16 md:my-[90px] px-8 md:px-14 py-12 md:py-[72px] text-center" style="background:linear-gradient(120deg,#042F57,#043E73 60%,#054a89);box-shadow:0 30px 70px rgba(4,62,115,0.28);">
          <div class="absolute -top-[80px] -right-[60px] w-[300px] h-[300px] rounded-full pointer-events-none" style="background:radial-gradient(circle,rgba(194,161,78,0.22),transparent 65%);"></div>
          <h2 class="relative text-2xl md:text-[34px] font-extrabold tracking-[-0.5px] text-white leading-[1.2] reveal">Hai bisogno di una consulenza riservata?</h2>
          <p class="relative mt-[18px] text-base md:text-[17px] leading-[1.7] text-[#B9C5D5] max-w-[540px] mx-auto reveal reveal-delay-1">Contatta lo Studio per un primo incontro conoscitivo e valuta insieme al Dott. Salomone la soluzione più adatta alle tue esigenze.</p>
          <a href="contatti.html" class="cta-gold-btn mt-[34px] reveal reveal-delay-2">Prenota un incontro</a>
        </div>
      </div>
    </section>

    <footer class="bg-primary text-white">
      <div class="max-w-6xl mx-auto px-6 md:px-10 py-16">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
          <div class="lg:col-span-1">
            <div class="flex flex-col mb-4">
              <span class="font-bold text-xl tracking-tight">Dott. Filippo <span class="font-light">Salomone</span></span>
              <span class="text-[0.65rem] text-white/40 uppercase tracking-[0.2em] mt-1">Commercialista — Genova</span>
            </div>
            <p class="text-white/50 text-sm leading-relaxed">Studio commercialista per consulenza fiscale, societaria e tributaria. Professionalità e competenza al servizio di privati e aziende.</p>
          </div>

          <div>
            <h4 class="text-sm font-semibold uppercase tracking-wider mb-6 text-white/80">Pagine</h4>
            <ul class="space-y-3">
              <li><a href="index.html" class="text-white/50 hover:text-white text-sm transition-colors duration-300">Home</a></li>
              <li><a href="studio.html" class="text-white/50 hover:text-white text-sm transition-colors duration-300">Lo Studio</a></li>
              <li><a href="servizi.html" class="text-white/50 hover:text-white text-sm transition-colors duration-300">Servizi</a></li>
              <li><a href="contatti.html" class="text-white/50 hover:text-white text-sm transition-colors duration-300">Contatti</a></li>
            </ul>
          </div>

          <div>
            <h4 class="text-sm font-semibold uppercase tracking-wider mb-6 text-white/80">Recapiti</h4>
            <ul class="space-y-4">
              <li class="flex items-start gap-3">
                <i data-lucide="map-pin" class="w-4 h-4 text-accent mt-0.5 flex-shrink-0"></i>
                <span class="text-white/50 text-sm">Piazza della Vittoria, 6<br>16121 Genova (GE)</span>
              </li>
              <li class="flex items-center gap-3">
                <i data-lucide="phone" class="w-4 h-4 text-accent flex-shrink-0"></i>
                <a href="tel:+39010532655" class="text-white/50 hover:text-white text-sm transition-colors">+39 010 532655</a>
              </li>
              <li class="flex items-center gap-3">
                <i data-lucide="mail" class="w-4 h-4 text-accent flex-shrink-0"></i>
                <a href="mailto:filipposalomone@dottcommge.it" class="text-white/50 hover:text-white text-sm transition-colors break-all">filipposalomone@dottcommge.it</a>
              </li>
            </ul>
          </div>

          <div>
            <h4 class="text-sm font-semibold uppercase tracking-wider mb-6 text-white/80">Orari</h4>
            <div class="bg-white/5 rounded-xl p-5 border border-white/10">
              <div class="flex justify-between text-sm mb-3">
                <span class="text-white/50">Lun – Ven</span>
                <span class="text-white/80 font-medium">9:00 – 13:00</span>
              </div>
              <div class="flex justify-between text-sm mb-4">
                <span class="text-white/50"></span>
                <span class="text-white/80 font-medium">15:00 – 19:00</span>
              </div>
              <div class="flex justify-between text-sm">
                <span class="text-white/50">Sab – Dom</span>
                <span class="text-red-400/80 font-medium">Chiuso</span>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="border-t border-white/10">
        <div class="max-w-6xl mx-auto px-6 md:px-10 py-5 flex flex-col md:flex-row justify-between items-center gap-3">
          <p class="text-white/30 text-xs">P.I. 03540360108</p>
          <div class="flex items-center gap-4 text-white/30 text-xs">
            <a href="#" class="hover:text-white/60 transition-colors">Informazioni Legali</a>
            <span>·</span>
            <a href="#" class="hover:text-white/60 transition-colors">Privacy Policy</a>
            <span>·</span>
            <a href="#" class="hover:text-white/60 transition-colors">Cookie Policy</a>
          </div>
          <p class="text-white/30 text-xs">© ${year} Dott. Filippo Salomone</p>
        </div>
      </div>
    </footer>

    <button id="back-to-top" class="fixed bottom-6 right-6 z-50 w-12 h-12 bg-primary text-white rounded-full shadow-lg flex items-center justify-center hover:bg-primary-dark transition-all duration-300" aria-label="Torna su">
      <i data-lucide="chevron-up" class="w-5 h-5"></i>
    </button>
  `;

  document.getElementById('footer').innerHTML = footerHTML;
  lucide.createIcons();

  const backToTop = document.getElementById('back-to-top');
  window.addEventListener('scroll', () => {
    if (window.scrollY > 600) {
      backToTop.classList.add('visible');
    } else {
      backToTop.classList.remove('visible');
    }
  });
  backToTop.addEventListener('click', () => {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });
});