/* Startups (16. 9. 2026): mreža kartica lansiranja sa Product Hunt-a, filteri i detalj. */

body.astracia .startups-brojevi { margin-bottom: 14px; }

body.astracia .startups-prikaz { margin-bottom: 12px; }

body.astracia .startups-filteri {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 14px;
    margin-bottom: 16px;
}
body.astracia .startups-filteri label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--boja-tekst-slabo); }
body.astracia .startups-filteri label.inline { flex-direction: row; align-items: center; gap: 6px; padding-bottom: 8px; font-size: 13px; color: var(--boja-tekst); }
body.astracia .startups-filteri select { min-width: 120px; }
body.astracia .startups-filteri .polje-ikona { min-width: 200px; }
body.astracia .startups-filteri .startups-opseg { margin-left: auto; padding-bottom: 8px; font-variant-numeric: tabular-nums; }

body.astracia .startups-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

body.astracia .startup-kartica {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid var(--boja-ivica);
    border-radius: 12px;
    background: #fff;
    min-width: 0;
}
body.astracia .startup-kartica header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body.astracia .startup-kartica h3 { margin: 0; font-size: 15px; line-height: 1.3; }
body.astracia .startup-kartica h3 a { color: inherit; text-decoration: none; }
body.astracia .startup-kartica h3 a:hover { color: var(--boja-akcent); }
body.astracia .startup-kartica .slogan { margin: 0; font-size: 13.5px; color: var(--boja-tekst-2); }
body.astracia .startup-kartica .teme .chip { text-decoration: none; }
body.astracia .startup-kartica .meta { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12.5px; }
body.astracia .startup-kartica .meta a { color: var(--boja-akcent); text-decoration: none; }
body.astracia .startup-kartica footer { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 6px; border-top: 1px solid var(--boja-ivica); }
body.astracia .startup-kartica .u-rundu { flex: 1 1 100%; }
body.astracia .startup-kartica .u-rundu > summary {
    list-style: none; cursor: pointer; display: inline-block;
    padding: 5px 10px; border: 1px solid var(--boja-ivica); border-radius: 8px; font-size: 12.5px; font-weight: 600;
    background: #fff; color: var(--boja-tekst);
}
body.astracia .startup-kartica .u-rundu > summary:hover { border-color: var(--boja-akcent); color: var(--boja-akcent); }
body.astracia .startup-kartica .u-rundu[open] > summary { background: var(--boja-akcent-fon); color: var(--boja-akcent); border-color: transparent; }
body.astracia .startup-kartica .u-rundu > summary::-webkit-details-marker { display: none; }
body.astracia .startup-kartica .u-rundu-telo { margin-top: 8px; }
body.astracia .startup-kartica .u-rundu-telo form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.astracia .startup-kartica .u-rundu-telo select { max-width: 100%; font-size: 12.5px; }

body.astracia .startups .mrvice { margin: 0 0 4px; font-size: 12.5px; color: var(--boja-tekst-slabo); }
body.astracia .startups .mrvice a { color: inherit; }
body.astracia .startups-komentari { display: flex; flex-direction: column; gap: 12px; }
body.astracia .startups-komentari li { padding: 10px 12px; border: 1px solid var(--boja-ivica); border-radius: 10px; background: var(--boja-pozadina); }
body.astracia .startups-komentari .meta { margin: 0 0 4px; display: flex; gap: 10px; font-size: 12.5px; }
body.astracia .startups-komentari p:last-child { margin: 0; font-size: 13.5px; }

@media (max-width: 720px) {
    body.astracia .startups-filteri .startups-opseg { margin-left: 0; }
}

/* Lista u redovima (16. 9. 2026) */
body.astracia .startups-tabela td { vertical-align: top; }
body.astracia .startups-tabela .startup-ime { min-width: 220px; max-width: 360px; }
body.astracia .startups-tabela .startup-ime a { font-weight: 600; color: inherit; text-decoration: none; }
body.astracia .startups-tabela .startup-ime a:hover { color: var(--boja-akcent); }
body.astracia .startups-tabela .startup-ime .slogan { margin-top: 2px; font-size: 12.5px; }
body.astracia .startups-tabela .startup-ime .chip.malo { margin-left: 6px; font-size: 10.5px; padding: 1px 6px; }
body.astracia .startups-tabela .startup-teme { max-width: 260px; }
body.astracia .startups-tabela .startup-teme .chip { margin: 0 4px 4px 0; text-decoration: none; }
body.astracia .startups-tabela .startup-runde .chip { margin: 0 4px 4px 0; text-decoration: none; }
body.astracia .startups-tabela .startup-akcije { min-width: 250px; }
body.astracia .startups-tabela .startup-akcije .inline-form { display: inline-block; margin-right: 6px; }
body.astracia .startups-tabela .u-rundu { display: inline-block; }
body.astracia .startups-tabela .u-rundu > summary {
    list-style: none; cursor: pointer; display: inline-block;
    padding: 4px 9px; border: 1px solid var(--boja-ivica); border-radius: 8px; font-size: 12.5px; font-weight: 600; background: #fff;
}
body.astracia .startups-tabela .u-rundu > summary::-webkit-details-marker { display: none; }
body.astracia .startups-tabela .u-rundu[open] > summary { background: var(--boja-akcent-fon); color: var(--boja-akcent); border-color: transparent; }
body.astracia .startups-tabela .u-rundu-telo { margin-top: 6px; white-space: normal; }
body.astracia .startups-tabela .u-rundu-telo form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.astracia .startups-tabela .u-rundu-telo select { max-width: 200px; font-size: 12.5px; }

/* Duža lista sa izborom veličine strane i skokom na stranu (16. 9. 2026) */
body.astracia .startups-filteri .startups-po-strani select { min-width: 84px; }

body.astracia .startups-paginacija {
    flex-wrap: wrap;
    gap: 6px;
}
body.astracia .startups-paginacija > span.strane-brojevi {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
}
body.astracia .startups-paginacija .strane-brojevi a,
body.astracia .startups-paginacija .strane-brojevi > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 6px 8px;
    border: 1px solid var(--boja-ivica-jaka);
    border-radius: 8px;
    background: #fff;
    color: var(--boja-tekst);
    font-weight: 550;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}
body.astracia .startups-paginacija .strane-brojevi .strana-tekuca {
    background: var(--boja-akcent-fon);
    border-color: transparent;
    color: var(--boja-akcent);
    font-weight: 700;
}
body.astracia .startups-paginacija .strane-brojevi .strana-rupa {
    border: 0;
    background: transparent;
    min-width: 0;
    padding: 6px 2px;
    color: var(--boja-tekst-slabo);
}
body.astracia .startups-paginacija .strana-skok {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
}
body.astracia .startups-paginacija .strana-skok label { display: inline-flex; align-items: center; gap: 6px; color: var(--boja-tekst-slabo); }
body.astracia .startups-paginacija .strana-skok input[type="number"] { width: 74px; font-variant-numeric: tabular-nums; }

/* Sačuvan red se vidi na prvi pogled, bez čitanja dugmeta */
body.astracia .startups-tabela tr.red-sacuvan > td { background: var(--boja-uspeh-pozadina); }
body.astracia .startups-tabela tr.red-sacuvan .startup-ime a { color: var(--boja-uspeh-tekst); }

/* Kartica „Sačuvano“ je dugme koje otvara spisak */
body.astracia .kartica-dugme {
    display: block;
    width: 100%;
    text-align: left;
    font: inherit;
    /* bez ovoga broj nasledi belu boju teksta sa dugmadi i nestane na beloj kartici */
    color: var(--boja-tekst);
    cursor: pointer;
}
body.astracia .kartica-dugme:hover { border-color: var(--boja-akcent); }
body.astracia .kartica-dugme .tiho { margin-top: 4px; font-size: 12px; }

body.astracia dialog.dijalog-sacuvano { max-width: 560px; width: min(560px, 92vw); }
body.astracia .dijalog-sacuvano .dijalog-glava { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
body.astracia .dijalog-sacuvano .dijalog-glava h2 { margin: 0; font-size: 16px; }
body.astracia .dijalog-sacuvano .sacuvani-spisak { list-style: none; margin: 0 0 10px; padding: 0; max-height: 52vh; overflow-y: auto; }
body.astracia .dijalog-sacuvano .sacuvani-spisak li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--boja-ivica); }
body.astracia .dijalog-sacuvano .sacuvani-spisak li:last-child { border-bottom: 0; }
body.astracia .dijalog-sacuvano .sacuvani-spisak a { font-weight: 600; color: inherit; text-decoration: none; }
body.astracia .dijalog-sacuvano .sacuvani-spisak a:hover { color: var(--boja-akcent); }
body.astracia .dijalog-sacuvano .sacuvani-spisak .slogan { font-size: 12.5px; }

/* Unified directory: locally cached company logos and optional company context. */
.directory-logo { position:relative; overflow:hidden; flex-shrink:0; }
.directory-logo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:white; padding:3px; box-sizing:border-box; }
.directory-kind { display:inline-block; margin-left:.5rem; font-size:.7rem; color:var(--muted,#0f1419); font-weight:400; }
.product-about p { white-space:pre-line; overflow-wrap:anywhere; }
.product-company-info dl { display:grid; grid-template-columns:minmax(90px,1fr) 2fr; gap:.7rem 1rem; }
.product-company-info dd { margin:0; overflow-wrap:anywhere; }
.startups-filteri { flex-wrap:wrap; }

/* Numbered directory pages and direct jumps remain usable on narrow screens. */
.directory-pagination { flex-wrap: wrap; gap: 8px; align-items: center; }
.directory-pagination form, .directory-pagination label { display: flex; align-items: center; gap: 8px; }
.directory-pagination form { flex-wrap: wrap; margin: 0; }
.directory-pagination input[type=number] { width: 90px; min-width: 0; }
.directory-page-summary { margin-right: auto; }
.directory-pagination [aria-current=page] { font-weight: 700; padding: 6px 10px; }
@media(max-width:600px) { .directory-page-summary { flex-basis:100%; } .directory-pagination form { flex-basis:100%; } }
@media(max-width:640px) {
    body.astracia .directory-table { min-width:720px; }
    body.astracia .directory-table td:nth-child(2) { min-width:140px; }
    body.astracia .directory-table .chip { overflow-wrap:normal; word-break:normal; }
}
body.astracia .directory-pagination [aria-current=page] { background:#eff3f4; color:#0f1419; border-color:#0f1419; }

@media(max-width:650px){body.astracia .admin-collection-page{min-width:0;overflow-wrap:anywhere}body.astracia .admin-collection-page .akcije{min-width:0;max-width:100%;flex-shrink:1;flex-wrap:wrap}body.astracia .admin-collection-page .panel-glava{flex-wrap:wrap}body.astracia .admin-collection-page .panel-glava>div{min-width:0;max-width:100%}body.astracia .admin-collection-page .panel{min-width:0}body.astracia .admin-collection-page input,body.astracia .admin-collection-page select,body.astracia .admin-collection-page textarea{max-width:100%;min-width:0}body.astracia .admin-collection-page .tabela-omotac{max-width:100%;overflow-x:auto}}

/* Kratak opis ispod imena: jedan red, odsečen, da visina reda ostane ista. */
body.astracia .directory-product .directory-name { display:flex; flex-direction:column; min-width:0; gap:2px; }
body.astracia .directory-product .directory-summary { display:block; max-width:46ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--boja-tekst-slabo); font-size:12.5px; font-weight:400; line-height:1.35; }

/* Shared founder portraits in public and signed-in story lists. */
.story-author-avatar{position:relative;overflow:hidden;border-radius:50%;flex:none}
.story-author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}

/* Shared public and signed-in startup connections. Names retain readable word wrapping. */
.startup-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.startup-connections>section:only-child{grid-column:1/-1}.startup-connections .panel{min-width:0;margin:0}.startup-person-list,.startup-story-authors{list-style:none;margin:0;padding:0}.startup-person{display:flex;align-items:center;gap:14px;padding:14px 0;text-decoration:none;color:inherit}.startup-person-list li+li{border-top:1px solid var(--border,#eff3f4)}.startup-person-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;overflow:hidden}.startup-person-avatar img{width:48px;height:48px;object-fit:cover}.startup-person-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;overflow-wrap:break-word;word-break:normal}.startup-person-copy strong{font-size:16px}.startup-person-copy small{color:var(--muted,#536471)}.startup-story+.startup-story{border-top:1px solid var(--border,#eff3f4);margin-top:20px;padding-top:16px}.startup-story h3{font-size:19px;line-height:1.4;margin:10px 0}.startup-story p{line-height:1.65}.startup-story-authors li{display:flex;align-items:center;gap:10px;margin:8px 0}.startup-story-authors img{border-radius:50%;object-fit:cover;flex-shrink:0}.startup-story-read{display:inline-block;margin:8px 0}.startup-collected-facts{margin:20px 0}.startup-collected-facts dl{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:10px 20px}.startup-collected-facts dd{margin:0;overflow-wrap:anywhere}.startup-collected-facts dt{color:var(--muted,#536471)}.startup-collected-facts summary{cursor:pointer;padding:10px 0}@media(max-width:700px){.startup-connections{grid-template-columns:minmax(0,1fr)}.startup-collected-facts dl{grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:10px}.startup-person-copy strong{line-height:1.4}}