/* SR-SAS-2026-11-04: okvir alata i fiksnih stranica (static_page.html). Raspored, mrvice, zaglavlje i paneli dolaze
   iz vest.css (.vest-raspored, .vest-levo, .vest-desno, .vest-panel, .vest-cta, prelomi 900/600); ovde samo dopune.
   Zamenjuje sidebar_static.css (STATIC-SIDEBAR-2026-06-10). Samo tokeni iz style.css :root. */

.strana { padding-top: 16px; }
.strana-zaglavlje .vest-naslov { margin-bottom: 0; }
.strana-zaglavlje .vest-lead { margin: 14px 0 0; }

/* ONAMA-FOOTER-2026-11-08: strana bez desne kolone (/o-nama, blok strana_desno prazan): jedna centrirana kolona
   ~800 px sadrzaja (+ padding .container-a 2x24 px); na telefonu puna sirina uz margine .container-a. */
.strana.okvir--jedna-kolona { max-width: calc(800px + 48px); }
.okvir--jedna-kolona .vest-raspored { display: block; }

/* sadrzaj: .static-page iz footer_static.css nosi max-width/margin/padding za samostalnu stranu */
.vest-raspored .static-page { max-width: none; margin: 24px 0 0; padding: 0; min-width: 0; }

/* Poslednje vesti i Kategorije */
.strana-lista { list-style: none; margin: 0; padding: 0; }
.strana-lista li { border-bottom: 1px solid var(--border-subtle); }
.strana-lista li:last-child { border-bottom: 0; }
.strana-lista a { display: block; padding: 10px 0; font-size: 0.92rem; line-height: 1.45; color: var(--text-secondary); overflow-wrap: anywhere; }
.strana-lista a:hover { color: var(--cyan); }
.strana-lista a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.strana-lista li:last-child a { padding-bottom: 0; }
.strana-kategorije a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.strana-broj { flex: 0 0 auto; font-size: 0.85rem; color: var(--text-muted); }
.strana-prazno { padding: 10px 0 0; font-size: 0.92rem; color: var(--text-muted); }

/* SR-KAT-2026-11-04: glavna kolona kategorije - mreza kartica (2 kolone, do 768 px 1 kao style.css) + paginacija */
.vest-raspored .strana-glavno { margin-top: 24px; min-width: 0; }
.strana .articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.strana-kategorije a.strana-aktivna, .strana-kategorije a.strana-aktivna .strana-broj { color: var(--cyan); font-weight: 600; }

@media (max-width: 900px) {
    .vest-raspored .static-page { margin-top: 0; }
    .vest-raspored .strana-glavno { margin-top: 0; }
    /* vest.css daje .vest-zaglavlje order 1 i .vest-cta order 5 (redosled stranice vesti); ovde eksplicitno:
       zaglavlje, sadrzaj, Poslednje vesti, Kategorije, CTA paneli */
    .strana .vest-zaglavlje { order: 1; }
    .strana .static-page, .strana .strana-glavno { order: 2; }
    .strana .strana-panel { order: 3; }
    .strana .vest-cta { order: 4; }
}
@media (max-width: 768px) {
    .strana .articles-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
    .strana { padding-top: 12px; }
}