html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative;
  }
 .sisfo { 
      font-size: 28px !important; 
      width: auto !important; 
      max-width: 100% !important; 
      white-space: normal !important;
      word-break: break-word !important;
    }
  /* 2. Solusi khusus bug margin-row Bootstrap pada layar HP */
  .container, .container-fluid, .container-xl {
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow: hidden !important;
  }

  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3. Atur tinggi logo */
  .logoimg {
    height: 45px !important;
    max-height: none !important;
    width: auto !important;
    margin-right: 10px;
  }

  .labeldescription { font-size: 13px; margin-left: 5px; margin-top: 8px; color: #888888}

  /* 4. Responsif teks judul agar tidak menembus batas layar */
  .sitename {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
  }

  @media screen and (max-width: 768px) {
    .sisfo { 
      font-size: 18px !important; 
      width: auto !important; 
      max-width: 100% !important; 
      white-space: normal !important;
      word-break: break-word !important;
    }
    .labeldescription { font-size: 10px !important; color: #888888; }
    .logoimg { height: 38px !important; }
  }

  @media screen and (max-width: 450px) {
    .sisfo { font-size: 16px !important; }
    .labeldescription { display: none !important; }
  }
  
  
  /* footer */
 .footer-wrapper {
  display: flex;
  justify-content: space-between; /* Copyright di kiri, Support By di kanan */
  align-items: center;
  width: 100%;
  padding: 10px 0;
}

.copyright-text,
.support-text {
  font-size: 14px;
  white-space: nowrap; /* Memastikan teks copyright tidak terputus jadi beberapa baris di PC */
}

/* Tampilan khusus untuk HP / Mobile */
@media (max-width: 767px) {
  .footer-wrapper {
    flex-direction: column; /* Mengubah posisi menjadi bertumpuk vertikal */
    justify-content: center;
    align-items: center;
    text-align: center; /* Rata tengah seluruh isi footer */
    gap: 6px; /* Jarak antara baris copyright dan support */
  }

  .copyright-text,
  .support-text {
    white-space: normal; /* Mengizinkan teks menyesuaikan jika layar HP sangat sempit */
    text-align: center;
  }
}