.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--White);
    height: 6.875rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--Light-Grey);
}
.site-header__inner {
    width: 100%;
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
/* Samo Drupal meniji, ne i contextual-links */
.primary-nav > ul.menu,
.primary-nav .menu > ul,
.primary-nav ul.language-switcher-language-url,
.primary-nav ul.language-switcher-locale-url {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Ako je contextual UL ipak u dometu, poštuj hidden atribut */
.contextual .contextual-links[hidden] {
    display: none !important;
}

.primary-nav a {
    padding: 10px 8px;
    font-weight: 500;
}

/* Search that expands to the left */
.site-search {
    position: relative;
    display: flex;
    align-items: center;
}
.site-search__toggle {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    border: 1px solid var(--Medium-Grey);
    background: var(--White);
    cursor: pointer;
}
.site-search__form {
    position: relative;
    margin-left: 8px;
    width: 44px;
    transition: width 0.18s ease;
    overflow: hidden;
}
.site-search__form .c-input--search {
    width: 100%;
}

/* open state */
.site-search.is-open .site-search__form {
    width: 16rem;
}

@media (max-width: 991.98px) {
    .site-search__form {
        width: 0;
    }
    .site-search.is-open .site-search__form {
        width: min(70vw, 18rem);
    }
}
.site-logo img {
    display: block;
    height: 48px;
    width: auto;
}
@media (max-width: 767.98px) {
    .site-logo img {
        height: 40px;
    }
}
/* Sigurnosno: Drupal koristi .visually-hidden; osiguraj da postoji */
.visually-hidden,
.u-visually-hidden{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Header okvir */
.site-header{
  position:sticky; top:0; z-index:1000;
  background:#fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.03);
}
.site-header__inner{
  display:flex; align-items:center; gap:1rem;
  min-height: 6.875rem; /* 110px */
}

/* Brand */
.site-header__brand{ flex:0 0 auto; }
.site-logo img{
  width: 11.9375rem; /* 191px */
  max-height: 4.875rem; /* 78px */
  height:auto; display:block;
}

/* NAV centriran – flex container kroz wrappere u Drupalu */
.primary-nav{ flex:1 1 auto; display:flex; justify-content:center; }
.primary-nav > div{ display:flex; align-items:center; gap:1rem; }
.primary-nav nav > ul,
.primary-nav > nav > ul,
.primary-nav ul{ /* tolerantan selektor za različite markup varijacije */
  display:inline-flex; align-items:center; gap:1rem; margin:0; padding:0; list-style:none;
}
.primary-nav a{
  font: 500 1rem/1 Inter, system-ui, sans-serif;
  color:#000; text-decoration:none; padding:.25rem .5rem; border-radius:.375rem;
}
.primary-nav a:hover{ background:rgba(0,0,0,.04); }

/* Language switcher uz meni, mala “pilula” */
.language-switcher-language-session ul.links{
  display:flex; gap:.5rem; margin:0; padding:0; list-style:none;
}
.language-switcher-language-session a{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:2rem; height:2rem; padding:.125rem .5rem;
  border:1px solid #e5e5e5; border-radius:.5rem; text-decoration:none;
  font: 500 .875rem/1 Inter; color:#000;
}
.language-switcher-language-session .is-active a{ border-color:#2C6DEE; color:#2C6DEE; }

/* Tools (search + CTA) desno */
.site-tools{ display:flex; align-items:center; gap:1rem; margin-left:auto; }

/* Search polje (kompaktno → otvaranje) */
.site-search{ position:relative; }
.site-search__toggle{
  display:inline-grid; place-items:center;
  width:3rem; height:3rem; border-radius:.625rem; border:0; background:var(--Light-Grey,#F2F2F2);
}
.site-search__form{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:0; opacity:0; pointer-events:none; transition: width .18s ease, opacity .18s ease;
}
.site-search.is-open .site-search__form{
  width:17.375rem; /* 278px */
  opacity:1; pointer-events:auto;
}
.c-input.c-input--search{
  width:100%; height:3rem; padding:.125rem 1rem;
  border:0; border-radius:.625rem; background:var(--Light-Grey,#F2F2F2);
  font: 400 1.125rem/1 Inter; color:#000; outline:none;
}
.c-input--search::placeholder{ color:#ADADAD; }

/* CTA gumb desno */
.site-cta{
  display:inline-flex; height:3rem; padding:.625rem 1.25rem;
  align-items:center; justify-content:center; gap:.5rem;
  border-radius:.5rem; border:1px solid var(--Blue,#2C6DEE);
  color:var(--Blue,#2C6DEE); font: 500 1.125rem/1 Inter; text-decoration:none;
}
.site-cta:hover{ box-shadow: var(--shadow-sm,0 6px 18px rgba(0,0,0,.06)); }

/* Hamburger */
.nav-toggle{
  display:none; width:2.5rem; height:2.5rem;
  border:1px solid #e5e5e5; border-radius:.5rem; background:#fff;
  margin-right:.25rem;
}
.site-header.is-collapsed .nav-toggle{ display:inline-block; }
.site-header.is-collapsed .primary-nav{
  position:fixed; inset: calc(var(--header-h,6.875rem)) 0 auto 0; /* ispod headera */
  background:#fff; padding:1rem 1.25rem; box-shadow:0 12px 24px rgba(0,0,0,.08);
  transform: translateY(-8%); opacity:0; pointer-events:none; transition: transform .16s ease, opacity .16s ease;
  justify-content:flex-start;
}
.site-header.is-collapsed .primary-nav.is-open{
  transform: none; opacity:1; pointer-events:auto;
}
.site-header.is-collapsed .primary-nav ul{ display:flex; flex-direction:column; gap:.75rem; }