/* ======================================================================
   SMA MA'ARIF DARUL ULUM BRONDONG — FOOTER HOME MOBILE v21
   Menyamakan susunan footer Home dengan footer pada halaman submenu:
   logo penuh di atas, Menu Utama dan Akademik berdampingan dengan daftar
   vertikal, lalu Hubungi Kami penuh di bawah. Desktop tidak berubah.
   ====================================================================== */

@media (max-width: 767.98px) {
  .footer-smanu {
    padding: 42px 0 24px !important;
  }

  /* Baris utama footer menjadi grid yang stabil di layar kecil. */
  .footer-smanu > .container > .row:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 22px !important;
    row-gap: 28px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .footer-smanu > .container > .row:first-child > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Logo dan nama sekolah memenuhi dua kolom. */
  .footer-smanu > .container > .row:first-child > [class*="col-"]:nth-child(1) {
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  .footer-smanu .foot-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .footer-smanu .foot-logo img {
    display: block !important;
    width: 104px !important;
    max-width: 104px !important;
    height: auto !important;
    margin: 0 auto 14px !important;
  }

  .footer-smanu .foot-school-name {
    margin: 0 !important;
    text-align: center !important;
    line-height: 1.55 !important;
  }

  /* Menu Utama dan Akademik berdampingan. */
  .footer-smanu > .container > .row:first-child > [class*="col-"]:nth-child(2),
  .footer-smanu > .container > .row:first-child > [class*="col-"]:nth-child(3) {
    grid-column: auto !important;
    text-align: center !important;
  }

  .footer-smanu .sitemap {
    margin-top: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  .footer-smanu .sitemap h3 {
    margin: 0 0 12px !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  /* Membatalkan grid dua kolom dari mobile-home-refresh-v13. */
  .footer-smanu .sitemap ul {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .footer-smanu .sitemap ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .footer-smanu .sitemap ul li:last-child {
    margin-bottom: 0 !important;
  }

  .footer-smanu .sitemap ul li a {
    display: inline-block !important;
    padding: 2px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  /* Kontak memenuhi dua kolom dan berada di bawah menu. */
  .footer-smanu > .container > .row:first-child > [class*="col-"]:nth-child(4) {
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  .footer-smanu .address {
    margin-top: 4px !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  .footer-smanu .address h3,
  .footer-smanu .foot-address,
  .footer-smanu .foot-contact {
    text-align: center !important;
  }

  .footer-smanu .foot-address,
  .footer-smanu .foot-contact {
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.65 !important;
  }

  .footer-smanu .footer-social-icons {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .footer-smanu .footer-copy {
    margin-top: 10px !important;
    text-align: center !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 360px) {
  .footer-smanu > .container > .row:first-child {
    column-gap: 12px !important;
  }

  .footer-smanu .sitemap h3 {
    font-size: 15.5px !important;
  }

  .footer-smanu .sitemap ul li a {
    font-size: 12.5px !important;
  }
}