/* Header */
.site-header {
  border-bottom: 1px solid #eee;
  background: #fff;
}
.site-header .wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap; /* da se lepo prelama na užem ekranu */
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.brand-logo {
  height: 64px;      /* <<< ovde smanjuješ/povećavaš logo */
  width: auto;
  display: block;
}
.main-nav {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto; /* gurne navigaciju udesno, logo ostaje levo */
}

/* malo zbij na telefonima */
@media (max-width: 768px) {
  .brand-logo { height: 48px; }
  .site-header .wrap { justify-content: center; }
  .main-nav { margin-left: 0; justify-content: center; }
}
/* header: logo i meni u jednom redu */
.header-row{
  display:flex;
  align-items:center;
  gap:16px;         /* razmak logo–meni */
}

.brand-logo{
  height:44px;      /* fino poravnanje sa dugmićima */
  width:auto;
  display:block;
}

/* navigacija na desno i u jednom redu */
.main-nav{
  margin-left:auto; /* gurne meni do desne ivice */
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* na užim ekranima dozvoli horizontalni skrol menija */
@media (max-width: 700px){
  .brand-logo{ height:38px; }
  .main-nav{ flex-wrap:nowrap; overflow-x:auto; }
}