@import url("design_foundation.css");

/* Globalna navigacija: tri nivoa, bez JS generisanja ruta. */
.main-navigation{
    margin-top:14px;
    display:block;
    color:#fff;
    --nav-panel-bg:#ffffff;
    --nav-panel-text:#172033;
    --nav-muted:#64748b;
    --nav-border:#dbe5f2;
    --nav-soft:#f6f9fd;
    --nav-active:#eaf2ff;
    --nav-primary:#1f4b99;
}
.main-navigation *{box-sizing:border-box}
.nav-sections{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nav-top-link,.nav-top-trigger{
    color:#fff;
    font-weight:800;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    padding:10px 13px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    cursor:pointer;
    font:inherit;
    line-height:1.1;
    transition:transform .16s ease, background-color .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.nav-top-link:hover,.nav-top-trigger:hover,.nav-section.is-open>.nav-top-trigger,.nav-section.is-active>.nav-top-trigger,.nav-top-link.is-active{
    background:rgba(255,255,255,.22);
    border-color:rgba(255,255,255,.36);
    box-shadow:0 12px 28px rgba(0,0,0,.14);
    transform:translateY(-1px);
    color:#fff;
}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.1em}
.nav-caret{font-size:.82em;opacity:.86;transition:transform .16s ease}.nav-section.is-open>.nav-top-trigger .nav-caret{transform:rotate(180deg)}
.nav-section{position:relative}
.nav-panel{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    z-index:80;
    width:min(760px,calc(100vw - 28px));
    max-height:calc(100vh - 130px);
    overflow:auto;
    padding:14px;
    border-radius:18px;
    background:var(--nav-panel-bg);
    color:var(--nav-panel-text);
    border:1px solid rgba(219,229,242,.96);
    box-shadow:0 24px 58px rgba(15,23,42,.22);
    display:none;
    grid-template-columns:repeat(2,minmax(230px,1fr));
    gap:12px;
}
.nav-section.is-open>.nav-panel{display:grid;animation:navPanelIn .14s ease-out both}
.nav-account .nav-panel{right:0;left:auto;width:min(320px,calc(100vw - 28px));grid-template-columns:1fr}
.nav-subgroup{
    background:linear-gradient(180deg,#fff 0%,var(--nav-soft) 100%);
    border:1px solid #e5edf8;
    border-radius:15px;
    overflow:hidden;
}
.nav-subgroup-trigger{
    width:100%;
    border:0;
    background:transparent;
    color:#172033;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 13px;
    font:inherit;
    font-weight:850;
    cursor:pointer;
}
.nav-subgroup-trigger:hover{background:#f0f6ff}.nav-subgroup.is-open>.nav-subgroup-trigger,.nav-subgroup.is-active>.nav-subgroup-trigger{color:var(--nav-primary);background:#edf5ff}
.nav-subgroup.is-open>.nav-subgroup-trigger .nav-caret,.nav-subgroup.is-active>.nav-subgroup-trigger .nav-caret{transform:rotate(180deg)}
.nav-subgroup-panel{display:none;padding:6px 8px 10px}.nav-subgroup.is-open>.nav-subgroup-panel,.nav-subgroup.is-active>.nav-subgroup-panel{display:grid;gap:5px}
.nav-item,.nav-logout-button{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    min-height:38px;
    padding:8px 10px;
    border-radius:11px;
    color:#22314b;
    border:1px solid transparent;
    background:transparent;
    font:inherit;
    font-weight:720;
    text-align:left;
    cursor:pointer;
    transition:background-color .14s ease, border-color .14s ease, transform .14s ease;
}
.nav-panel .nav-item,
.nav-panel .nav-logout-button {
    color: var(--nav-panel-text) !important;
    background: transparent;
}
.nav-panel .nav-item:hover,
.nav-panel .nav-item:focus-visible,
.nav-panel .nav-item.is-active,
.nav-panel .nav-logout-button:hover,
.nav-panel .nav-logout-button:focus-visible {
    color: var(--nav-primary) !important;
    background: var(--nav-active) !important;
    border-color: #cfe0fb;
}
.nav-panel .nav-subgroup-trigger,
.nav-panel .nav-subgroup-panel .nav-item {
    color: var(--nav-panel-text) !important;
}
.nav-panel .nav-subgroup-trigger:hover,
.nav-panel .nav-subgroup-trigger:focus-visible,
.nav-panel .nav-subgroup.is-open > .nav-subgroup-trigger,
.nav-panel .nav-subgroup.is-active > .nav-subgroup-trigger,
.nav-panel .nav-subgroup-panel .nav-item:hover,
.nav-panel .nav-subgroup-panel .nav-item:focus-visible,
.nav-panel .nav-subgroup-panel .nav-item.is-active {
    color: var(--nav-primary) !important;
    background: var(--nav-active) !important;
}
.nav-item:hover,.nav-logout-button:hover{background:#eef5ff;border-color:#d9e8fb;color:var(--nav-primary);transform:translateX(2px)}
.nav-item.is-active{background:var(--nav-active);border-color:#cfe0fb;color:var(--nav-primary)}
.nav-logout-form{margin:0}.nav-logout-button{color:#b42318}.nav-logout-button:hover{background:#fff1f1;border-color:#f5c8c8;color:#8a1f1f}
.nav-search{display:none;margin-bottom:10px}.nav-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-search-input{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);color:#fff;padding:9px 12px;font:inherit;font-weight:700;outline:none}
.nav-search-input::placeholder{color:rgba(255,255,255,.74)}.nav-search-input:focus{box-shadow:0 0 0 4px rgba(255,255,255,.16);background:rgba(255,255,255,.20)}
.main-navigation.is-searching .nav-section{display:block}.main-navigation .is-filter-hidden{display:none!important}.main-navigation.is-searching .nav-section.is-search-match>.nav-panel{display:grid}.main-navigation.is-searching .nav-subgroup.is-search-match>.nav-subgroup-panel{display:grid}
@keyframes navPanelIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1120px){.nav-panel{grid-template-columns:1fr;width:min(520px,calc(100vw - 28px))}}
@media(max-width:768px){
    .main-navigation{display:none;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.18);max-height:calc(100vh - 126px);overflow:auto;-webkit-overflow-scrolling:touch}
    .main-navigation.is-open{display:block}.nav-search{display:block}.nav-sections{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
    .nav-top-link,.nav-top-trigger{width:100%;justify-content:space-between;border-radius:14px;min-height:40px;padding:9px 11px;font-size:13px;background:rgba(255,255,255,.12)}
    .nav-top-label{display:flex;align-items:center;gap:8px}.nav-section{position:static}.nav-panel,.nav-account .nav-panel{position:static;width:100%;max-height:none;overflow:visible;margin-top:7px;padding:8px;border-radius:14px;box-shadow:none;grid-template-columns:1fr;background:rgba(255,255,255,.96);display:none}
    .nav-section.is-open>.nav-panel{display:grid}.nav-subgroup-trigger{min-height:38px;padding:9px 10px;font-size:13px}.nav-item,.nav-logout-button{min-height:36px;padding:8px 9px;font-size:13px}.nav-subgroup-panel{padding:5px 7px 8px}
}
@media(max-width:380px){.nav-top-link,.nav-top-trigger,.nav-subgroup-trigger,.nav-item,.nav-logout-button{font-size:12px}}

/* NAV_LAYER_FIX_20260709
   Dropdown meniji moraju da budu iznad sadržaja stranice.
   PDF overlay ostaje najviši sloj. */
header {
    z-index: 3000 !important;
    overflow: visible !important;
}
.header-shell {
    position: relative;
    z-index: 3001;
    overflow: visible !important;
}
main {
    position: relative;
    z-index: 1;
}
.page-shell {
    position: relative;
    z-index: 1;
}
.main-navigation {
    position: relative;
    z-index: 3100 !important;
    overflow: visible !important;
    isolation: isolate;
}
.nav-sections {
    position: relative;
    z-index: 3101;
}
.nav-section {
    position: relative;
    z-index: 1;
}
.nav-section.is-open {
    z-index: 3300 !important;
}
.nav-panel,
.nav-account .nav-panel,
.nav-panel-account {
    z-index: 3400 !important;
    max-width: calc(100vw - 28px);
    min-height: 0;
}
.nav-section.is-open > .nav-panel {
    visibility: visible;
    opacity: 1;
}
.pdf-viewer-overlay {
    z-index: 5000 !important;
}