/* EP Zanimanja. Boje preuzete sa stranica kalkulatora i eko takse. */
.epz{
  --epz-plava:#0053C2;
  --epz-tamna:#003272;
  --epz-linija:#e2e7f0;
  --epz-tekst:#37445a;
  --epz-tiho:#7a8699;
  --epz-zelena:#0f7a4a;
  --epz-crvena:#b23c2a;
  --epz-narandzasta:#a56a12;
  max-width:1180px;margin:0 auto;padding:0 4px;
  font-size:1.02rem;line-height:1.75;color:var(--epz-tekst);
}
.epz-sec{margin:0 0 46px}
.epz-sec:last-child{margin-bottom:10px}
.epz-sec h2{
  font-size:1.4rem;color:var(--epz-tamna);margin:0 0 16px;
  padding-left:15px;border-left:4px solid var(--epz-plava);line-height:1.25;
}
.epz-sec p{margin:0 0 15px}
.epz-sec p:last-child{margin-bottom:0}
.epz-uvod p:first-child{font-size:1.08rem}
.epz-sitno{font-size:.9rem;color:var(--epz-tiho);margin-top:14px}
.epz a{color:var(--epz-plava)}

/* Tabela */
.epz-tabela{overflow-x:auto;border:1px solid var(--epz-linija);border-radius:12px;background:#fff}
.epz-tabela table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:720px}
.epz-tabela th{
  background:#f4f7fb;color:var(--epz-tamna);text-align:left;font-weight:700;
  padding:12px 16px;border-bottom:1px solid var(--epz-linija);white-space:nowrap;
}
.epz-tabela td{padding:14px 16px;border-bottom:1px solid #eef1f6;vertical-align:top}
.epz-tabela tr:last-child td{border-bottom:0}
.epz-tabela tr.epz-fokus{background:#eef4fd}
.epz-kod{display:block;font-weight:800;color:var(--epz-plava);text-decoration:none;font-size:1.04rem}
.epz-kod:hover{text-decoration:underline}
.epz-naziv{display:block;font-size:.88rem;color:var(--epz-tiho);line-height:1.45;margin-top:2px;max-width:220px}
.epz-iznos{font-weight:800;color:var(--epz-plava);white-space:nowrap}
.epz-prazno{color:var(--epz-tiho);font-size:.9rem}
.epz-znak{display:inline-block;font-size:.84rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}
.epz-da{background:#e6f4ec;color:var(--epz-zelena)}
.epz-ne{background:#fbeae6;color:var(--epz-crvena)}
.epz-uslovno{background:#fdf3e0;color:var(--epz-narandzasta)}
.epz-nota{display:block;font-size:.84rem;color:var(--epz-tiho);line-height:1.5;margin-top:7px;max-width:280px}
.epz-dozvola{
  display:block;margin-top:9px;padding:8px 12px;background:#fdf3e0;border-radius:8px;
  font-size:.85rem;line-height:1.5;color:#7a4f0c;
}
.epz-dozvola b{color:#5e3c07}

/* Birac */
.epz-birac{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.epz-opcije{display:flex;flex-direction:column;gap:9px}
/* Visoka specificnost jer se tema i ep-layout ucitavaju posle ovog fajla
   i inace nadjacaju izgled dugmeta. */
.epz .epz-birac .epz-opcije button.epz-opcija{
  display:block;width:100%;text-align:left;background:#fff;
  border:1px solid var(--epz-linija);border-radius:10px;box-shadow:none;
  padding:13px 16px;margin:0;font-family:inherit;font-size:.95rem;font-weight:500;
  line-height:1.5;color:var(--epz-tekst);letter-spacing:normal;text-transform:none;
  cursor:pointer;transition:.14s;
}
.epz .epz-birac .epz-opcije button.epz-opcija:hover{border-color:var(--epz-plava);background:#f7fafd;color:var(--epz-tamna)}
.epz .epz-birac .epz-opcije button.epz-opcija[aria-pressed="true"]{border-color:var(--epz-plava);background:var(--epz-plava);color:#fff}
.epz-odgovori{position:sticky;top:20px}
.epz-odgovor{
  background:#f5f8fc;border:1px solid var(--epz-linija);border-left:4px solid var(--epz-plava);
  border-radius:0 12px 12px 0;padding:20px 22px;
}
.epz-odgovor[hidden]{display:none}
.epz-preporuka{display:block;color:var(--epz-tamna);font-size:1.06rem;margin-bottom:9px;line-height:1.4}
.epz-odgovor p{margin:0 0 12px;font-size:.96rem}
.epz-vise{font-weight:600;text-decoration:none;font-size:.93rem}
.epz-vise:hover{text-decoration:underline}
.epz-prazan{border-left-color:var(--epz-linija);color:var(--epz-tiho)}

/* Zablude */
.epz-zabluda{border:1px solid var(--epz-linija);border-radius:12px;overflow:hidden;margin:0 0 14px;background:#fff}
.epz-tvrdnja{background:#fbeae6;color:#8a2f20;padding:14px 18px;font-weight:600;line-height:1.55}
.epz-istina{padding:16px 18px;font-size:.97rem}

/* FAQ */
.epz-faq{border:1px solid var(--epz-linija);border-radius:12px;overflow:hidden;background:#fff}
.epz-q{border-bottom:1px solid var(--epz-linija)}
.epz-q:last-child{border-bottom:0}
.epz-q summary{
  cursor:pointer;list-style:none;padding:16px 46px 16px 20px;position:relative;
  font-weight:600;color:var(--epz-tamna);line-height:1.5;
}
.epz-q summary::-webkit-details-marker{display:none}
.epz-q summary:after{
  content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--epz-plava);border-bottom:2px solid var(--epz-plava);
  transform:translateY(-70%) rotate(45deg);transition:transform .18s;
}
.epz-q[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.epz-q summary:hover{background:#f7fafd}
.epz-a{padding:0 20px 18px;font-size:.97rem}

/* Veze */
.epz-veze{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px}
.epz-veze a{
  display:block;background:#fff;border:1px solid var(--epz-linija);border-radius:12px;
  padding:18px 20px;text-decoration:none;transition:.15s;
}
.epz-veze a:hover{border-color:var(--epz-plava);box-shadow:0 8px 22px rgba(0,83,194,.1);transform:translateY(-2px)}
.epz-veze b{display:block;color:var(--epz-tamna);margin-bottom:5px;font-size:1.02rem}
.epz-veze span{display:block;color:var(--epz-tiho);font-size:.9rem;line-height:1.55}

/* Podnaslov u hero sekciji je centriran zbog `margin:14px auto` u
   ep-templates. Naslov je levo, pa se ne poklapaju. */
.ept-hero-left .ept-hero-sub{margin-left:0;margin-right:0}

@media(max-width:820px){
  .epz{max-width:100%;overflow-x:hidden}
  .epz-sec{max-width:100%}
  .epz-birac{grid-template-columns:1fr;gap:12px}
  .epz-odgovori{position:static}
  .epz-opcije{gap:10px}
  /* Na mobilnom se odgovor JS-om ubacuje odmah ispod kliknutog dugmeta,
     pa kontejner za odgovore ostaje prazan i ne treba da zauzima mesto. */
  .epz-odgovori:empty{display:none}
  .epz-odgovor{border-radius:0 10px 10px 0;padding:16px 18px;margin:0 0 4px}
  .epz .epz-birac .epz-opcije button.epz-opcija{white-space:normal;word-break:break-word}
}

/* Tabela na mobilnom: bez horizontalnog skrola, svaka šifra je kartica.
   Prvi red nosi dva podatka jedan pored drugog, a status paušala i opis
   idu punom širinom jer su rečenice, ne brojevi. */
@media(max-width:700px){
  .epz-tabela{overflow-x:visible;border:0;border-radius:0;background:transparent}
  .epz-tabela table{min-width:0;width:100%;display:block;font-size:.95rem}
  .epz-tabela thead{display:none}
  .epz-tabela tbody{display:block}
  .epz-tabela tr{
    display:grid;grid-template-columns:1fr 1fr;gap:14px 14px;
    background:#fff;border:1px solid var(--epz-linija);border-radius:12px;
    padding:16px;margin:0 0 14px;
  }
  .epz-tabela tr:last-child{margin-bottom:0}
  .epz-tabela tr:last-child td{border-bottom:0}
  /* Tema pruga redove (zebra). U karticama to izgleda kao greška. */
  .epz .epz-tabela table tr td,
  .epz .epz-tabela table tr:nth-child(odd) td,
  .epz .epz-tabela table tr:nth-child(even) td{background:transparent}
  .epz-tabela td{display:block;padding:0;border:0;min-width:0}
  .epz-tabela td:before{
    content:attr(data-label);display:block;
    font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
    color:var(--epz-tiho);margin:0 0 5px;
  }
  /* Eksplicitni red i kolona, inace grid slaze po DOM redosledu i iznos
     zavrsi u zasebnom redu. */
  .epz-c-sifra {grid-column:1;      grid-row:1}
  .epz-c-iznos {grid-column:2;      grid-row:1}
  .epz-c-pausal{grid-column:1 / -1; grid-row:2}
  .epz-c-opis  {grid-column:1 / -1; grid-row:3}
  .epz-naziv,.epz-nota{max-width:none}
  .epz-kod{font-size:1.1rem}
  .epz-iznos{font-size:1.06rem}
}

@media(max-width:640px){
  .epz{font-size:.98rem}
  .epz-sec{margin-bottom:34px}
  .epz-sec h2{font-size:1.22rem}
}

/* Lista zanimanja na pilar stranici */
/* Poslednja sekcija na pilaru, pa joj treba razmak do futera. */
.epz-lista{max-width:1180px;margin:46px auto 64px;padding:0 4px;font-size:1.02rem;line-height:1.75;color:#37445a}
@media(max-width:640px){ .epz-lista{margin:34px auto 44px} }
.epz-lista h2{font-size:1.4rem;color:#003272;margin:0 0 16px;padding-left:15px;border-left:4px solid #0053C2;line-height:1.25}
.epz-lista > p{margin:0 0 20px}
.epz-lista-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.epz-lista-mreza a{display:block;background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:18px 20px;text-decoration:none;transition:.15s}
.epz-lista-mreza a:hover{border-color:#0053C2;box-shadow:0 8px 22px rgba(0,83,194,.1);transform:translateY(-2px)}
.epz-lista-mreza b{display:block;color:#003272;margin-bottom:5px;font-size:1.04rem}
.epz-lista-mreza span{display:block;color:#7a8699;font-size:.9rem;line-height:1.55}