/* ALGOR navigacija — v3.61 (3.61: tamni "Moj račun" izbornik)
   - stavke koje ne stanu automatski prelaze u "Više" (assets/js/nav.js)
   - grupe s podstavkama otvaraju se ispod sebe (harmonika)
   - hamburger izbornik ispod 1200 px
   Učitava se nakon site.css i account-nav.css pa nadjačava starije nav blokove (3.45/3.46). */

.navx-off{display:none!important}
.support-button .navx-short{display:none}
.navx-chevron{width:10px;height:7px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .15s ease}
.navx-group.is-open>.navx-head .navx-chevron{transform:rotate(180deg)}
.navx .navx-link,.navx .navx-toggle{font:inherit;font-weight:inherit;color:inherit;background:none;border:0;margin:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.navx .navx-sub{display:none}
.navx .navx-group.is-open>.navx-sub{display:block}
.navx .navx-sub a{display:flex;align-items:center;gap:9px;border-radius:5px;color:#cfd5da;font-size:.9rem;font-weight:500;line-height:1.3;transition:background-color .15s,color .15s}
.navx .navx-sub a:hover,.navx .navx-sub a:focus-visible{background:rgba(229,9,28,.13);color:#fff}
.navx-sub-icon{object-fit:contain;flex:0 0 auto}
.navx-sub-svg{display:inline-flex;width:18px;height:18px;flex:0 0 18px}
.navx-sub-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.navx-sub-dot{width:6px;height:6px;border-radius:50%;background:#e5091c;flex:0 0 6px;margin:0 6px}
.navx .nav-item-icon,.navx .navx-m-icon{display:block;object-fit:contain;flex:0 0 auto}

/* ---------- RAČUNALO: 1200 px i više ---------- */
@media (min-width:1200px){
  .site-header .main-nav.navx{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap!important;gap:clamp(12px,1.2vw,24px)!important}
  .site-header .main-nav.navx.navx-measuring{justify-content:flex-start}
  .navx .navx-primary{display:flex;align-items:center;flex:0 0 auto;min-width:0;gap:clamp(12px,1vw,20px)}

  /* glavni red */
  .navx .navx-p.navx-link,.navx .navx-p .navx-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:15px 0;transition:opacity .18s ease}
  .navx .navx-p.navx-link:hover,.navx .navx-p .navx-link:hover{opacity:.74}
  .navx .navx-p.navx-group{position:relative}
  .navx .navx-p .navx-head{display:flex;align-items:center;gap:2px}
  .navx .navx-p .navx-toggle-arrow{display:inline-flex;align-items:center;padding:12px 4px}
  .navx .navx-p .navx-sub{position:absolute;left:-12px;top:calc(100% + 2px);z-index:40;min-width:240px;padding:8px;background:linear-gradient(155deg,#111820,#080b0e);border:1px solid rgba(255,255,255,.13);border-radius:10px;box-shadow:0 24px 55px rgba(0,0,0,.48)}
  .navx .navx-p .navx-sub a{min-height:42px;padding:9px 12px;white-space:nowrap}

  /* "Više" panel: uži, jedan stupac, grupe se otvaraju ispod sebe */
  .navx .nav-more{flex:0 0 auto}
  .navx .nav-more-panel.navx-panel{width:340px;max-width:calc(100vw - 32px);padding:8px}
  .navx .nav-more:not(.is-open):focus-within>.nav-more-panel{opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none}
  .navx .navx-m{display:block;border-bottom:1px solid rgba(255,255,255,.08)}
  .navx .navx-m.navx-link,.navx .navx-m .navx-link{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 12px;border-radius:7px;font-weight:700;color:#fff;white-space:nowrap}
  .navx .navx-m.navx-link:hover,.navx .navx-m .navx-link:hover,.navx .navx-m.navx-group.is-open>.navx-head{background:rgba(255,255,255,.055);border-radius:7px}
  .navx .navx-m .navx-head{display:flex;align-items:center}
  .navx .navx-m .navx-group-link{flex:1 1 auto}
  .navx .navx-m .navx-toggle .navx-chevron{margin-left:auto}
  .navx .navx-m .navx-toggle-arrow{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:7px}
  .navx .navx-m .navx-sub{padding:4px 6px 10px 40px}
  .navx .navx-m .navx-sub a{min-height:40px;padding:8px 10px}

  .site-header .navx .support-button{flex:0 0 auto;white-space:nowrap;margin-left:clamp(4px,.8vw,16px)!important}
  .navx .account-nav{flex:0 0 auto;margin-left:0}
}

/* prijenosnici: kraći gumb za podršku, "Moj račun" samo ikona */
@media (min-width:1200px) and (max-width:1599.98px){
  .site-header .navx .support-button{padding-left:16px!important;padding-right:16px!important}
  .navx .support-button:has(.navx-short) .navx-long{display:none}
  .navx .support-button .navx-short{display:inline}
  .navx .account-nav-trigger{padding:10px 12px;gap:6px}
  .navx .account-nav-trigger [data-account-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}

/* ---------- TABLET I MOBITEL: ispod 1200 px ---------- */
@media (max-width:1199.98px){
  html body .site-header .header-inner{width:auto!important;max-width:none!important;margin-inline:0!important;padding:12px 20px!important;flex-wrap:wrap!important;gap:0!important;min-height:86px}
  html body .site-header .logo img{width:min(145px,46vw)!important;height:auto!important}
  html.js body .site-header .menu-toggle{display:flex;align-items:center;gap:12px;margin-left:auto;background:rgba(255,255,255,.025);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:9px 12px;font-size:.875rem;cursor:pointer}

  html body .site-header .main-nav.navx{display:flex;flex-direction:column;align-items:stretch;flex:1 0 100%;width:100%;flex-wrap:nowrap!important;gap:0!important;padding:14px 0 10px;font-size:.95rem}
  html.js body .site-header .main-nav.navx{display:none!important}
  html.js body .site-header .main-nav.navx.is-open{display:flex!important;background:linear-gradient(180deg,rgba(5,6,7,.18),rgba(5,6,7,.72));border-top:1px solid rgba(255,255,255,.07)}

  .navx .navx-primary{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
  .navx .navx-more{display:none!important}
  .navx .navx-primary>a.navx-p.navx-off{display:flex!important}
  .navx .navx-primary>div.navx-p.navx-off{display:block!important}
  .navx .navx-p{border-bottom:1px solid rgba(255,255,255,.09)}
  .navx .navx-p.navx-link,.navx .navx-p .navx-link{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 6px;color:#fff;font-weight:600}
  .navx .navx-p .navx-head{display:flex;align-items:center}
  .navx .navx-p .navx-group-link{flex:1 1 auto}
  .navx .navx-p .navx-toggle .navx-chevron{margin-left:auto;width:12px;height:8px}
  .navx .navx-p .navx-toggle-arrow{width:50px;height:50px;display:grid;place-items:center;color:#fff}
  .navx .navx-p .navx-sub{position:static;padding:0 0 10px 36px}
  .navx .navx-p .navx-sub a{min-height:44px;padding:9px 8px;color:#cbd2d8;touch-action:manipulation}
  .navx .navx-p.is-icon-only .sr-only,.navx .navx-p .is-icon-only .sr-only{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}

  html body .site-header .navx .support-button{margin:14px 0 0!important;align-self:stretch;display:flex;justify-content:center;text-align:center}
  .navx .account-nav{width:100%;margin:8px 0 0;position:relative;z-index:1001}
  .navx .account-nav-trigger{width:100%;justify-content:flex-start}
  .navx .account-nav-chevron{margin-left:auto}
  .navx .account-nav-panel{position:relative!important;z-index:1002!important;width:100%;margin-top:7px;box-shadow:none;border-color:#ffffff24;background:#12171b;color:#fff;right:auto;top:auto}
  .navx .account-nav-menu a{color:#fff}
  .navx .account-nav-menu a:hover{background:#ffffff12;color:#fff}
  .navx .account-menu-icon{color:#dbe3e8}
  .navx .account-nav-menu a.account-logout{border-top-color:#ffffff1c;color:#fff}
}

/* 3.61 — "Moj račun" padajući izbornik na računalu u istom tamnom stilu kao "Više" */
@media (min-width:1200px){
  .navx .account-nav-trigger{min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#172028;color:#fff;font-weight:600}
  .navx .account-nav-trigger:hover,.navx .account-nav.is-open .account-nav-trigger{background:#1d2731;border-color:rgba(255,255,255,.16)}
  .navx .account-nav-panel{top:calc(100% + 12px);right:0;width:270px;padding:8px;background:linear-gradient(155deg,#111820,#080b0e);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:10px;box-shadow:0 24px 55px rgba(0,0,0,.48)}
  .navx .account-nav-menu a{min-height:50px;padding:10px 12px;border-radius:7px;color:#fff;font-weight:700}
  .navx .account-nav-menu a:hover,.navx .account-nav-menu a:focus-visible{background:rgba(255,255,255,.055);color:#fff}
  .navx .account-menu-icon{color:#e5091c}
  .navx .account-nav-menu a.account-logout{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 7px 7px;color:#cfd5da}
  .navx .account-nav-menu a.account-logout .account-menu-icon{color:#cfd5da}
}