/* Default Styles */
/* Default Styles */
/* Default Styles */
/* Default Styles untuk menu dan submenu */
nav ul li a, 
nav ul li button {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem; /* Rounded corners */
    transition: all 0.9s ease-in-out; /* Haluskan transisi */
    text-decoration: none; /* Hilangkan underline */
}

/* Hover effect untuk menu utama */
.home:hover{
    background-color: #ff4d4d; /* Warna merah saat hover */
    box-shadow: 0 4px 10px rgba(255, 77, 77, 0.5); /* Bayangan saat hover */
    transform: scale(1.05); /* Membesarkan elemen sedikit */
}


nav ul li button:hover {
    background-color: #ff4d4d; /* Warna merah saat hover */
    color: white; /* Ubah warna teks menjadi putih */
    box-shadow: 0 4px 10px rgba(255, 77, 77, 0.5); /* Bayangan saat hover */
    transform: scale(1.05); /* Membesarkan elemen sedikit */
}

/* Klik (Active) Effect untuk menu utama */
nav ul li a:active, 
nav ul li button:active {
    transform: scale(0.97); /* Sedikit mengecil saat diklik */
    /* Reduksi bayangan */
}

/* Hover effect khusus untuk submenu items */
nav ul li ul li a {
    transition: all 0.9s ease-in-out; /* Haluskan transisi teks */
    text-decoration: none; /* Hilangkan underline */
    font-size:15px;
}



nav ul li ul li a:hover {
    color: #ff4d4d; /* Teks berubah menjadi merah */
    transform: scale(1.1); /* Teks membesar sedikit */
}

/* Klik (Active) Effect untuk submenu items */
nav ul li ul li a:active {
    transform: scale(0.97); /* Sedikit mengecil saat diklik */
}

/* Rotate caret (icon dropdown) on hover or expand */
nav ul li button:hover i {
 
    color: white; /* Warna merah untuk caret */
}

/* Transisi halus untuk dropdown */
nav ul li ul {
    transition: all 1s ease;
}

/* Pastikan dropdown muncul saat menu diklik */
nav ul li ul.hidden {
    display: none;
}

nav ul li ul.visible {
    display: block;
}

.sidebar-minimized .menu-item {
    justify-content: center;
}

/* Ubah ukuran ikon saat sidebar minim */
.sidebar-minimized .menu-item img {
    width: 20px; /* Ukuran ikon lebih kecil saat sidebar minim */
    height: 20px;
}

.navbar-right {
    margin-right: 18px; /* Sesuaikan jaraknya */
}

@keyframes slide-down {
    from {
      opacity: 0;
      transform: translateY(-100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .animate-slide-down {
    animation: slide-down 0.3s ease-out;
  }


  /* Animasi saat modal ditutup */
.fixed.closing {
    animation: slideUp 0.5s ease-in-out forwards; /* Durasi animasi 0.5 detik */
}


/* Animasi slide-up */
@keyframes slideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge, and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}