/* ======================================================================
   SMA MA'ARIF DARUL ULUM BRONDONG — MOBILE HOME TUNING v14
   Perbaikan khusus mobile:
   1) Portal Admin dipindahkan ke bagian paling bawah area hero agar tidak
      mengganggu fokus judul dan identitas sekolah.
   2) Caption "Keluarga besar..." diletakkan normal di bawah foto, bukan
      menimpa gambar slider.
   Desktop tidak berubah.
   ====================================================================== */

@media (max-width: 767.98px) {
  /* Portal Admin menjadi akses sekunder, setelah statistik. */
  .hero-admin-top {
    order: 8 !important;
    justify-self: stretch !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    text-align: center !important;
  }

  .hero-admin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 36px !important;
    margin: 0 auto !important;
    padding: 8px 15px !important;
    border: 1px solid rgba(15, 122, 67, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .68) !important;
    box-shadow: none !important;
    color: #315d4c !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .hero-admin-btn:active,
  .hero-admin-btn:focus {
    background: rgba(15, 122, 67, .10) !important;
    color: #0f6844 !important;
    outline: none !important;
  }

  /* Caption kembali menjadi elemen biasa di bawah foto. */
  .hero-smanu-caption {
    position: static !important;
    z-index: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    text-align: center !important;
    transform: none !important;
  }

  .hero-smanu-caption-chip {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(15, 122, 67, .18) !important;
    border-radius: 13px !important;
    background: rgba(231, 249, 240, .88) !important;
    box-shadow: 0 8px 18px rgba(15, 122, 67, .06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #285a47 !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .055em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  /* Beri pemisah yang cukup antara caption dan kartu statistik. */
  .hero-smanu-stats {
    margin-top: 13px !important;
  }
}