.footer-about {
  background-color: black;
  margin: 0;
  padding: 0;
}

.footer-about a:hover {
  text-decoration: underline;
}

.footer-about-title {
  text-align: center;
}

.footer-about-description {
  text-align: center;
  padding-bottom: 10px;
}

.footer-logo-hlwn {
  max-width: 250px; /* ubah sesuai kebutuhan */
  height: auto;
  display: inline-block;
}

/* ===============================
   HELP MENU — CSS ONLY ACCORDION
   =============================== */
/* Checkbox disembunyikan */
/* Hide checkbox */
.submenu-toggle {
  display: none;
}

/* + icon */
.toggle-icon::after {
  content: "+";
  font-size: 1rem;
  color: #fff;
  transition: .25s ease;
}

/* Saat toggle ON → jadi - */
.submenu-toggle:checked + .parent-toggle + .toggle-icon::after {
  content: "−";
}

/* Submenu default */
.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

/* Buka submenu */
.submenu-toggle:checked ~ .sub-menu {
  max-height: 500px;
}

/* Cursor */
.parent-toggle {
  cursor: pointer;
  user-select: none;
}
.toggle-icon {
  cursor: pointer;
  user-select: none;
}
/* ===============================
   CHILD MENU STYLE
   =============================== */

/* Terapkan bullet ke WP submenu */
.sub-menu {
  list-style: disc !important;     /* ← bullet muncul */
  padding-left: 1.25rem !important;
  padding-right: 1.5rem;
  margin-top: .25rem;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal !important;
}

/* Child item spacing */
.sub-menu li {
  margin-bottom: .3rem;
}

/* Child link lebih kecil dan sama warna dengan parent */
.sub-menu .footer-menu-item a {
  font-size: 0.85rem !important;
  color: #fff !important;
  opacity: 1 !important;
  display: block;
  padding-right: 1rem;
  white-space: normal !important;
}

.sub-menu .footer-menu-item a:hover {
  text-decoration: underline;
}

/* ===============================
   ANIMASI SLIDE DOWN SMOOTH
   =============================== */

.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1),
    padding 0.3s ease;
  padding-top: 0;
}

.submenu-toggle:checked ~ .sub-menu {
  max-height: 400px;
  padding-top: 0.25rem;
  padding-right: 1rem;
}

/* ===============================
   ICON (+ / −)
   =============================== */

.toggle-icon::after {
  content: "+";
  font-size: 1rem;
  color: #fff;
  transition: transform 0.55s ease;
}

.submenu-toggle:checked + .parent-toggle + .toggle-icon::after {
  content: "−";
  transform: rotate(180deg);
}

.parent-toggle,
.toggle-icon {
  cursor: pointer;
  user-select: none;
}

/* ===============================
   FIX RESPONSIVE UNTUK SM (≤576px)
   =============================== */
@media (max-width: 576px) {

  /* Kurangi indent agar tidak makan ruang */
  .sub-menu {
    padding-left: 0.9rem !important;
    padding-right: 0.5rem !important;
  }

  /* Anak list turun rapi */
  .sub-menu li {
    margin-bottom: 0.25rem;
  }

  /* Perkecil teks child supaya muat */
  .sub-menu .footer-menu-item a {
    font-size: 0.78rem !important;
    padding-right: 0.5rem !important;
    white-space: normal !important;
    word-break: break-word;
  }

  /* Parent title juga kecilkan sedikit */
  .footer-menu-title {
    font-size: 0.85rem !important;
  }

  /* Icon lebih kecil supaya tidak dorong teks */
  .toggle-icon::after {
    font-size: 0.85rem;
  }
}