/* ================================================================
   mobile-saja.css — TAMPILAN HP UNTUK SEMUA UKURAN LAYAR
   Tujuan: tidak ada lagi "mode desktop". Di layar lebar, seluruh
   halaman ditampilkan dalam kolom selebar ponsel (430px) di tengah
   layar, jadi tampilannya SAMA seperti di HP.
   Dimuat paling akhir di semua halaman (landing, aplikasi, privasi,
   syarat) supaya menimpa gaya lain.
   ================================================================ */
@media (min-width:431px){
  /* kanvas layar lebar: kolom ponsel di tengah */
  html{background:#EFE4D8; background-image:linear-gradient(160deg,#F6EFE6,#E7D8C8)}
  body{
    width:430px; min-width:0;
    margin-left:auto; margin-right:auto;
    background:var(--bg,#FFFBF6);
    box-shadow:0 0 0 1px rgba(120,70,30,.10), 0 24px 60px rgba(90,45,10,.18);
  }

  /* Tombol panah slide (penambah khas tampilan layar lebar) disembunyikan
     supaya persis seperti di HP: geser dengan jari/scroll saja. */
  .mob-panah{display:none !important}

  /* --- elemen yang "menempel" pada jendela (bukan di dalam kolom) ---
     dipersempit & dipusatkan ke kolom ponsel, supaya tidak melebar
     sepanjang layar desktop. --- */
  .bar-bawah,
  .mob-nav,
  .bnav,
  .adm-bnav,
  .adm-ovl,
  .modal-wrap,
  .tirai,
  .drawer,
  .kb-tirai,
  .gal-tirai,
  .poster-ziarah,
  .poster-ziarah-putar{
    left:calc(50% - 215px);   /* 215px = setengah lebar kolom (430/2) */
    right:auto;
    width:430px;
  }

  /* menu samping admin: laci selebar 270px, buka dari tepi kiri kolom */
  .adm-side{
    left:calc(50% - 215px);
    right:auto;
  }
  .adm-main{margin-left:0}

  /* sembunyikan sisa bagian yang hanya dipakai tampilan layar lebar lama */
  .hanya-desk{display:none !important}
}