/* ==========================================================================
   cjenik.css — cijene uz upit, stranica /cjenik/ i arhiva.
   Sidrena cijena je tisa od aktualne (manja, prigusena, uz rijec "sidrena"),
   nije precrtana: nije rijec o snizenju. Brojke tabularne. Bez kartica.
   ========================================================================== */

/* --- uz upit (glavna stranica) ------------------------------------------- */
.book__price { margin-top: var(--space-m); max-width: 46ch; color: var(--ink-600); }
.book__price > p { margin: 0; }
.prices { list-style: none; margin: var(--space-s) 0 0; padding: 0; }
/* Uvijek isti raspored: naziv lijevo, cijena i ispod nje sidrena desno. */
.prices__row {
  display: grid; grid-template-columns: 1fr auto; align-items: baseline;
  gap: 0 var(--space-s); padding-block: var(--space-xs);
  border-top: 1px solid var(--stone-200);
}
.prices__row:last-child { border-bottom: 1px solid var(--stone-200); }
.prices__n { color: var(--ink-900); }
.prices__v { white-space: nowrap; text-align: right; }
.price { font-weight: 600; color: var(--ink-900); font-variant-numeric: tabular-nums; }
.prices__a { display: block; text-align: right; font-size: var(--type-n1); color: var(--ink-400); }
.book__cj { margin-top: var(--space-xs); color: var(--ink-400); }
.book__cj a { color: var(--water-600); }

/* Cjenik je u glavnom izborniku i na mobitelu (ostale poveznice se skrivaju). */
@media (max-width: 640px) {
  .nav__links { display: flex; }
  .nav__links a:not(.nav__price):not(.nav__book) { display: none; }
}

/* --- stranica /cjenik/ ---------------------------------------------------- */
.cj-wrap { --lg-measure: 46rem; }
.cj-wrap h1, .cj-wrap h2 { font-family: var(--font-display); font-weight: 400; }
.cj-top { max-width: none; display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 2.5rem; }
.cj-top .lg-back { margin: 0; }
.cj-lang { font-size: .875rem; color: var(--lg-muted); }
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* legal.css crta mrezu s okvirima i sivim zaglavljima; cjenik je samo s crtama. */
.cj-t { width: 100%; min-width: 0; border: 0; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.cj-t th, .cj-t td { text-align: left; padding: .6rem .5rem; border: 0; border-bottom: 1px solid var(--lg-line); background: none; vertical-align: baseline; }
.cj-t thead th { border-bottom: 1px solid var(--lg-fg); }
.cj-t thead th { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--lg-muted); font-weight: 500; white-space: nowrap; }
.cj-t tbody th { font-weight: 500; }
.cj-n { text-align: right !important; white-space: nowrap; }
.cj-sub { display: block; text-transform: none; letter-spacing: 0; font-weight: 400; }
.cj-code { display: block; font-size: .75rem; color: var(--lg-muted); letter-spacing: .04em; }
.cj-anchor { color: var(--lg-muted); font-size: .9rem; }
.cj-files a, .cj-arhiva a { word-break: break-all; }
.cj-arhiva { list-style: none; padding: 0; }
.cj-arhiva li { padding: .4rem 0; border-top: 1px solid var(--lg-line); }
.cj-arhiva span { color: var(--lg-muted); font-size: .8rem; }

/* Uski ekran: redak postaje dvije crte (naziv | cijena, jedinica | sidrena),
   da se sidrena cijena vidi bez vodoravnog pomicanja. */
@media (max-width: 520px) {
  .cj-t thead { display: none; }
  .cj-t tr { display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'n p' 'u a';
    gap: .15rem .75rem; padding: .7rem 0; border-bottom: 1px solid var(--lg-line); }
  .cj-t th, .cj-t td { padding: 0; border: 0; }
  .cj-t tbody th { grid-area: n; } .cj-u { grid-area: u; color: var(--lg-muted); font-size: .9rem; }
  .cj-t td.cj-n:not(.cj-anchor) { grid-area: p; } .cj-anchor { grid-area: a; }
  .cj-anchor::before { content: attr(data-l) ' '; }
}