/* sidebar_static.css — STATIC-SIDEBAR-2026-06-10
   Dvokolonski layout za staticke stranice: sadrzaj + desni sidebar.
   Breakpoint 900px poklapa nav mobilni breakpoint. */

/* ─── Grid wrapper ─── */
.static-layout {
    /* STATIC-SIDEBAR-ALIGN-2026-06-11: bez max-width/margin — .container roditelj
       vec daje 1320px okvir + horizontalni padding; ovde samo grid + vertikalni razmak,
       da se sadrzaj poravna sa nav/logom i clancima (ne uvuce). */
    padding: 48px 0 0;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

/* Sadrzaj unutar grida — .static-page gubi svoj margin/padding/max-width
   jer ih sada nosi .static-layout (anchor: footer_static.css .static-page) */
.static-layout .static-page {
    max-width: none;
    margin: 0;
    padding: 0;
    min-width: 0; /* spreci grid blowout na dugackim <pre>/linkovima */
}

/* ─── Sidebar ─── */
.static-sidebar {
    position: sticky;
    top: 88px; /* ispod sticky nav (64px) + vazduh */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ss-box {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 18px 18px 8px;
}

.ss-title {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--cyan, #22d3ee);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ss-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ss-box li {
    margin: 0 0 10px;
}

.ss-box a {
    color: var(--text-secondary, #cbd5e1);
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.45;
    display: block;
    transition: color 0.12s;
}

.ss-box a:hover {
    color: var(--cyan, #22d3ee);
}

/* Poslednje vesti — naslovi mogu biti dugacki */
.ss-latest a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ss-empty {
    color: var(--text-muted, #64748b);
    font-size: 0.88rem;
}

/* Kategorije — naziv + count u redu */
.ss-cats a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.ss-cat-count {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cyan, #22d3ee);
    background: rgba(34, 211, 238, 0.1);
    border-radius: 6px;
    padding: 1px 8px;
    min-width: 26px;
    text-align: center;
}

/* ─── Mobilni: sidebar ispod sadrzaja ─── */
@media (max-width: 900px) {
    .static-layout {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 32px 0 0;
    }
    .static-sidebar {
        position: static;
        top: auto;
    }
}