/* ============================================================
   Galamania — perbaikan tampilan mobile untuk halaman USER
   (bukan admin). Dimuat paling akhir, tepat sebelum </head>,
   supaya menang atas <style> milik tiap halaman.
   ============================================================ */

/* ── Banner verifikasi KYC (index, chat, listing, dashboard, verify) ──
   .banner-msg dulu display:flex: tiap potongan teks (teks biasa, <b>, ...)
   jadi "kolom" flex sendiri, sehingga di layar sempit kalimatnya terpecah
   menjadi kolom-kolom sempit. Sekarang teks mengalir normal, dan di mobile
   tombolnya turun ke baris sendiri selebar layar. */
body .gh-kyc-banner .banner-msg { display: block; }
body .gh-kyc-banner .banner-msg i { display: inline-block; vertical-align: -3px; margin-right: 6px; }
@media (max-width: 640px) {
  body .gh-kyc-banner.show { flex-wrap: wrap; gap: 8px 12px; padding: 10px 14px; }
  body .gh-kyc-banner .banner-msg { flex: 1 1 100%; font-size: 0.8rem; line-height: 1.45; }
  body .gh-kyc-banner .banner-cta { flex: 1 1 100%; width: 100%; min-height: 40px; padding: 9px 14px; }
}

/* ── Isian formulir ──
   Di iOS, field dengan font < 16px membuat browser auto-zoom saat difokus,
   dan halaman "tergeser" setelahnya. */
@media (max-width: 768px) {
  body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]):not([type=button]):not([type=submit]),
  body select,
  body textarea { font-size: 16px; }
}

/* ── Baris tab/menu yang bisa digeser horizontal ── */
.gh-hscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.gh-hscroll::-webkit-scrollbar { display: none; }

/* ── Umum ── */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (max-width: 480px) {
  /* target sentuh minimum untuk tombol ikon kecil */
  .icon-btn, .btn-icon { min-width: 40px; min-height: 40px; }
}