/* Custom Style */
/*** Navbar Start ***/
.fixed-top {
  transition: 0.5s;
  justify-content: flex-end; /* Corrected */
}


.navbar {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: 0.3s;
}

/* Brand */
.navbar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0a0000 !important;
}
 .navbar-brand p {
  font-weight: bold;
  color: #0a0000 !important;
  
  font-size: 30px; /* Reduced for responsiveness */
  margin-top:10px;
 
}
.navbar-brand img {
  width: 48px;
}

.navbar-brand span {
  color: #f00000;
}
.navbar .navbar-toggler{
    justify-content: space-between; /* kiri-kanan */
  align-items: center;
}
/* Links */
.nav-link {
  font-size: 16px;
  color: black;
  padding: 6px 12px;
  transition: 0.3s;
}

.nav-link:hover {
  color: #85e704;
  text-decoration: underline;
}

.nav-link.active {
  background: #7c7a7a;
  color: #fff !important;
  border-radius: 4px;
}

/* Pastikan dropdown-submenu punya posisi relatif */
/* Tambahkan ini ke file CSS Anda */
.dropdown-menu {
  min-width: 200px;
  padding: 8px 0;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu  .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.1rem;
    margin-left: 4px;
    display: none; /* default hidden */
}
.dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
/* Hover untuk desktop */
@media (min-width: 992px) {
    .navbar-brand p {
  font-weight: bold;
  color: #0a0000 !important;
  
  font-size: 10px; /* Reduced for responsiveness */
}
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Panah indikator submenu */
.dropdown-submenu  a::after {
    content: "";
    float: right;
    margin-left: .5rem;
}


@media (min-width: 400px) {
    /* Navbar Toggler */
.navbar-toggler {
  font-size: 1rem;
  margin-left: 10px;
}
    .navbar-brand p {
  font-weight: bold;
  color: #0a0000 !important;
  
  font-size: 20px; /* Reduced for responsiveness */
 
}
 .navbar-brand img {
  width: 48px;
}
}