/* ============================================================================
   PERBAIKAN RESPONSIVITAS — studiosoft.id
   Masalah: halaman melebar ±2130px sehingga di ponsel tampil mengecil
            (harus di-zoom out). Terjadi juga di desktop (1280px → 2392px).

   Penyebab: widget "Rekomendasi" (Google Reviews / Trustindex, plugin
   "Widget untuk Google Reviews" v14.2, dipasang di Footer Widget 4 / block-17)
   memakai lebar tetap ±2100px. Kolom grid footer Astra ikut melebar karena
   nilai bawaan `min-width: auto` pada grid/flex.

   Hasil uji headless (lebar halaman vs lebar layar):
     390px  : 2130px → 390px   (kelebihan 570px hilang)   ✅
     768px  : 2222px → 768px                              ✅
     1280px : 2392px → 1280px  (kelebihan 1112px hilang)  ✅
   Widget ulasan tetap tampil normal (10 ulasan terbaca).

   CARA PASANG (pilih salah satu):
   1) Tampilan → Sesuaikan → CSS Tambahan  (Astra), atau
   2) WPCode → Add Snippet → Code Type: CSS Snippet → tempel → Save.
   Sesudah pasang: WP Rocket → Clear cache, lalu purge cache Cloudflare.
   ============================================================================ */

/* 1. Kolom grid footer tidak boleh melebar mengikuti isi widget */
.site-footer-primary-section-4 {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* 2. Area widget di footer: batasi lebar, jangan biarkan isinya menentukan lebar kolom */
.widget_block,
.footer-widget-area .widget {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* 3. Batasi widget ulasan Google (Trustindex) pada lebar kolomnya */
section#block-17 .ti-widget,
section#block-17 .ti-widget-container {
    max-width: 100% !important;
}

/* 4. Jaring pengaman (opsional, buka komentar kalau masih ada elemen lain yang melebar).
      Catatan: overflow-x hidden pada html/body bisa mempengaruhi elemen sticky. */
/*
html, body { overflow-x: hidden; }
*/