/* Custom CSS untuk tema Oranye BPBD */
.bg-orange-bpbd {
  background-color: #e67e22;
}
.bg-dark-orange-bpbd {
  background-color: #d35400;
}

/* Animasi Hamburger Menu */
.hamburger-line-1 {
    transform: translateY(-8px);
}

.hamburger-line-3 {
    transform: translateY(8px);
}

#menu-button.is-active .hamburger-line-1 {
    transform: translateY(0) rotate(45deg);
}

#menu-button.is-active .hamburger-line-2 {
    opacity: 0;
}

#menu-button.is-active .hamburger-line-3 {
    transform: translateY(0) rotate(-45deg);
}

/* Animasi Underline untuk Navbar */
.nav-link-hover {
    position: relative;
    text-decoration: none;
}

.nav-link-hover::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px; /* Sesuaikan posisi garis bawah */
    left: 0;
    background-color: #e67e22; /* Warna oranye BPBD */
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

.nav-link-hover:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}