/* TOP BAR */
.top-bar{
  background-color:#006400;
  color:#fff;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  font-size:16px;
}

.nav-left,
.nav-right{
  display:flex;
  align-items:center;
  gap:15px;
}

/* linky v top-bar (profil/odhlásiť) */
.top-link{
  color:#fff;
  text-decoration:none;
  font-weight:700;
  transition:color .3s ease;
}
.top-link:hover{ color:#ffb700; }

/* DROPDOWN */
.dropdown{ position:relative; display:inline-block; }

.dropbtn{
  background-color:#004b3a;
  color:#fff;
  padding:8px 15px;
  border:none;
  border-radius:5px;
  cursor:pointer;
  font-weight:800;
}
.dropdown:hover .dropbtn{ color:#ffb700; }

.dropdown-content{
  display:none;
  position:absolute;
  background-color:#fff;
  min-width:160px;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  border-radius:6px;
  margin-top:6px;
  z-index:1000;
  overflow:hidden;
}
.dropdown-content a{
  display:block;
  padding:8px 16px;
  color:#000;
  text-decoration:none;
  font-weight:normal;
}
.dropdown-content a:hover{
  background-color:#ffb700;
  color:#fff;
}
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content{
  display:block;
}


/* PRIHLÁSIŤ SA – REFERENČNÝ ŠTÝL */
.login-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:6px 14px;
  height:34px;
  border-radius:8px;

  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  font-size:15px;

  background:#0a7a2a;                 /* ✅ rovnaká zelená */
  border:1px solid rgba(255,255,255,.25);

  transition:background .2s ease,
             box-shadow .2s ease,
             transform .05s ease;
}

.login-btn:hover{
  background:#0d8f33;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  color:#fff !important;
}

.login-btn:active{
  transform:translateY(1px);
}

.login-btn i{
  font-size:15px;
  line-height:1;
}