/* Reset & layout */

#navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}

#navigation li {
  margin: 0;
  padding: 0;
}

/* Normal nav links */

#navigation a:not(.header-btn) {
  position: relative;
  text-decoration: none;
  font-family: 'Noto Serif Georgian', serif;
  font-weight: bold;
  color: rgb(77, 77, 77);
  line-height: 1.2;
  display: inline-block;
  padding: 2px 0;
  transition: color 0.3s ease;
}

#navigation a:not(.header-btn)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #779349;
  transition: width 0.3s ease;
}

#navigation a:not(.header-btn):hover {
  color: #779349;
}

#navigation a:not(.header-btn):hover::after {
  width: 100%;
}

/* Marketplace button stays its own style */

.header-btn {
  background: #779349;
  color: #fff !important;
  padding: 6px 14px;
  border-radius: 4px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.header-btn:hover {
  background: #5e7738;
  text-decoration: none;
}