.sidro-cjenik {
    --sidro-linija: rgba(127, 127, 127, .28);
    --sidro-tiho: rgba(127, 127, 127, .09);
    margin-block: 1.5rem;
}

.sidro-cjenik,
.sidro-cjenik * { box-sizing: border-box; }

.sidro-cjenik__naslov { margin: 0 0 .25rem; }
.sidro-cjenik__opis,
.sidro-cjenik__podaci,
.sidro-cjenik__podnozje {
    margin: 0 0 1rem;
    font-size: .9em;
    opacity: .75;
}
.sidro-cjenik__podnozje { margin-top: 1rem; margin-bottom: 0; font-size: .82em; }

.sidro-cjenik__grupa { margin-bottom: 2rem; }
.sidro-cjenik__grupa-naslov { margin: 0 0 .5rem; font-size: 1.05em; }

.sidro-cjenik__omot { overflow-x: auto; }

.sidro-cjenik__tablica {
    width: 100%;
    border-collapse: collapse;
    font-size: .94em;
}
.sidro-cjenik__tablica th,
.sidro-cjenik__tablica td {
    text-align: left;
    padding: .5rem .7rem;
    vertical-align: top;
    border-bottom: 1px solid var(--sidro-linija);
}
.sidro-cjenik__tablica thead th {
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .7;
}
.sidro-cjenik__tablica th + th,
.sidro-cjenik__tablica td + td { border-left: 1px solid var(--sidro-tiho); }

.sidro-cjenik__tablica .sidro-cjenik__broj {
    width: 1%;
    font-variant-numeric: tabular-nums;
}
.sidro-cjenik__tablica td.sidro-cjenik__broj { white-space: nowrap; }

.sidro-cjenik__odjeljak th {
    background: var(--sidro-tiho);
    font-weight: 700;
    border-left: 0;
}

.sidro-cjenik__napomene {
    margin: .75rem 0 0;
    padding-left: 1.2rem;
    font-size: .88em;
    opacity: .8;
}

.sidro-cjenik__datoteke {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    margin: 1.1rem 0 0;
}
.sidro-cjenik__gumb {
    display: inline-block;
    padding: .5rem 1rem;
    border: 1px solid currentColor;
    border-radius: 6px;
    text-decoration: none;
    font-size: .9em;
    font-weight: 600;
}
.sidro-cjenik__gumb--tihi { opacity: .75; font-weight: 500; }
.sidro-cjenik__gumb:hover { opacity: 1; text-decoration: none; }

.sidro-cjenik__greska {
    padding: .7rem 1rem;
    border-left: 3px solid #c0392b;
    background: rgba(192, 57, 43, .08);
    font-size: .9em;
}

.sidro-popis { margin-block: 1.5rem; }
.sidro-popis, .sidro-popis * { box-sizing: border-box; }
.sidro-popis__naslov { margin: 0 0 .75rem; }

.sidro-popis__stavke {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidro-popis__stavka { margin: 0; }

/* Poveznica namjerno ne nosi ni boju, ni pismo, ni debljinu, ni podcrtavanje:
   sve to dolazi iz teme stranice, pa popis cjenika izgleda kao ostatak sadržaja.
   Ovdje ostaje samo razmak, koji je raspored, a ne izgled. */
.sidro-popis__veza {
    display: inline-block;
    padding: .3rem 0;
}

.sidro-popis-blok {
    padding: 1rem;
    border: 1px dashed rgba(127, 127, 127, .4);
    border-radius: 6px;
}
.sidro-popis-blok ul { margin: .5rem 0 0; padding-left: 1.1rem; }
.sidro-popis-blok li { opacity: .75; }

.sidro-cjenik-blok {
    display: flex;
    gap: .6rem;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px dashed var(--sidro-linija, rgba(127, 127, 127, .4));
    border-radius: 6px;
}
.sidro-cjenik-blok__opis { opacity: .7; font-size: .9em; }

@media (max-width: 640px) {
    .sidro-cjenik__tablica thead { display: none; }
    .sidro-cjenik__tablica,
    .sidro-cjenik__tablica tbody,
    .sidro-cjenik__tablica tr,
    .sidro-cjenik__tablica td { display: block; width: 100%; }
    .sidro-cjenik__tablica tr {
        border: 1px solid var(--sidro-linija);
        border-radius: 8px;
        margin-bottom: .7rem;
        padding: .3rem .1rem;
    }
    .sidro-cjenik__tablica td {
        border: 0;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: .35rem .8rem;
        text-align: right;
        overflow-wrap: anywhere;
    }
    .sidro-cjenik__tablica .sidro-cjenik__prazno { display: none; }
    .sidro-cjenik__tablica .sidro-cjenik__broj {
        width: auto;
        white-space: normal;
    }
    .sidro-cjenik__omot { overflow-x: visible; }
    .sidro-cjenik__tablica td::before {
        content: attr(data-naziv);
        font-size: .78em;
        text-transform: uppercase;
        letter-spacing: .03em;
        opacity: .6;
        flex: 0 0 42%;
        text-align: left;
    }
    .sidro-cjenik__odjeljak th { display: block; border-radius: 6px; }
}

/* Arhiva je sklopljena: ranije objave su obveza po Odluci, ali nisu ono po što
   je posjetitelj došao. Sklapa je <details>, pa radi i bez skripte. */
.sidro-arhiva { margin: .25rem 0 0; }
.sidro-arhiva__naslov {
    display: flex; align-items: center; gap: .4rem;
    font-size: .875em; opacity: .75; cursor: pointer;
    padding: .25rem 0; list-style: none;
}
.sidro-arhiva__naslov::-webkit-details-marker { display: none; }
.sidro-arhiva__naslov::before {
    content: "\25B8"; font-size: .75em; line-height: 1;
    transition: transform .15s ease;
}
.sidro-arhiva[open] > .sidro-arhiva__naslov::before { transform: rotate(90deg); }
.sidro-arhiva__naslov:hover { opacity: 1; }
.sidro-arhiva__naslov:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.sidro-arhiva__broj {
    font-size: .75em; opacity: .7;
    border: 1px solid currentColor; border-radius: 999px; padding: 0 .4rem;
}
.sidro-arhiva__uvod { font-size: .8125em; opacity: .7; margin: .2rem 0 .35rem 1rem; }

.sidro-popis__arhiva-stavke { list-style: none; margin: 0; padding: 0 0 0 1rem; }
.sidro-popis__arhiva-stavke li { margin: .15rem 0; }