/* ===================================================================
   FRIGO — Oznaka sekcije
   Stil je preslikan 1:1 sa HTML predloška (base.css → .sec-num).

   Osnovna pravila NISU pisana pod omotačem: oznaka je jedan `<span>`
   bez roditelja, pa bi omotač značio dodatni `<div>` oko jednog reda
   teksta. Ime klase je dovoljno neobično da se ne sudari sa temom, a
   vrednosti su iste kao u temi — kada je FRIGO tema aktivna, nijedno
   pravilo ništa vidljivo ne menja.

   Boje se biraju modifikatorom na samom spanu (`sec-num--light` /
   `sec-num--dark`), umesto nasleđivanjem od `.on-dark` roditelja: u
   Elementoru sekcija najčešće nema tu klasu, pa bi tamna varijanta
   zavisila od toga da li se neko setio da je doda.
   =================================================================== */

.sec-num {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    font-family: var(--font-mono, "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.4;
    text-transform: uppercase;
}

/* Crvena crtica ispred. Nije znak nego pravilo — zato se i ne može
   otkucati u običnom tekstualnom widgetu. */
.sec-num::before {
    content: "";
    width: 26px;
    height: 2px;
    flex: 0 0 auto;
}

.sec-num b { font-weight: 500; }

/* ---------- Svetla podloga (predložak) ---------- */
.sec-num--light { color: var(--tx-mute-d, #586168); }
.sec-num--light::before { background: var(--red, #B01F26); }
.sec-num--light b { color: var(--red, #B01F26); }

/* ---------- Tamna podloga ----------
   Crvena za tekst je svetlija nego crvena za površine: --red na tamnoj
   pozadini pada ispod praga čitljivosti za sitna slova. */
.sec-num--dark { color: var(--tx-mute-l, #98A1A7); }
.sec-num--dark::before { background: var(--red-lt, #D2323A); }
.sec-num--dark b { color: var(--red-tx, #E45C62); }

/* ---------- Poruka uredniku ----------
   Namerno neusklađena sa dizajnom sajta: to je poruka iz administracije,
   ne deo strane. Vidi je samo prijavljeni urednik. */
.frigo-secnum-notice {
    padding: 12px 16px;
    border: 1px dashed #c3244a;
    background: #fff5f7;
    color: #3b2b2f;
    font-size: 13px;
    line-height: 1.5;
}

