/* ===== NAVBAR beranda.php - Match reference pages behavior ===== */
:root{
  --navbar-bg-beranda: rgba(255,255,255,0.1);   /* sebelum scroll: semi-transparan seperti program.php */
  --navbar-solid-beranda: rgba(255,255,255,0.95); /* setelah scroll: solid putih */
  --nav-link-dark: #1f2937;
}

/* Default state (sebelum scroll) - Match program.php behavior */
#navbar.navbar{
  background: var(--navbar-bg-beranda) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: none !important;
  position: fixed !important;
  top: 0; 
  z-index: 1000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Scrolled state - Match program.php behavior */
#navbar.navbar.scrolled{
  background: var(--navbar-solid-beranda) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Nav links - Match reference pages */
#navbar .nav-link{ 
  color: #fff; 
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
  font-weight: 500;
}
#navbar.scrolled .nav-link{ 
  color: var(--nav-link-dark); 
}

/* Active state */
#navbar .nav-link.active{ 
  background: transparent; 
  color: #f59e0b; 
  font-weight: 600;
}
#navbar.scrolled .nav-link.active{ 
  color: #f59e0b; 
}

/* Hover states */
#navbar .nav-link:hover{ 
  color: #f59e0b; 
}

/* Dropdown menu - Match reference pages */
#navbar .dropdown-menu{ 
  background: #ffffff; 
  border: none;
  border-radius: 16px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
}
#navbar .dropdown-item{ 
  color: #1f2937; 
  padding: 0.75rem 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#navbar .dropdown-item:hover{ 
  background: #f3f4f6; 
  color: #2563eb;
}

/* Logo - Remove negative filter, use normal logo */
#navbar .logo-img{ 
  filter: none; 
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* Language button */
#navbar .lang-btn{
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#navbar.scrolled .lang-btn{
  border-color: rgba(0, 0, 0, 0.2);
  color: var(--nav-link-dark);
}

/* Mobile hamburger */
#navbar .hamburger-line{
  background: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#navbar.scrolled .hamburger-line{
  background: var(--nav-link-dark);
}

/* ===== ADMIN LINK STYLES - Minimalis & Low Profile ===== */

/* Admin link: terlihat tapi low emphasis */
.navbar .admin-link__a,
.admin-link__a {
  font-size: 0.9rem;
  opacity: 0.75;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 6px;
  transition: opacity .2s ease, background-color .2s ease;
  display: inline-block;
  line-height: 1.2;
  color: inherit;
}

.navbar .admin-link__a:hover,
.navbar .admin-link__a:focus,
.admin-link__a:hover,
.admin-link__a:focus {
  opacity: 1;
  background-color: rgba(0,0,0,0.05);
  outline: none;
  text-decoration: none;
}

/* ATC Navbar specific styles */
.atc-navbar-actions .admin-link__a {
  color: #fff;
  font-size: 0.85rem;
  padding: 6px 10px;
  margin-left: 8px;
}

.atc-navbar-actions .admin-link__a:hover {
  background-color: rgba(255,255,255,0.1);
  color: #f59e0b;
}

/* Mobile styles */
@media (max-width: 768px) {
  .admin-link__a { 
    padding: 10px 12px; 
    display: block; 
  }
  
  .atc-navbar-mobile-nav .admin-link .admin-link__a {
    color: #fff;
    opacity: 0.8;
    font-size: 0.9rem;
  }
  
  .atc-navbar-mobile-nav .admin-link .admin-link__a:hover {
    opacity: 1;
    background-color: rgba(255,255,255,0.1);
  }
}

/* Animation delay for admin link in navbar animations */
.atc-navbar-actions .admin-link__a {
  opacity: 0.4;
  transform: scale(0.95);
  animation: actionItemSmoothPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 1.4s; /* After language switcher and search */
}