/* 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,#53716c); 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:#e2eddf; color:#244e35; border-color:#0f7664; }

@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}}