﻿/* PENGAJUAN SITE - IPHONE MOBILE FIX */

@media screen and (max-width:767px) {

  /* Kolom form harus berada dalam batas card */
  #snSiteApp #snSiteInput .snsite-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #snSiteApp #snSiteInput .snsite-grid > *,
  #snSiteApp #snSiteInput .snsite-field {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Khusus input tanggal Safari */
  #snSiteApp #snSiteFormTanggal {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:8px 12px!important;
    margin:0!important;
    border:1px solid #cbd5e1;
    border-radius:9px;
    background:#fff;
    color:#1e293b;
    font-family:-apple-system,
      BlinkMacSystemFont,
      "SF Pro Text",
      "Segoe UI",
      Arial,sans-serif;
    font-size:16px!important;
    line-height:1.35!important;
    -webkit-appearance:none;
    appearance:none;
  }

  #snSiteApp #snSiteFormTanggal
  ::-webkit-date-and-time-value {
    min-height:1em;
    text-align:left;
  }

  #snSiteApp #snSiteFormTanggal
  ::-webkit-calendar-picker-indicator {
    margin:0;
    padding:0;
    opacity:1;
  }

  /* Samakan seluruh field header RO */
  #snSiteApp #snSiteFormSite,
  #snSiteApp #snSiteFormRO,
  #snSiteApp #snSiteFormTanggal {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
  }

  /* Hindari card terpotong */
  #snSiteApp #snSiteInput .snsite-card {
    min-width:0;
    max-width:100%;
    overflow:visible;
  }

  /* Jaga posisi judul agar tidak
     tertutup tombol mobile menu */
  #snSiteApp > .snsite-wrap > .snsite-head {
    padding-left:48px;
    min-height:48px;
  }

  #snSiteApp > .snsite-wrap > .snsite-head h1 {
    font-size:19px;
    line-height:1.3;
  }
}
