/* ================= GLOBAL ================= */
body {
  font-family: "Segoe UI", Inter, system-ui, sans-serif;
  color: #3A2F28;            /* soft coffee tekst */
}

/* ================= HEADER ================= */
.nav-header {
  background: linear-gradient(
    90deg,
    #EDE6DC,
    #E4D8C6,
    #DCCDB7
  ); /* svetla kafa, nikako braon */
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.school-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: #3A2F28;
}

.school-subtitle {
  font-size: .85rem;
  font-style: italic;
  opacity: .8;
  color: #6B5A4E;
}

/* ================= MAIN NAV ================= */
.nav-main {
  gap: 1.1rem;
  align-items: center;
}

/* ================= NAV LINKS ================= */
.nav-link {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #3A2F28;
  padding: 4px 6px;
  border-radius: 16px;
  transition: all .25s ease;
}

.nav-link:hover {
  background: #E9DDCC;
  color: #8B5E3C; /* light coffee akcenat */
}

/* ================= DROPDOWN ================= */
.group {
  position: relative;   /* potrebna za absolute dropdown */
}

/* novi stil za dropdown koji ostaje otvoren dok je miš iznad njega */
.nav-dropdown {
  position: absolute;
  top: 100%;       /* odmah ispod dugmeta */
  left: 0;
  min-width: 220px; 
  background: #FFFFFF;
  color: #3E2A1C;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(0,0,0,.25);
  overflow: hidden;
  z-index: 50;

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .25s ease;
}

/* Prikaz dropdowna kad je parent ili sam dropdown hovered */
.group:hover .nav-dropdown,
.group:focus-within .nav-dropdown,
.nav-dropdown:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown a {
  display: block;
  padding: 12px 18px;
  font-size: .85rem;
  font-weight: 600;
  color: #3E2A1C;
  white-space: nowrap;   /* sprečava da linkovi prelome liniju */
}

.nav-dropdown a:hover {
  background: #E9DDCC;   /* isto kao hover Brzih linkova */
  color: #8B5E3C;
}

/* Povećanje hover zone parent dugmeta za preciznost */
.group > .nav-link {
  padding-top: 6px;
  padding-bottom: 6px;
  display: inline-block;
}

/* ================= SIDEBAR ================= */
.sidebar {
  width: 280px;
  margin-top: 1.5rem;
  background: #FFFFFF;
  border-left: 4px solid #CBB59A; /* nežan coffee border */
  border-radius: 0 28px 28px 0;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

.sidebar nav {
  padding: 1.8rem;
}

.sidebar h3 {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8B5E3C;
  margin-bottom: 1.2rem;
}

/* ================= BRZI LINKOVI ================= */
.side-link,
.side-group span {
  display: block;
  padding: 12px 16px;
  background: #F6F1EA;
  border-radius: 12px;
  font-weight: 600;
  color: #3A2F28;
  margin-bottom: .6rem;
  transition: all .25s ease;
}

.side-link:hover {
  background: #A67C52; /* light coffee */
  color: #FFFFFF;
}

.side-group a {
  display: block;
  padding: 8px 18px;
  font-size: .85rem;
  color: #6B5A4E;
  transition: color .2s ease;
}

.side-group a:hover {
  color: #8B5E3C;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}