/* Navbar styling */

/* Tambahkan ini untuk mengubah background saat di-scroll */
.navbar.scrolled {
  background-color: rgba(131, 1, 1, 0.7);
  /* Warna Footer */
}
.dropdown-menu.scrolled {
  background-color: rgba(0, 0, 0, 0.3);
}

/* Warna putih dan font tebal */
.navbar-nav .nav-link {
  color: white !important;
  font-weight: 600;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Efek scale saat hover */
.navbar-nav .nav-link:hover {
  transform: scale(1.05);
  color: #f8f9fa; /* tetap putih terang saat hover */
}

.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
}
/* Dropdown item style */
.dropdown-menu .dropdown-item {
  font-weight: 500;
  color: white;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
/* Efek hover untuk dropdown */
.dropdown-menu .dropdown-item:hover {
  transform: scale(1.03);
  background-color: rgba(255, 0, 0, 0.1); /* merah muda transparan saat hover */
}

@media (max-width: 991.98px) {
  #mainNavbar {
    background-color: #b30000 !important; /* Ganti sesuai warna tema kamu */
  }

  #navbarNav .navbar-nav {
    text-align: center;
    width: 100%;
  }

  #navbarNav .navbar-nav .nav-item {
    width: 100%;
  }

  #navbarNav .navbar-nav .nav-link {
    display: inline-block;
  }

  /* Dropdown menu tengah juga */
}