/* ============================================================================
   FOOTER EKOSISTEM AKSESKERJA — berkas kanonik
   ============================================================================

   BERKAS INI DISALIN APA ADANYA KE TIGA REPO, sama seperti
   navbar-ekosistem.css:

     interview-simulations/src/styles/akseskerja/footer-ekosistem.css
     cv-builder/src/styles/akseskerja/footer-ekosistem.css
     akseskerja-landing/assets/footer-ekosistem.css

   JANGAN menyunting satu salinan saja. Hook .claude/hooks memeriksa ketiganya
   setiap kali salah satunya disunting.

   Acuannya footer buatcv.akseskerja.com (keputusan user, 22 Sep 2026).

   MANDIRI DENGAN SENGAJA. Warna didefinisikan ulang di dalam `.footer`, tidak
   mewarisi token tiap repo: akseskerja.com situs statis tanpa design system,
   dan footer di sana akan runtuh ke bawaan peramban kalau bergantung padanya.

   LATARNYA DIPATOK, bukan diwarisi. Di buatcv footer duduk di dalam section
   gelap sehingga latarnya bisa transparan; di landing tidak ada section
   seperti itu. Warnanya sama persis dengan yang ada di baliknya (#0F172A),
   jadi mematoknya tidak mengubah tampilan di buatcv — tapi membuat berkas ini
   bekerja sendiri di situs statis.

   YANG BOLEH BERBEDA ANTAR SITUS: hanya ISI `.footer-links`. Blok hak cipta
   dan blok kontak sama di mana pun.
   ========================================================================= */

.footer {
  --f-bg: #0f172a;
  --f-garis: rgba(255, 255, 255, 0.1);
  --f-redup: #94a3b8;
  --f-tautan: #cbd5e1;
  --f-terang: #ffffff;
  --f-aksen: #2563eb;

  position: relative;
  background: var(--f-bg);
  border-top: 1px solid var(--f-garis);

  /* DIPATOK, bukan diwarisi. buatcv & interview memakai Tailwind, yang memberi
     seluruh halaman line-height 1.5; akseskerja.com tidak, jadi di sana nilai
     yang berlaku `normal` dan footernya 6px lebih pendek daripada dua situs
     lain dengan isi yang sama persis. Diukur 22 Sep 2026: 86,5px vs 92,5px. */
  line-height: 1.5;

  /* Juga dipatok: di buatcv footer duduk di dalam <section class="final"> yang
     rata tengah, jadi baris "© 2026 AksesKerja" di sana tampil ketengah
     sementara di dua situs lain rata kiri. */
  text-align: left;
}

/* 1184px + padding 32px, ANGKA YANG SAMA dengan .nav > .nav-inner di
   navbar-ekosistem.css — bukan kebetulan: dengan begitu tepi kiri teks hak
   cipta jatuh persis di bawah logo navbar (x=340 pada layar 1800px). Dengan
   1120px yang dipakai sampai 22 Sep 2026, isi footer masuk 32px lebih ke
   dalam daripada isi navbar di ketiga situs. */
.footer-inner {
  max-width: 1184px;
  margin: 0 auto;
  padding: 26px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* ---- hak cipta + tagline ---- */

.footer .copy {
  font-size: 13px;
  font-weight: 500;
  color: var(--f-redup);
}
.footer .copy-tagline {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  color: var(--f-redup);
}

/* ---- kontak ----
   Nomor dan surel ditulis lengkap, bukan disembunyikan di balik kata
   "Kontak": keduanya harus bisa langsung dibaca dan disalin dari footer.
   Warnanya sedikit lebih terang daripada tautan navigasi karena ini
   informasi, bukan menu. */

.footer-contact {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.footer-contact a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--f-tautan);
  text-decoration: none;
  transition: color 150ms ease;
}
.footer-contact a:hover {
  color: var(--f-terang);
}
.footer-contact .material-symbols-rounded,
.footer-contact .material-symbols-outlined {
  font-size: 16px;
  color: var(--f-aksen);
}

/* ---- tautan ---- */

.footer-links {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
}
.footer-links a {
  font-size: 13px;
  font-weight: 600;
  color: var(--f-tautan);
  text-decoration: none;
  transition: color 150ms ease;
}
.footer-links a:hover {
  color: var(--f-terang);
}

/* Di ponsel footer menumpuk; kontak dibuat rata kiri satu kolom supaya nomor
   dan surel tidak terpotong di tengah. Ambang 560px dan padding 16px-nya
   mengikuti navbar-ekosistem.css supaya tepi kiri keduanya tetap segaris. */
@media (max-width: 560px) {
  .footer-inner {
    padding: 22px 16px;
  }
  .footer-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}