/* ============================================================================
   unduh-hp.css - gaya bilah "Unduh aplikasi" + penjaga popup ganda (2026-10-12)
   Dimuat di SEMUA halaman situs (lewat <link> sebelum </head>), disertai
   skrip /assets/js/unduh-hp.js. Dipisah dari situs.css karena berkas itu
   sudah sangat dekat batas penjaga tes (52.000 byte).
   ============================================================================ */
/* ------------------ Bilah "Unduh aplikasi" untuk pengunjung dari HP (2026-10-12) ----------- */
/* Bilah diletakkan DI ATAS tombol chat WhatsApp mengapung (bottom 14px +
   tinggi ~44px), jadi tombol chat tetap di posisinya dan tidak didorong. */
.unduh-hp {
  position: fixed; left: 50%; z-index: 90;
  width: min(560px, calc(100vw - 24px));
  bottom: calc(60px + env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 10px; padding: 11px 12px;
  border-radius: var(--saj-radius); background: #04182f; color: #fff;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 16px 34px -14px rgba(4, 24, 47, .85);
  opacity: 0; transform: translate(-50%, 14px);
  transition: opacity .22s ease, transform .22s ease;
}
.unduh-hp--tampil { opacity: 1; transform: translate(-50%, 0); }
.unduh-hp__teks { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
.unduh-hp__teks b { font-family: var(--saj-font-judul); font-size: 13.5px; line-height: 1.3; color: #fff; }
.unduh-hp__teks span { font-size: 11.5px; line-height: 1.35; color: #b7cde5; }
.unduh-hp__tombol {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 11px 15px; border-radius: var(--saj-radius-pil);
  background: linear-gradient(180deg, #34d871 0%, var(--saj-wa) 55%, var(--saj-wa-gelap) 100%);
  color: #0f2e1c; font-family: var(--saj-font-judul); font-size: 12.5px; font-weight: 800;
  text-decoration: none; white-space: nowrap;
}
.unduh-hp__tombol:hover { filter: brightness(1.05); color: #0f2e1c; }
/* Tombol tutup ditaruh di sudut kanan-atas bilah (absolute) supaya tidak pernah
   bertabrakan dengan tulisan maupun tombol unduh, di lebar layar apa pun. */
.unduh-hp__tutup {
  position: absolute; top: -10px; right: -8px; width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .28);
  background: #04182f; color: #fff; font-size: 15px; line-height: 1; cursor: pointer;
}
@media (max-width: 430px) {
  .unduh-hp { flex-wrap: wrap; padding-top: 13px; }
  .unduh-hp__teks { flex: 1 1 100%; }
  .unduh-hp__tombol { flex: 1 1 100%; }
}

/* Saat bilah unduh tampil: hanya SATU popup yang boleh terbuka. Kartu chat
   WhatsApp ("Butuh bantuan memilih paket?") disembunyikan SEMENTARA, dan bilah
   unduh diletakkan DI ATAS tombol chat mengapung (tombolnya tetap di tempatnya,
   tidak didorong). Begitu bilah ditutup, kartu chat kembali seperti semula. */
html.unduh-hp-aktif [data-bantuan-kartu] { display: none; }