/* =====================================================================
   GOR Rato Adu - utilitas kecil & penyesuaian template
   ===================================================================== */

#preloader { background: #fff; }

img { max-width: 100%; }

.mt-0  { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mb-0  { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.pt-0  { padding-top: 0 !important; }
.pb-0  { padding-bottom: 0 !important; }

.row-flex { display: flex; flex-wrap: wrap; }
.row-flex > [class*="col-"] {
  display: flex;
  flex-direction: column;
  margin-bottom: 26px;
}
.row-flex > [class*="col-"] > * { flex: 1 1 auto; }
.row-flex.no-gap > [class*="col-"] { margin-bottom: 0; }

/* Di bawah 768px, kelas kolom col-sm dan col-md tidak memberi lebar apa
   pun, sehingga sebagai flex item kolomnya menyusut mengikuti isi.
   Paksa menjadi satu kolom penuh. */
@media (max-width: 767px) {
  .row-flex > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

.text-muted-ra { color: var(--ra-muted) !important; }
.fw-700 { font-weight: 700 !important; }
.nowrap { white-space: nowrap; }