.header {
	box-sizing:border-box;
	margin-top:10px;
  background: linear-gradient(135deg, #800000 0%, #660000 50%, #4d0000 75%, #330000 100%); /* Bogatiji gradijent */
  padding: 15px 25px; /* Smanjen padding za manji header */
  text-align: center;
  border: 1px double #a52a2a; /* Deblja dvostruka ivica */
  border-radius: 10px; /* Zaobljeniji uglovi */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), /* Spoljašnja senka odozgo */
              inset 0 2px 8px rgba(255, 255, 255, 0.3), /* Unutrašnji sjaj odozgo */
              inset 0 -2px 4px rgba(0, 0, 0, 0.2); /* Dubina odozdo */
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; /* Puna širina unutar wrapper-a */
  flex-wrap: wrap; /* Prilagođavanje na manjim ekranima */
}

.header::before {
  content: '';
  position: absolute;
  top: -3px; left: -3px; right: -3px; bottom: -3px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Sjaj odozgo */
  z-index: -1;
  border-radius: 10px;
}

.header .logo {
  width: 80px;
  height: auto;
  margin-left: 15px; /* Smanjen margin */
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4)); /* Senka usklađena odozgo */
}

.header .site-title {
  font-family: 'Playfair Display', 'Dancing Script', cursive; /* Pisan font */
  font-size: 28px !important; /* Povećan font sa !important za prioritet */
  font-style: italic; /* Kursiv za pisan efekat */
  color: #FFFFFF;
  margin: 0;
  flex-grow: 1;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Senka odozgo */
  padding: 5px 0; /* Smanjen padding */
  letter-spacing: 1px; /* Blagi razmak */
  line-height: 1.2; /* Bolje poravnanje teksta */
}

/* Horizontalni meni sa tvojim stilovima */
nav.nav-menu.horizontal {
  background: transparent;
  padding: 10px 0;
}
nav.nav-menu.horizontal ul {
  display: flex;
  justify-content: flex-end; /* Centriran prema tvom stilu, može se promeniti na flex-end ako želiš desno */
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.nav-menu.horizontal.left ul {
  display: flex;
  justify-content: flex-start; /* Centriran prema tvom stilu, može se promeniti na flex-end ako želiš desno */
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.nav-menu.horizontal ul li.nav-item {
  margin: 0 3px;
}
nav.nav-menu.horizontal ul li.nav-item a {
  color: #fff;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 6px 10px;
  background: linear-gradient(180deg, #9B541A 0%, #6B2F0A 100%);
  border: 1px solid #5A2C09;
  border-radius: 4px;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  display: inline-block;
}


nav.nav-menu.horizontal ul li.nav-item a:hover,
nav.nav-menu.horizontal ul li.nav-item a:focus,
nav.nav-menu.horizontal ul li.nav-item a:active {
  background: linear-gradient(180deg, #0055A4 0%, #003366 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 4px 8px rgba(0, 0, 0, 0.3);
}



.sidebar {
  flex: 1 1 200px; /* Prilagođeno za vertikalni meni širine 200px */
  margin-top: -40px;
}

.language-switcher {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.sidebar .nav-menu.vertical {
  background: transparent;
  padding: 15px;
  width: 200px;
}

.sidebar .nav-menu.vertical ul {
  list-style: none;
  margin: 0;
  margin-top: 0px; /* Smanjen razmak između headera i prvog elementa */
  padding: 0;
}

.sidebar .nav-menu.vertical ul li.nav-item {
  margin: 4px 0;
}

.sidebar .nav-menu.vertical ul li.nav-item a {
  color: #fff;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 6px 10px;
  background: linear-gradient(180deg, #A52A2A 0%, #800000 100%);
  border: 1px solid #600000;
  border-radius: 4px;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  display: block;
}



/* Podmeni skriven po defaultu */
.sidebar .nav-menu.vertical ul li.nav-item.has-submenu .submenu {
  display: none;
  padding-left: 20px;
}

/* Prikazivanje podmenija kad je roditelj otvoren */
.sidebar .nav-menu.vertical ul li.nav-item.has-submenu.open > .submenu {
  display: block !important;
}


.sidebar .nav-menu.vertical ul li.nav-item.has-submenu .submenu li.nav-item a {
  font-size: 13px;
}

/* 1. Isključi hover/focus/active efekte */
.sidebar .nav-menu.vertical ul li.nav-item a:hover,
.sidebar .nav-menu.vertical ul li.nav-item a:focus,
.sidebar .nav-menu.vertical ul li.nav-item a:active {
  background: linear-gradient(180deg, #A52A2A 0%, #800000 100%);
  color: #fff;
}

/* 2. Aktivno dugme po URI-u */
.sidebar .nav-menu.vertical ul li.nav-item a.active-link {
  background: linear-gradient(180deg, #FFD700 0%, #DAA520 100%);
  color: #0000FF;
  font-weight:bold;
}

/* Horizontalni meni – potpuni flex raspored */
nav.nav-menu.horizontal {
    display: flex;
    justify-content: space-between;  /* razdvaja levi i desni deo */
    align-items: center;
    background: transparent;
    padding: 10px 0;
    width: 100%;
}