/* TVZ Studijski navigator — pojednostavljeni prikaz (v2). Sve detalje na klik (modal). */
.tvz-sn2{max-width:1200px;margin:0 auto;padding:8px 16px 40px;}
.tvz-sn2 *{box-sizing:border-box;}

/* Tabovi */
.tvz-sn2-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.tvz-sn2-tab{appearance:none;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;font-weight:700;font-size:.95rem;padding:10px 18px;border-radius:999px;cursor:pointer;transition:.15s;}
.tvz-sn2-tab:hover{border-color:#1E3A8A;color:#1E3A8A;}
.tvz-sn2-tab.is-active{background:#1E3A8A;border-color:#1E3A8A;color:#fff;}

.tvz-sn2-view{display:none;}
.tvz-sn2-view.is-active{display:block;}

/* Filteri */
.tvz-sn2-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;}
.tvz-sn2-chip,.tvz-sn2-lvl{appearance:none;border:1px solid rgba(15,23,42,.14);background:#fff;color:#334155;font-size:.85rem;font-weight:600;padding:7px 13px;border-radius:999px;cursor:pointer;transition:.15s;}
.tvz-sn2-chip:hover,.tvz-sn2-lvl:hover{border-color:#1E3A8A;color:#1E3A8A;}
.tvz-sn2-chip.is-active{background:#1E3A8A;border-color:#1E3A8A;color:#fff;}
.tvz-sn2-levels{display:inline-flex;gap:6px;margin-left:auto;}
.tvz-sn2-lvl.is-active{background:#0f172a;border-color:#0f172a;color:#fff;}

/* Grid kartica */
.tvz-sn2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.tvz-sn2-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid rgba(15,23,42,.12);border-left:4px solid #1E3A8A;border-radius:12px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(15,23,42,.05);transition:.15s;cursor:pointer;}
.tvz-sn2-card:hover{box-shadow:0 12px 26px rgba(15,23,42,.14);transform:translateY(-2px);}
.tvz-sn2-card--diplomski{border-left-color:#16A34A;}
.tvz-sn2-card__lvl{font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#1E3A8A;}
.tvz-sn2-card--diplomski .tvz-sn2-card__lvl{color:#16A34A;}
.tvz-sn2-card__title{font-size:1.02rem;font-weight:700;line-height:1.25;color:#0f172a;}
.tvz-sn2-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
.tvz-sn2-card__meta span{font-size:.74rem;font-weight:600;color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 9px;}
.tvz-sn2-card__more{font-size:.82rem;font-weight:700;color:#1E3A8A;}
.tvz-sn2-card--diplomski .tvz-sn2-card__more{color:#16A34A;}
.tvz-sn2-card__conf{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.tvz-sn2-card__conf i{display:block;height:100%;background:#1E3A8A;}
.tvz-sn2-card__confnum{font-size:.74rem;font-weight:800;color:#1E3A8A;}
.tvz-sn2-empty,.tvz-sn2-hint{color:#64748b;font-size:.9rem;margin:16px 2px;}

/* Konfigurator */
.tvz-sn2-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
.tvz-sn2-mode{appearance:none;border:1px solid rgba(15,23,42,.14);background:#fff;color:#334155;font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:999px;cursor:pointer;transition:.15s;}
.tvz-sn2-mode:hover{border-color:#1E3A8A;color:#1E3A8A;}
.tvz-sn2-mode.is-active{background:#1E3A8A;border-color:#1E3A8A;color:#fff;}
.tvz-sn2-panel{display:none;}
.tvz-sn2-panel.is-active{display:block;}
.tvz-sn2-q{font-weight:700;color:#0f172a;margin:0 0 12px;}
.tvz-sn2-picks{display:flex;flex-wrap:wrap;gap:8px;}
.tvz-sn2-pick{appearance:none;border:1px solid rgba(15,23,42,.16);background:#fff;color:#334155;font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;transition:.15s;}
.tvz-sn2-pick:hover{border-color:#1E3A8A;color:#1E3A8A;}
.tvz-sn2-pick.is-active{background:#1E3A8A;border-color:#1E3A8A;color:#fff;}
.tvz-sn2-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
.tvz-sn2-btn{appearance:none;border:1px solid rgba(15,23,42,.16);background:#fff;color:#0f172a;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:999px;cursor:pointer;transition:.15s;}
.tvz-sn2-btn:hover{border-color:#1E3A8A;color:#1E3A8A;}
.tvz-sn2-btn--primary{background:#1E3A8A;border-color:#1E3A8A;color:#fff;}
.tvz-sn2-btn--primary:hover{background:#16307a;color:#fff;}

/* Modal (detalji na klik) */
.tvz-sn2-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;}
.tvz-sn2-modal[hidden]{display:none;}
.tvz-sn2-modal__bg{position:absolute;inset:0;background:rgba(15,23,42,.55);}
.tvz-sn2-modal__panel{position:relative;background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:86vh;overflow:auto;padding:26px 26px 22px;box-shadow:0 24px 60px rgba(15,23,42,.3);}
.tvz-sn2-modal__x{position:absolute;top:12px;right:14px;border:0;background:#f1f5f9;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;color:#0f172a;cursor:pointer;}
.tvz-sn2-modal__x:hover{background:#e2e8f0;}
.tvz-sn2-m__lvl{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#1E3A8A;}
.tvz-sn2-m__lvl--diplomski{color:#16A34A;}
.tvz-sn2-m__title{font-size:1.5rem;font-weight:800;line-height:1.2;color:#0f172a;margin:4px 0 10px;}
.tvz-sn2-m__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.tvz-sn2-m__meta span{font-size:.78rem;font-weight:600;color:#334155;background:#f1f5f9;border-radius:999px;padding:4px 11px;}
.tvz-sn2-m__desc{color:#334155;line-height:1.6;margin:0 0 16px;}
.tvz-sn2-m__sec{margin:0 0 14px;}
.tvz-sn2-m__sec h4{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#64748b;margin:0 0 7px;}
.tvz-sn2-m__chips{display:flex;flex-wrap:wrap;gap:6px;}
.tvz-sn2-m__chips a,.tvz-sn2-m__chips span{font-size:.82rem;font-weight:600;color:#1E3A8A;background:#eef2fb;border-radius:999px;padding:5px 11px;text-decoration:none;}
.tvz-sn2-m__chips a:hover{background:#dde6f8;}
.tvz-sn2-m__list{margin:0;padding-left:18px;color:#334155;line-height:1.6;}
.tvz-sn2-m__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.tvz-sn2-m__cta a{display:inline-block;font-weight:700;font-size:.9rem;padding:11px 18px;border-radius:999px;text-decoration:none;}
.tvz-sn2-m__cta a.is-primary{background:#1E3A8A;color:#fff;}
.tvz-sn2-m__cta a.is-primary:hover{background:#16307a;}
.tvz-sn2-m__cta a.is-ghost{border:1px solid rgba(15,23,42,.18);color:#0f172a;}
body.tvz-sn2-lock{overflow:hidden;}

@media (max-width:640px){
  .tvz-sn2-levels{margin-left:0;width:100%;}
  .tvz-sn2-modal__panel{padding:20px 18px;}
  .tvz-sn2-m__title{font-size:1.25rem;}
}
@media (prefers-reduced-motion: reduce){
  .tvz-sn2-card{transition:none;}
  .tvz-sn2-card:hover{transform:none;}
}