/* =============================================================================
   LAYER 4 — PROPISI (regulations)
   Serves: /slatke-vode/lovostaj-slatkovodnih-riba/ (33,026 clicks — 41% of the whole
   site), /more/zakonik/lovostaj-riba-rakova-skoljaka/, /more/ribolov/zakonik-o-ribolovu-
   na-moru/, and the additive /propisi/ index.

   This is the most valuable page on the site. Everything here is either a table concern
   or a status concern; anything reusable already lives in 3-components.css.

   NO AFFILIATE ANYTHING on this context. The only conversion is the lovostaj-reminder
   email capture, and it uses --sea (see .sr-btn--email) so coral stays money-only.
   ============================================================================= */

/* --- the lovostaj table: FOUR columns ---------------------------------------
   Vrsta | Status | Najmanja mjera | Napomena

   The Handy Labels reference pattern is hardcoded for THREE columns (100 / 50 / 50).
   Ours is wider, so the mobile card ratios are specified here per design.md §4:

     Vrsta          100%  — card title (handled in 3-components)
     Status         100%  — the pill needs full width; it must never wrap mid-date
     Najmanja mjera  45%
     Napomena        55%  — or 100% when the note runs to prose

   Build and eyeball this at 360px before anything else in the theme.
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .sr-ctx-propisi .sr-table td:nth-child(2) { width: 100%; }
  .sr-ctx-propisi .sr-table td:nth-child(3) { width: 45%; }
  .sr-ctx-propisi .sr-table td:nth-child(4) { width: 55%; }
  /* Long prose notes opt out of the split and take the full card width. */
  .sr-ctx-propisi .sr-table td[data-wide]   { width: 100%; }
}

/* --- "Trenutni status" strip (design.md §7b) --------------------------------
   The one place on the site where the --open pill earns its keep: the big reference
   table lists closed WINDOWS, not today's live state. This answers "can I fish today".
   --------------------------------------------------------------------------- */
.sr-status-strip {
  border: 1px solid var(--border);
  border-radius: var(--r-card);
  padding: var(--s4) var(--s5);
  margin-block: var(--s5);
}
.sr-status-strip__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--s3) var(--s5); margin-top: var(--s3);
}
.sr-status-strip__row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
}
.sr-status-strip__species { font-weight: 600; }

/* --- sources / E-E-A-T anchor ----------------------------------------------
   Every figure on this page traces to a Naredba article. The block is plain text by
   design — it is a citation, not a card.
   --------------------------------------------------------------------------- */
.sr-sources { font-size: 15px; color: var(--muted); margin-top: var(--s6); }
.sr-sources__updated { display: block; margin-top: var(--s2); }

/* --- "vrste bez nacionalnog lovostaja" -------------------------------------
   Amur, klen, babuška and deverika have NO national value. They get the muted outline
   pill, never a number — quoting a figure for these is not traceable to the Naredba.
   --------------------------------------------------------------------------- */
.sr-no-rule { display: flex; flex-direction: column; gap: var(--s2); margin-block: var(--s5); }