/* Main Navigation Styles */
nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(26, 58, 42, 0.97) !important;
  backdrop-filter: blur(10px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 2.5rem !important;
  height: 64px !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

.nav-logo {
  font-family: 'Noto Serif Bengali', serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #b7e4c7 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}

.nav-links {
  display: flex !important;
  gap: 0.2rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-links a {
  color: #e8c99a !important;
  text-decoration: none !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  padding: 0.4rem 0.7rem !important;
  border-radius: 6px !important;
  transition: all 0.2s !important;
  display: inline-block !important;
  border: none !important;
}

.nav-links a:hover {
  background: #2d6a4f !important;
  color: white !important;
}

.menu-btn {
  display: none !important;
  cursor: pointer !important;
  color: #b7e4c7 !important;
  width: 28px !important;
  height: 28px !important;
  z-index: 1001 !important;
}

.nav-overlay {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  z-index: 999 !important;
  backdrop-filter: blur(3px) !important;
}

/* Base Footer overriding */
footer a:hover { color: white !important; }

.nav-links a.active-nav {
  background: #52b788 !important;
  color: #1a3a2a !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  nav { padding: 0 1.5rem !important; }
  .menu-btn { display: block !important; }
  
  .nav-links {
    position: fixed !important;
    top: 0 !important;
    right: -280px !important;
    width: 260px !important;
    height: 100vh !important;
    background: #1a3a2a !important;
    flex-direction: column !important;
    padding: 5rem 1.5rem 2rem !important;
    transition: 0.3s ease-in-out !important;
    z-index: 1000 !important;
    box-shadow: -5px 0 20px rgba(0,0,0,0.5) !important;
    border-left: 1px solid rgba(255,255,255,0.05) !important;
  }
  
  .nav-links.active {
    right: 0 !important;
  }

  .nav-overlay.active {
    display: block !important;
    animation: fadeIn 0.3s ease !important;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .nav-links li {
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }

  .nav-links a {
    display: block !important;
    padding: 0.8rem 1rem !important;
    font-size: 1.05rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 6px !important;
  }

  .nav-links a:hover {
    background: rgba(255,255,255,0.1) !important;
    padding-left: 1.5rem !important;
  }
}