/* Monchu Cjenik
   - Pravila bez .mcj-stil vrijede uvijek (minimum da sidrena cijena bude jasno odvojena).
   - Pravila pod .mcj-stil su osnovni izgled; isključuju se u elementu ili sa stil="0".
   Sidrena cijena mora ostati jasno čitljiva – ne smanjivati kontrast ni veličinu previše. */

.mcj-cijene .mcj-sidrena,
.mcj-par .mcj-sidrena { display: block; font-size: .9em; }
.mcj-datum { font-size: .85em; }

/* ---- Osnovni izgled ---- */
.mcj-stil { margin-block: 1em; }
.mcj-stil .mcj-cjenik__kategorija { margin: 1.5em 0 .5em; }

.mcj-stil .mcj-cjenik__tablica { width: 100%; border-collapse: collapse; }
.mcj-stil .mcj-cjenik__tablica th,
.mcj-stil .mcj-cjenik__tablica td { padding: .55em .75em; border-bottom: 1px solid rgba(0, 0, 0, .12); text-align: left; vertical-align: top; }
.mcj-stil .mcj-cjenik__tablica th:not(:first-child),
.mcj-stil .mcj-cjenik__tablica td:not(:first-child) { text-align: right; white-space: nowrap; }

.mcj-stil .mcj-posebno { display: inline-block; margin-left: .4em; padding: .1em .5em; font-size: .8em; border-radius: 3px; background: rgba(0, 0, 0, .07); }

.mcj-stil .mcj-cjenik__lista { list-style: none; margin: 0; padding: 0; }
.mcj-stil .mcj-cjenik__lista .mcj-stavka { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25em 1em; padding: .6em 0; border-bottom: 1px solid rgba(0, 0, 0, .12); }
.mcj-stil .mcj-cjenik__lista .mcj-cijene { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }

@media (max-width: 600px) {
    .mcj-stil .mcj-cjenik__tablica thead { display: none; }
    .mcj-stil .mcj-cjenik__tablica tr { display: block; padding: .5em 0; border-bottom: 1px solid rgba(0, 0, 0, .12); }
    .mcj-stil .mcj-cjenik__tablica td { display: flex; justify-content: space-between; gap: 1em; border: 0; padding: .15em 0; }
    .mcj-stil .mcj-cjenik__tablica td:not(:first-child) { white-space: normal; }
    .mcj-stil .mcj-cjenik__tablica td[data-label]::before { content: attr(data-label); text-align: left; }
    .mcj-stil .mcj-cjenik__tablica td.mcj-naziv { font-weight: 600; }
}