/* ===== NAVBAR STYLING ===== */
.navbar {
  background-color: #ec1844;
}

.bg-logo-yellow {
  background-color: #fdc417;
}

/* Toggle button styling */
.navbar-toggler {
  background-color: #ec1844;
  border-color: #fdc417;
  padding: 6px 10px;
  border-radius: 5px;
}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fdc417' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ===== FORM & BUTTONS ===== */
.form-control {
  border: 1px solid #ec1844;
  border-radius: 5px;
}

.form-control:focus {
  border-color: #ec1844;
  box-shadow: 0 0 0 0.2rem rgba(236, 24, 68, 0.25);
}

.btn-login {
  background-color: #b91f38;
  color: white;
  border: none;
}

.btn-login:hover {
  background-color: #ec1844;
  color: white;
}

/* ===== MENU ITEMS: Login, Dashboard, Logout, Dropdown Toggle ===== */
.menu-yellow {
  background-color: #fdc417 !important;  /* kuning */
  color: #ec1844 !important;             /* merah terang */
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 500;
  display: inline-block;
  transition: 0.2s ease;
}

.menu-yellow:hover,
.menu-yellow:focus {
  background-color: #f2ba11 !important;  /* kuning lebih gelap */
  color: #b91f38 !important;             /* merah tua */
}

/* ===== DROPDOWN MENU ===== */
.navbar .dropdown-menu {
  background-color: #ec1844;
  border-radius: 5px;
  padding: 10px;
  min-width: 180px;
}

.dropdown-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* ===== RESPONSIVE FIXES ===== */
@media (max-width: 991.98px) {
  .navbar-nav {
    gap: 0.5rem;
  }

  .navbar .dropdown-menu {
    position: static;
    float: none;
  }

  .menu-yellow {
    width: 100%;
    text-align: center;
  }

  .navbar-collapse {
    background-color: #ec1844;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 10px;
  }

}