/* =========================================================================
   Subvencije — registar podsticaja
   Izvor odluka: docs/design-specs/subvencije.md (Faza A)

   PRAVILO KOJE DRZI CEO MODUL:
   na kartici sme da postoji TACNO JEDNA obojena oznaka (status) i TACNO JEDAN
   obojen podatak (rok). Sve ostalo je neutralno. Cim nivo, „za koga" i izdavalac
   dobiju svoje boje, rok prestane da bode oci — a rok je jedina stvar zbog koje
   korisnik gubi subvenciju.

   Tokeni iskljucivo iz custom/css/style.css :root. Tri tokena koja agro-vesti.css
   koristi NE POSTOJE (--agro-font-display, --agro-elevated, --agro-surface-soft) —
   ovde se ne prenose; koriste se --agro-font-heading, --agro-surface-card,
   --agro-surface-alt.
   ========================================================================= */

.agro-subvencije-strana {
    max-width: 1080px;
    margin: 0 auto;
    padding: var(--agro-space-lg) var(--agro-space-md);
}

/* ---------- Hero ---------- */

.agro-subvencije-hero h1 {
    font-family: var(--agro-font-heading);
    font-size: 32px;
    line-height: 1.2;
    color: var(--agro-text);
    margin: 0 0 var(--agro-space-sm);
}

.agro-subvencije-hero__podnaslov {
    font-size: 16px;
    color: var(--agro-text-secondary);
    margin: 0 0 var(--agro-space-lg);
}

.agro-subvencije-rezultat {
    font-size: 13px;
    color: var(--agro-text-muted);
    margin-bottom: var(--agro-space-md);
}

/* ---------- Kartica ---------- */

.agro-subvencije-lista {
    display: flex;
    flex-direction: column;
    gap: var(--agro-space-md);
}

.agro-subvencija-kartica {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
    grid-template-areas:
        "telo rok"
        "akcije rok"
        "izvor izvor";
    gap: var(--agro-space-md);
    background: var(--agro-surface-card);
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius-card);
    box-shadow: var(--agro-shadow-card);
    padding: var(--agro-space-lg);
    transition: box-shadow var(--agro-transition-fast), transform var(--agro-transition-fast);
}

.agro-subvencija-kartica:hover {
    box-shadow: var(--agro-shadow-card-hover);
    transform: translateY(-1px);
}

.agro-subvencija-kartica__telo   { grid-area: telo; min-width: 0; }
.agro-subvencija-kartica__rok    { grid-area: rok; }
.agro-subvencija-kartica__akcije { grid-area: akcije; display: flex; gap: var(--agro-space-sm); flex-wrap: wrap; }
.agro-subvencija-kartica__izvor  { grid-area: izvor; }

/* Najava dobija levu ivicu da se u listi odmah odvoji od otvorenih. */
.agro-subvencija-kartica--najava {
    border-left: 3px solid var(--agro-border-strong);
}

.agro-subvencija-kartica__oznake {
    display: flex;
    gap: var(--agro-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--agro-space-sm);
}

.agro-subvencija-kartica__naslov {
    font-family: var(--agro-font-heading);
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 var(--agro-space-sm);
}

.agro-subvencija-kartica__naslov a {
    color: var(--agro-text);
    text-decoration: none;
}

.agro-subvencija-kartica__naslov a:hover { color: var(--agro-primary); }

.agro-subvencija-kartica__izdavalac,
.agro-subvencija-kartica__sazetak {
    font-size: 14px;
    color: var(--agro-text-secondary);
    margin: 0 0 var(--agro-space-sm);
}

.agro-subvencija-kartica__iznos {
    font-size: 16px;
    font-weight: 600;
    color: var(--agro-text);
    margin: 0;
}

.agro-subvencija-kartica__izvor {
    font-size: 13px;
    color: var(--agro-text-muted);
    margin: 0;
    padding-top: var(--agro-space-sm);
    border-top: 1px solid var(--agro-border);
}

.agro-subvencija-kartica__izvor a { color: var(--agro-text-muted); }

/* ---------- Statusne oznake: boja + TEKST, nikad samo boja (WCAG 1.4.1) ----------
   Postojeci .agro-badge--new (2,9:1) i --expiring (3,8:1) padaju AA i NE nasledjuju se.
   Ovde je svuda taman tekst na toploj podlozi. */

.agro-subvencija-status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 12px;
    border-radius: var(--agro-radius-pill);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.agro-subvencija-status--aktivna    { background: var(--agro-primary); color: #fff; }               /* 5,1:1 */
.agro-subvencija-status--do_utroska { background: var(--agro-wheat); color: var(--agro-text); }      /* 7,4:1 */
.agro-subvencija-status--najava     { background: var(--agro-surface-alt); color: var(--agro-brown);
                                      border: 1px solid var(--agro-border-strong); }                 /* 8,2:1 */
.agro-subvencija-status--istekla    { background: var(--agro-surface-alt); color: var(--agro-text-muted); } /* 6,1:1 */
.agro-subvencija-status--arhivirana { background: transparent; color: var(--agro-text-secondary);
                                      border: 1px solid var(--agro-border-strong); }                 /* 8,6:1 */

.agro-subvencija-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 12px;
    border-radius: var(--agro-radius-pill);
    background: var(--agro-surface-alt);
    color: var(--agro-text-secondary);
    font-size: 13px;
}

/* ---------- Rok ---------- */

.agro-subvencija-kartica__rok {
    border-left: 1px solid var(--agro-border);
    padding-left: var(--agro-space-md);
}

/* Pozadina se NE boji ni u jednom stepenu — pet crvenih kartica zaredom pretvore
   listu u mrlju i signal nestane. Boji se samo brojac i leva ivica. */
.agro-subvencija-kartica__rok--uskoro { border-left: 3px solid var(--agro-warning); }
.agro-subvencija-kartica__rok--hitno  { border-left: 3px solid var(--agro-danger); }

.agro-subvencija-rok__brojac {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--agro-text);
    margin: 0 0 4px;
}

.agro-subvencija-kartica__rok--hitno .agro-subvencija-rok__brojac {
    color: var(--agro-danger-text); /* 6,4:1 */
}

.agro-subvencija-rok__datum,
.agro-subvencija-rok__tekst {
    font-size: 14px;
    color: var(--agro-text-secondary);
    margin: 0;
}

/* „Do utroska" — jedino stanje u kome korisnik gubi pravo IAKO rok nije prosao.
   Ova linija se NE skracuje na mobilnom: ona je operativna mera po ZZP cl. 18. */
.agro-subvencija-rok__upozorenje {
    font-size: 14px;
    color: var(--agro-text-secondary);
    margin: var(--agro-space-sm) 0 0;
}

.agro-subvencija-napomena {
    background: var(--agro-amber-50);
    border-left: 3px solid var(--agro-amber-700); /* ivica i ikona, NIKAD tekst — 3,4:1 */
    color: var(--agro-text);
    padding: var(--agro-space-md);
    border-radius: var(--agro-radius);
    margin: var(--agro-space-md) 0;
}

/* ---------- Dugmad ---------- */

.agro-subvencija-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--agro-space-md);
    border-radius: var(--agro-radius-pill);
    border: 1px solid var(--agro-border);
    background: var(--agro-surface-card);
    color: var(--agro-text);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color var(--agro-transition-fast), background var(--agro-transition-fast);
}

.agro-subvencija-btn:hover { border-color: var(--agro-primary); color: var(--agro-primary); }

.agro-subvencija-btn--primarno {
    background: var(--agro-primary);
    border-color: var(--agro-primary);
    color: #fff;
}

.agro-subvencija-btn--primarno:hover { background: var(--agro-primary-dark); color: #fff; }

.agro-subvencija-btn:focus-visible,
.agro-subvencija-kartica__naslov a:focus-visible {
    box-shadow: var(--agro-focus-ring);
    border-color: var(--agro-focus-border);
    outline: none;
}

/* ---------- Prazna stanja ---------- */

.agro-subvencije-prazno {
    background: var(--agro-surface-card);
    border: 1px dashed var(--agro-border);
    border-radius: var(--agro-radius-lg);
    padding: 40px 24px;
    text-align: center;
}

.agro-subvencije-prazno h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--agro-text);
    margin: 0 0 var(--agro-space-sm);
}

.agro-subvencije-prazno p {
    font-size: 15px;
    color: var(--agro-text-secondary);
    margin: 0 0 var(--agro-space-md);
}

/* ---------- Detalj ---------- */

/* JEDNOKOLONSKI RASPORED JE UKLONJEN 21.09.2026.
   `max-width: 760px` je ovde stezao ceo grid, pa je glavna kolona ispadala 376px
   široka umesto 760 — nova pravila u odeljku „DETALJ KONKURSA" na dnu fajla ne
   postavljaju `max-width`, pa ga nisu ni mogla nadjačati. Klase
   `__izdavalac`, `__rok` i `__rok-istekao` više ne postoje u šablonu; zamenili su
   ih `.agro-subvencija-zaglavlje__izdavalac` i blok `.agro-subvencija-rok`. */

/* „Ukratko" je najvaznija sekcija stranice — jedina stvar koju konkurencija ne kopira. */
.agro-subvencija-ukratko {
    background: var(--agro-primary-bg);
    border-left: 3px solid var(--agro-primary);
    border-radius: var(--agro-radius);
    padding: 20px;
    margin: var(--agro-space-lg) 0;
}

.agro-subvencija-ukratko h2 {
    font-size: 18px;
    margin: 0 0 var(--agro-space-sm);
    color: var(--agro-text);
}

.agro-subvencija-ukratko p {
    font-size: 18px;
    line-height: var(--agro-line-height);
    color: var(--agro-text);
    margin: 0;
}

.agro-subvencija-sekcija { margin: var(--agro-space-lg) 0; }

.agro-subvencija-sekcija h2 {
    font-family: var(--agro-font-heading);
    font-size: 20px;
    color: var(--agro-text);
    margin: 0 0 var(--agro-space-sm);
}

.agro-subvencija-sekcija ul { margin: 0; padding-left: 20px; }
.agro-subvencija-sekcija li { margin-bottom: 6px; color: var(--agro-text); }

/* Pravna obaveza (ZEU cl. 26): organ, adresa i datum preuzimanja moraju biti vidljivi.
   Ovaj blok se NE skracuje na mobilnom. */
.agro-subvencija-izvor {
    background: var(--agro-surface-alt);
    border-radius: var(--agro-radius);
    padding: var(--agro-space-md);
    margin: var(--agro-space-lg) 0;
}

.agro-subvencija-izvor h2 { font-size: 16px; margin: 0 0 var(--agro-space-sm); }
.agro-subvencija-izvor p  { color: var(--agro-text-secondary); margin: 0 0 var(--agro-space-sm); }
.agro-subvencija-izvor__datumi { font-size: 13px; color: var(--agro-text-muted); }

.agro-subvencija-nazad {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--agro-text-secondary);
    text-decoration: none;
    font-size: 15px;
}

.agro-subvencija-nazad:hover { color: var(--agro-primary); }

.agro-subvencije-ograda {
    font-size: 14px;
    color: var(--agro-text-muted);
    margin-top: var(--agro-space-xl);
    padding-top: var(--agro-space-md);
    border-top: 1px solid var(--agro-border);
}

.agro-subvencije-jos { text-align: center; margin-top: var(--agro-space-lg); }

.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---------- Responsive ---------- */

@media (max-width: 991px) {
    .agro-subvencija-kartica {
        grid-template-columns: 1fr;
        grid-template-areas: "telo" "rok" "akcije" "izvor";
    }
    .agro-subvencija-kartica__rok {
        border-left: none;
        border-top: 1px solid var(--agro-border);
        padding-left: 0;
        padding-top: var(--agro-space-sm);
    }
    .agro-subvencija-kartica__rok--uskoro,
    .agro-subvencija-kartica__rok--hitno { border-left: none; }
    .agro-subvencija-kartica__rok--uskoro { border-top: 3px solid var(--agro-warning); }
    .agro-subvencija-kartica__rok--hitno  { border-top: 3px solid var(--agro-danger); }
}

@media (max-width: 767px) {
    .agro-subvencije-hero h1,
    /* h1 na uskom ekranu: odeljak „DETALJ KONKURSA“ na dnu fajla */
    .agro-subvencija-kartica { padding: var(--agro-space-md); }
    .agro-subvencija-kartica__naslov { font-size: 18px; }
    .agro-subvencija-kartica__akcije .agro-subvencija-btn { flex: 1 1 100%; min-height: 48px; }
}

@media (max-width: 479px) {
    .agro-subvencije-strana { padding: var(--agro-space-lg) 12px; }
    /* Duge oznake se PRELAMAJU, ne skracuju sa „…" — „Otvoreno — do utro…" brise
       upravo informaciju zbog koje oznaka postoji. */
    .agro-subvencija-status { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .agro-subvencija-kartica,
    .agro-subvencija-btn { transition: none; }
    .agro-subvencija-kartica:hover { transform: none; }
}

/* ==========================================================================
   Suzavanje izbora, stranicenje i „U kalendar"
   Dodato uz zatvaranje rupa Faze 1 (2026-09-15).
   ========================================================================== */

.agro-subvencije-suzi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 16px;
    align-items: end;
    padding: 16px;
    margin-bottom: 20px;
    background: var(--agro-surface-alt, #f7f7f5);
    border: 1px solid var(--agro-border, #e2e2df);
    border-radius: var(--agro-radius-md, 10px);
}

.agro-subvencije-suzi__polje {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.agro-subvencije-suzi__polje--pretraga {
    grid-column: 1 / -1;
}

.agro-subvencije-suzi__polje label {
    font-size: 13px;
    font-weight: 600;
    color: var(--agro-text-secondary, #555);
    margin: 0;
}

.agro-subvencije-suzi__polje input,
.agro-subvencije-suzi__polje select {
    width: 100%;
    min-height: 44px; /* dodirna meta */
    padding: 8px 12px;
    font-size: 15px;
    color: var(--agro-text, #1c1c1a);
    background: var(--agro-surface-card, #fff);
    border: 1px solid var(--agro-border, #e2e2df);
    border-radius: var(--agro-radius-sm, 6px);
}

.agro-subvencije-suzi__polje input:focus-visible,
.agro-subvencije-suzi__polje select:focus-visible {
    outline: 2px solid var(--agro-primary, #2e7d32);
    outline-offset: 1px;
}

.agro-subvencije-suzi__akcije {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.agro-subvencije-suzi__ponisti {
    font-size: 14px;
    color: var(--agro-text-secondary, #555);
    text-decoration: underline;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.agro-subvencije-suzi__ponisti:hover,
.agro-subvencije-suzi__ponisti:focus-visible {
    color: var(--agro-primary, #2e7d32);
}

/* Stranicenje bez JS-a. Sa JS-om se sakriva i zamenjuje dugmetom „Ucitaj jos".
   `display: flex` ispod nadjacava podrazumevano `display: none` koje nosi atribut
   `hidden`, pa navigacija mora da se sakrije izricito — inace JS postavi `hidden`,
   a korisnik i dalje vidi i „Sledecu stranu" i „Ucitaj jos" jedno ispod drugog. */
.agro-subvencije-strane[hidden] {
    display: none;
}

.agro-subvencije-strane {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.agro-subvencije-strane__broj {
    font-size: 14px;
    color: var(--agro-text-muted, #777);
}

.agro-subvencije-jos {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.agro-subvencije-jos .agro-subvencija-btn[disabled] {
    opacity: .6;
    cursor: progress;
}

/* Greska pri ucitavanju — blok koji ostaje, ne obavestenje koje nestane. */
.agro-subvencije-greska {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 16px;
    text-align: center;
    background: #fdf1f1;
    border: 1px solid #e6b8b8;
    border-radius: var(--agro-radius-md, 10px);
}

.agro-subvencije-greska p {
    margin: 0;
    font-size: 15px;
    color: #8a2020;
}

/* „U kalendar" — pill, vizuelno kao dugme za nazad (design spec §6). */
.agro-subvencija-cal-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.agro-subvencija-cal-btn__ikona {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.agro-subvencija-cal-ics {
    font-size: 13px;
    color: var(--agro-text-muted, #777);
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.agro-subvencija-cal-ics:hover,
.agro-subvencija-cal-ics:focus-visible {
    color: var(--agro-primary, #2e7d32);
}


@media (max-width: 767px) {
    .agro-subvencije-suzi {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .agro-subvencije-suzi__akcije .agro-subvencija-btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    /* `.agro-subvencija-detalj__akcije` je uklonjen iz šablona 21.09.2026 — akcije
       sada žive u traci odluke (`.agro-subvencija-odluka__akcije`), koja na uskom
       ekranu pada ispod sadržaja. Lepljiva traka na dnu je izostavljena namerno:
       pokrivala je poslednji red teksta, a na ovoj strani se poslednje čita baš
       ograda o tome da je zvanični tekst jedini merodavan. */
}

/* ═══════════════════════════════════════════════════════════════════════════
   FAZA 3 — prekidač „Za moje gazdinstvo" i praćenje roka

   Koriste se POSTOJEĆI tokeni datoteke (--agro-primary, --agro-border, --agro-text…).
   Prva verzija je uvela svoje (--agro-subv-zelena i sl.) koji nigde nisu definisani,
   pa su radili samo fallbackovi — boje su ličile na ostatak stranice slučajno, a ne
   po sistemu.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Prekidač je par dugmadi, ne tabovi: bira se OPSEG liste ispod, a ne druga stranica.
   Zato `aria-pressed`, ne `role="tab"` — čitač ekrana inače najavi karticu koje nema. */
.agro-subvencije-prekidac {
    display: flex;
    margin: 0 0 var(--agro-space-md, 16px);
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius-pill);
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
}

.agro-subvencije-prekidac__dugme {
    appearance: none;
    border: 0;
    background: var(--agro-surface-card);
    color: var(--agro-text);
    font: inherit;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--agro-transition-fast), color var(--agro-transition-fast);
}

.agro-subvencije-prekidac__dugme + .agro-subvencije-prekidac__dugme {
    border-left: 1px solid var(--agro-border);
}

.agro-subvencije-prekidac__dugme:hover {
    background: var(--agro-surface-soft);
}

.agro-subvencije-prekidac__dugme.is-aktivno,
.agro-subvencije-prekidac__dugme.is-aktivno:hover {
    background: var(--agro-primary);
    color: #fff;
}

/* Fokus prsten za prekidač je dole, u odeljku zakrpa — ovde je stajalo
   `outline: 3px solid var(--agro-focus-ring)`, a `--agro-focus-ring` (style.css:72) je
   vrednost SENKE (`0 0 0 3px rgba(...)`), ne boja. Cela deklaracija je time bila
   nevažeća i `outline-style` se računao kao `none`: prsten se nije video nigde.
   Pravilo je obrisano, ne prepisano — dok je stajalo, novo je pobeđivalo isključivo
   zato što je niže u fajlu, pa bi prvo premeštanje blokova vratilo kvar. */

.agro-subvencije-dijagnoza {
    margin: 0 0 var(--agro-space-md, 16px);
    padding: 10px 14px;
    border-left: 3px solid var(--agro-primary);
    background: var(--agro-primary-bg, var(--agro-surface-soft));
    border-radius: 0 var(--agro-radius) var(--agro-radius) 0;
    font-size: 14px;
    line-height: var(--agro-line-height, 1.5);
}

/* ── Praćenje roka ─────────────────────────────────────────────────────── */

.agro-subvencija-kartica__prati {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 var(--agro-space-md, 16px) 12px;
}

.agro-subvencija-prati {
    align-self: flex-start;
}

/* `:hover` se navodi IZRIČITO. `.agro-subvencija-btn:hover` ima veću specifičnost
   (0,2,0) i boji tekst u `--agro-primary`; bez ovog pravila aktivno dugme je zeleno
   na zelenom i tekst nestane čim se pređe mišem — izmereno na snimku ekrana. */
.agro-subvencija-prati--aktivno,
.agro-subvencija-prati--aktivno:hover,
.agro-subvencija-prati--aktivno:focus {
    background: var(--agro-primary);
    border-color: var(--agro-primary);
    color: #fff;
}

.agro-subvencija-prati[disabled] {
    opacity: .6;
    cursor: progress;
}

/* Napomena o obaveštenjima nije ukras nego zakonska obaveza (ZZP čl. 18), pa je
   namerno UZ dugme i uvek vidljiva — ne u tooltipu koji se na dodirnom ekranu nikad
   ne otvori. */
.agro-subvencija-kartica__prati-napomena {
    font-size: 12px;
    line-height: 1.45;
    color: var(--agro-text-muted, var(--agro-text-secondary));
}

@media (max-width: 600px) {
    .agro-subvencije-prekidac {
        width: 100%;
    }

    .agro-subvencije-prekidac__dugme {
        flex: 1 1 50%;
        text-align: center;
        padding: 12px 10px;
    }

    .agro-subvencija-prati {
        align-self: stretch;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ZAKRPE POSLE AUDITA 2026-09-18
   ═══════════════════════════════════════════════════════════════════════════ */

/* `hidden` je samo atribut — `display` iz pravila iznad ga NADJAČAVA.
   Izmereno: JS je postavljao `hidden` na „Sledeća strana" (`a[rel=next]`) i na
   „Učitaj još", a oba su ostajala vidljiva — korisnik je gledao dve kontrole koje
   rade različite stvari nad istom listom. Bez `!important`: specifičnost (0,2,0)
   već tuče `.agro-subvencija-btn` i `.agro-subvencije-jos` (0,1,0). */
.agro-subvencija-btn[hidden],
.agro-subvencije-jos[hidden] {
    display: none;
}

/* Vidljiv znak da se lista menja. `aria-busy` već postoji na `.agro-subvencije-lista`
   i postavlja ga i prebacivanje pogleda i „Učitaj još"; do sada ga nijedno pravilo
   nije pratilo, pa je na sporoj mreži ekran nekoliko sekundi izgledao zamrznuto.
   `opacity` namerno, ne skeleton: dizajn traži da se visina ne menja. */
.agro-subvencije-lista[aria-busy="true"] {
    opacity: .5;
    transition: opacity var(--agro-transition-fast);
}

/* Prekidač je `overflow: hidden` (da bi pilule bile zaobljene), pa outline sa
   negativnim `outline-offset` biva odsečen. `box-shadow: inset` se crta unutar
   elementa i preživljava clipping.

   DVE BOJE, ne jedna. Na neaktivnoj piluli (svetla pozadina) prsten je tamnozelen; na
   aktivnoj je pozadina baš ta ista tamnozelena, pa je prsten bio zelen na zelenom —
   izmereno 1.00:1, dok WCAG 2.2 SC 1.4.11 traži ≥3:1. To nije rubni slučaj: „Svi
   konkursi" je podrazumevano aktivna, prva je u grupi, i skripta posle Enter-a vraća
   fokus baš na pilulu koja je tim klikom postala zelena. Na aktivnoj se zato crta beo
   prsten, uvučen za 2px da se vidi i ivica pilule. */
.agro-subvencije-prekidac__dugme:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 3px var(--agro-focus-border, #2e7d32);
}

.agro-subvencije-prekidac__dugme.is-aktivno:focus-visible {
    box-shadow:
        inset 0 0 0 2px var(--agro-primary),
        inset 0 0 0 5px #fff;
}

/* Kartica je grid sa imenovanim oblastima; blok „Prati rok" je dodat bez `grid-area`
   pa je padao ISPOD podnožja i lomio redosled čitanja i fokusa.

   Red „prati" postoji SAMO na karticama koje taj blok stvarno imaju (klasu postavlja
   `kartica.phtml`). Dok je stajao bezuslovno, prazan red je i dalje trošio `row-gap`,
   pa su gost i konkurs bez roka dobijali 16px viška — susedne kartice u istoj listi
   imale su podnožje na različitoj visini. */
.agro-subvencija-kartica {
    grid-template-areas:
        "telo   rok"
        "akcije rok"
        "izvor  izvor";
}

.agro-subvencija-kartica--sa-pracenjem {
    grid-template-areas:
        "telo   rok"
        "akcije rok"
        "prati  rok"
        "izvor  izvor";
}

.agro-subvencija-kartica__prati {
    grid-area: prati;
}

/* Mobilni raspored ima svoj spisak oblasti (linija 382) i njega takođe treba dopuniti,
   inače blok „Prati rok" na telefonu i dalje ispada iz grida. */
@media (max-width: 991px) {
    .agro-subvencija-kartica {
        grid-template-areas: "telo" "rok" "akcije" "izvor";
    }

    .agro-subvencija-kartica--sa-pracenjem {
        grid-template-areas: "telo" "rok" "akcije" "prati" "izvor";
    }
}

/* Kontrole koje BEZ JavaScript-a ne rade ništa — i zato se bez njega ne prikazuju.

   Prekidač „Za moje gazdinstvo" i dugme „Prati rok" nemaju `href`, nisu u formi i
   nemaju `formaction`: sve što rade radi `agro-subvencije.js`. Dok je skripta bila
   uslov samo za ponašanje a ne i za prikaz, prijavljen korisnik kome se skripta ne
   dovuče (slaba mreža, blokator, stari telefon) video je obe kontrole, kliktao ih i
   NIŠTA se nije događalo — ni promena, ni poruka. Na rubrici čiji je smisao rok za
   konkurs to nije „kontrola ne radi" nego „kontrola laže": čovek veruje da prati rok.

   Rezervno stanje je zato ODSUSTVO kontrole. Ostatak strane (registar, suženje,
   straničenje) radi bez skripte i dalje, jer su to obična GET forma i obične veze.

   Klasu postavlja skripta na `<html>` čim potvrdi da je na pravoj strani. Namerno
   klasa na korenu, a ne `hidden` po elementu: kartice stižu i kroz XHR („Učitaj još",
   „Za moje gazdinstvo"), pa bi se atribut morao skidati posle svakog iscrtavanja —
   jedan propušten poziv i dugme tiho nestane. */
.agro-subvencije-prekidac,
.agro-subvencija-kartica__prati {
    display: none;
}

.agro-subvencije--js .agro-subvencije-prekidac,
.agro-subvencije--js .agro-subvencija-kartica__prati {
    display: flex;
}

/* Poziv gostu na dnu registra. Ton je isti kao na kartici — obaveštenje se ne
   obećava, jer motora za obaveštenja nema. */
.agro-subvencije-poziv {
    margin: var(--agro-space-lg, 24px) 0 var(--agro-space-md, 16px);
    padding: var(--agro-space-md, 16px);
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius-md, 12px);
    background: var(--agro-surface-alt, var(--agro-surface));
}

.agro-subvencije-poziv__naslov {
    margin: 0 0 8px;
    font-size: 1.05rem;
    line-height: 1.35;
    color: var(--agro-text);
}

.agro-subvencije-poziv__tekst {
    margin: 0 0 var(--agro-space-md, 16px);
    line-height: 1.55;
    color: var(--agro-text-secondary);
}

.agro-subvencije-poziv__prijava {
    margin: 12px 0 0;
    font-size: .92rem;
    color: var(--agro-text-muted, var(--agro-text-secondary));
}

/* „Poništi izbor" je `display: inline-flex` (linija 483), pa atribut `hidden` sam po
   sebi ne bi uradio ništa — ista zamka kao kod „Sledeća strana". JS skriva ovu vezu
   kad prebacivanje na „Za moje gazdinstvo" ukloni suženje, i vraća je kad se suženje
   ponovo primeni. */
.agro-subvencije-suzi__ponisti[hidden] {
    display: none;
}

/* Veza u dijagnozi („Dopuni profil" / „Napravi gazdinstvo"). Ona je jedini put kojim
   se `entity_category_map` uopšte puni — bez nje je dijagnoza prigovor bez izlaza —
   pa mora da izgleda kao poziv na radnju, ne kao deo rečenice. */
.agro-subvencije-dijagnoza__akcija {
    display: inline-block;
    margin-left: 4px;
    font-weight: 600;
    color: var(--agro-primary);
    text-decoration: underline;
}

.agro-subvencije-dijagnoza__akcija:hover,
.agro-subvencije-dijagnoza__akcija:focus-visible {
    color: var(--agro-primary-dark, var(--agro-primary));
}

/* ═══════════════════════════════════════════════════════════════════════════
   DETALJ KONKURSA — redizajn 21.09.2026

   Strana na kojoj se donosi odluka „hoću li da se prijavim". Podeljena je na dva
   posla: glavna kolona odgovara na „šta je ovo i smem li ja", a traka odluke drži
   činjenice po kojima se bira i dugmad — i ostaje na ekranu dok se čita.

   Do ovog redizajna bila je jedna kolona od 760px na sredini praznog ekrana od
   1440px, a rok — jedina stvar zbog koje čovek gubi subvenciju — bio je običan
   podebljan red teksta između naslova i sažetka.

   Sve boje su postojeći tokeni iz `style.css`. Nijedna nova nije uvedena.
   ═══════════════════════════════════════════════════════════════════════════ */

.agro-subvencija-strana {
    max-width: 1180px;
    margin: 0 auto;
    padding: var(--agro-space-lg) var(--agro-space-md);
}

/* ── Putanja ─────────────────────────────────────────────────────────────── */

.agro-subvencija-putanja {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--agro-space-md);
    font-size: 14px;
    color: var(--agro-text-muted);
}

.agro-subvencija-putanja a {
    /* 24px je donja granica za pokazivačku metu (WCAG 2.5.8). Sa samim `font-size: 14px`
       link je izlazio 23px visok — jedan piksel ispod, i to na jedinom putu nazad. */
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    color: var(--agro-primary-dark);
    text-decoration: none;
}

.agro-subvencija-putanja a:hover,
.agro-subvencija-putanja a:focus-visible {
    text-decoration: underline;
}

/* Naslov ume da bude dugačak; u putanji se skraćuje, ali OSTAJE čitljiv do kraja
   reda — skraćivanje na 20 znakova bi od putanje napravilo ukras. */
.agro-subvencija-putanja__tekuca {
    max-width: 52ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Raspored ────────────────────────────────────────────────────────────── */

.agro-subvencija-detalj {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--agro-space-xl);
    align-items: start;
}

.agro-subvencija-glavna {
    min-width: 0; /* bez ovoga dug URL u tekstu razvuče celu kolonu */
    max-width: 760px;
}

/* ── Zaglavlje ───────────────────────────────────────────────────────────── */

.agro-subvencija-zaglavlje__oznake {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.agro-subvencija-oznaka {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid var(--agro-border-strong);
    border-radius: var(--agro-radius-pill);
    background: var(--agro-surface-alt);
    font-size: 13px;
    font-weight: 600;
    color: var(--agro-text-secondary);
}

.agro-subvencija-detalj h1 {
    margin: 0 0 8px;
    font-family: var(--agro-font-heading);
    font-size: 32px;
    line-height: 1.25;
    color: var(--agro-text);
}

.agro-subvencija-zaglavlje__izdavalac {
    margin: 0 0 var(--agro-space-lg);
    color: var(--agro-text-secondary);
}

/* ── Rok ─────────────────────────────────────────────────────────────────── */

/* Rok dobija svoj blok, ne red teksta. Boji se IVICA i ikona, nikad pozadina:
   puna crvena površina preko cele širine pretvara stranu u alarm, a onda se
   prestane primećivati. */
.agro-subvencija-rok {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 var(--agro-space-lg);
    padding: 14px 16px;
    border: 1px solid var(--agro-border);
    border-left: 4px solid var(--agro-text-muted);
    border-radius: var(--agro-radius);
    background: var(--agro-surface-card);
}

.agro-subvencija-rok__ikona {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    color: var(--agro-text-muted);
}

.agro-subvencija-rok__tekst {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.agro-subvencija-rok__tekst strong {
    font-size: 18px;
    line-height: 1.35;
    color: var(--agro-text);
}

.agro-subvencija-rok__tekst span {
    font-size: 14px;
    color: var(--agro-text-secondary);
}

.agro-subvencija-rok--uskoro {
    border-left-color: var(--agro-warning);
}

.agro-subvencija-rok--uskoro .agro-subvencija-rok__ikona {
    color: var(--agro-warning);
}

.agro-subvencija-rok--hitno {
    border-left-color: var(--agro-danger);
}

.agro-subvencija-rok--hitno .agro-subvencija-rok__ikona {
    color: var(--agro-danger);
}

/* Boja teksta ide na `--agro-danger-text` (7,2:1), ne na `--agro-danger` (4,9:1) —
   broj dana je najvažnija reč na strani i mora da prođe AA i za sitan tekst. */
.agro-subvencija-rok--hitno .agro-subvencija-rok__tekst strong {
    color: var(--agro-danger-text);
}

/* ── Sekcije ─────────────────────────────────────────────────────────────── */

.agro-subvencija-sekcija h2,
.agro-subvencija-izvor h2,
.agro-subvencija-ukratko h2 {
    font-family: var(--agro-font-heading);
}

.agro-subvencija-podnaslov {
    margin: var(--agro-space-md) 0 8px;
    font-family: var(--agro-font-heading);
    font-size: 16px;
    color: var(--agro-text-secondary);
}

/* ── Koliko možeš da dobiješ ─────────────────────────────────────────────── */

.agro-subvencija-novac__glavni {
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--agro-primary-dark);
}

.agro-subvencija-novac__napomena {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--agro-text-secondary);
}

.agro-subvencija-novac__stavke {
    margin: var(--agro-space-md) 0 0;
    padding: 12px 16px;
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius);
    background: var(--agro-surface-alt);
}

.agro-subvencija-novac__stavke dt {
    font-size: 13px;
    color: var(--agro-text-muted);
}

.agro-subvencija-novac__stavke dd {
    margin: 2px 0 0;
    font-weight: 600;
    color: var(--agro-text);
}

/* ── Ko sme da konkuriše ─────────────────────────────────────────────────── */

/* Kvačica = uslov koji MORAŠ da ispuniš. Zvezdica = ne moraš, ali donosi prednost.
   Dve različite stvari — do redizajna su obe bile nevidljive, a i da nisu, ista
   crtica ispred obe ne bi rekla u čemu je razlika. */
.agro-subvencija-uslovi {
    margin: 0;
    padding: 0;
    list-style: none;
}

.agro-subvencija-uslovi li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 28px;
    line-height: 1.55;
    color: var(--agro-text);
}

.agro-subvencija-uslovi li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--agro-primary-bg);
    color: var(--agro-primary-dark);
    font-size: 13px;
    font-weight: 700;
}

.agro-subvencija-uslovi--prednost li::before {
    content: "★";
    background: var(--agro-amber-50);
    color: var(--agro-amber-700);
}

/* ── Dokumenti ───────────────────────────────────────────────────────────── */

.agro-subvencija-dokumenti {
    margin: 0;
    padding: 0;
    list-style: none;
}

.agro-subvencija-dokumenti li + li {
    margin-top: 8px;
}

.agro-subvencija-dokumenti a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius);
    background: var(--agro-surface-card);
    color: var(--agro-text);
    text-decoration: none;
    transition: border-color var(--agro-transition-fast), box-shadow var(--agro-transition-fast);
}

.agro-subvencija-dokumenti a:hover,
.agro-subvencija-dokumenti a:focus-visible {
    border-color: var(--agro-primary);
    box-shadow: var(--agro-shadow-sm);
}

.agro-subvencija-dokumenti svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: var(--agro-primary-dark);
}

.agro-subvencija-dokumenti small {
    color: var(--agro-text-muted);
}

/* ── Ceo tekst konkursa ──────────────────────────────────────────────────── */

.agro-subvencija-ceo-tekst {
    margin: var(--agro-space-lg) 0;
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius);
    background: var(--agro-surface-card);
}

.agro-subvencija-ceo-tekst summary {
    padding: 14px 16px;
    font-weight: 600;
    color: var(--agro-primary-dark);
    cursor: pointer;
}

.agro-subvencija-ceo-tekst summary:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 3px var(--agro-focus-border, #2e7d32);
    border-radius: var(--agro-radius);
}

.agro-subvencija-ceo-tekst__telo {
    padding: 0 16px 16px;
    line-height: 1.7;
    color: var(--agro-text-secondary);
}

/* ── Traka odluke ────────────────────────────────────────────────────────── */

.agro-subvencija-odluka__unutra {
    position: sticky;
    /* 88px = visina fiksiranog zaglavlja + vazduh. Bez toga se vrh trake podvuče
       pod header čim se krene naniže. */
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: var(--agro-space-md);
}

.agro-subvencija-cinjenice {
    margin: 0;
    padding: var(--agro-space-md);
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius-lg);
    background: var(--agro-surface-card);
    box-shadow: var(--agro-shadow-sm);
}

.agro-subvencija-cinjenice__red + .agro-subvencija-cinjenice__red {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--agro-border);
}

.agro-subvencija-cinjenice dt {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--agro-text-muted);
}

.agro-subvencija-cinjenice dd {
    margin: 3px 0 0;
    font-weight: 600;
    line-height: 1.4;
    color: var(--agro-text);
}

.agro-subvencija-cinjenice__rok--uskoro { color: var(--agro-warning); }
.agro-subvencija-cinjenice__rok--hitno  { color: var(--agro-danger-text); }

.agro-subvencija-odluka__akcije {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* U traci su dugmad jedno ispod drugog i puna širina — tri dugmeta u redu od 320px
   se lome na slogove. */
.agro-subvencija-odluka__akcije .agro-subvencija-btn {
    justify-content: center;
    width: 100%;
}

.agro-subvencija-odluka__akcije .agro-subvencija-cal-ics {
    align-self: center;
}

.agro-subvencije-poziv--traka {
    margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

/* Ispod 1100px traka pada ISPOD sadržaja i prestaje da bude lepljiva. Činjenice se
   tada slažu u red, jer po širini ima mesta — vertikalna lista od četiri reda bi
   na tabletu bila prazan hod. */
@media (max-width: 1100px) {
    .agro-subvencija-detalj {
        grid-template-columns: minmax(0, 1fr);
    }

    .agro-subvencija-glavna {
        max-width: none;
    }

    .agro-subvencija-odluka__unutra {
        position: static;
    }

    .agro-subvencija-cinjenice {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: var(--agro-space-md);
    }

    .agro-subvencija-cinjenice__red + .agro-subvencija-cinjenice__red {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .agro-subvencija-odluka__akcije {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .agro-subvencija-odluka__akcije .agro-subvencija-btn {
        width: auto;
    }

    .agro-subvencija-odluka__akcije .agro-subvencija-kartica__prati {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .agro-subvencija-strana {
        padding: var(--agro-space-md) 12px;
    }

    .agro-subvencija-detalj h1 {
        font-size: 24px;
    }

    .agro-subvencija-putanja__tekuca {
        max-width: 24ch;
    }

    .agro-subvencija-cinjenice {
        grid-template-columns: 1fr 1fr;
    }

    /* Na telefonu dugmad idu puna širina — dva dugmeta u redu od 360px daju mete
       uže od 44px, što je ispod granice za prst. */
    .agro-subvencija-odluka__akcije {
        flex-direction: column;
        align-items: stretch;
    }

    .agro-subvencija-odluka__akcije .agro-subvencija-btn {
        width: 100%;
    }
}

/* ── „Ceo tekst" — strelica koja kaže da se otvara ───────────────────────── */

.agro-subvencija-ceo-tekst summary {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
}

/* Webkit crta svoj trougao pored našeg — gasi se, inače su dva markera. */
.agro-subvencija-ceo-tekst summary::-webkit-details-marker {
    display: none;
}

.agro-subvencija-ceo-tekst summary svg {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    transition: transform var(--agro-transition-fast);
}

.agro-subvencija-ceo-tekst[open] summary svg {
    transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
    .agro-subvencija-ceo-tekst summary svg { transition: none; }
}

/* ── Slični konkursi ─────────────────────────────────────────────────────── */

/* Stoje na dnu trake odluke, gde na širokom ekranu ostaje prazno ispod dugmadi.
   Nisu ukras: čovek koji zaključi da mu OVAJ konkurs ne odgovara ovde dobija
   sledeći iz iste grane, umesto da se vraća na listu. */
.agro-subvencija-slicne {
    padding: var(--agro-space-md);
    border: 1px solid var(--agro-border);
    border-radius: var(--agro-radius-lg);
    background: var(--agro-surface-alt);
}

.agro-subvencija-slicne h2 {
    margin: 0 0 12px;
    font-family: var(--agro-font-heading);
    font-size: 16px;
    color: var(--agro-text);
}

.agro-subvencija-slicne ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.agro-subvencija-slicne li + li {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--agro-border);
}

.agro-subvencija-slicne a {
    display: block;
    font-weight: 600;
    line-height: 1.4;
    color: var(--agro-primary-dark);
    text-decoration: none;
}

.agro-subvencija-slicne a:hover,
.agro-subvencija-slicne a:focus-visible {
    text-decoration: underline;
}

.agro-subvencija-slicne small {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    color: var(--agro-text-muted);
}

/* ── Iznos: čitljiv, ali ne glasniji od naslova ──────────────────────────── */

/* Prva verzija je bila 22px bold zeleno i takmičila se sa `h1`. Iznos jeste
   važan, ali naslov govori ŠTA je konkurs — ako se dva reda bore za pažnju,
   izgubi se oba. */
.agro-subvencija-novac__glavni {
    font-size: 19px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   AKCENTNI TEKST KOJI RADI I NOĆU

   `--agro-primary-dark` (#1b5e20) je brend zelena i na svetloj podlozi daje 7,5:1.
   Noćni režim (`body.agro-night`, style.css:129) remapira površine i tekst, ali
   `--agro-primary` i `--agro-primary-dark` NE dira — pa svaki link obojen njima
   postaje tamnozelen na tamnozelenom. Izmereno na detalju konkursa:

     putanja 1,84:1 · iznos 1,84:1 · „Slični konkursi" 2,05:1 · „Ceo tekst" 1,59:1

   Sve četiri padaju AA (4,5:1), a dve su ispod granice na kojoj se tekst uopšte
   razaznaje. Rešenje ne uvodi novu boju: `--agro-sage-700` već postoji i već ima
   obe varijante — #4A6B45 danju (7,1:1 na kremu) i #b5cfae noću.
   ═══════════════════════════════════════════════════════════════════════════ */

.agro-subvencija-strana,
.agro-subvencije-strana {
    --agro-subv-akcenat: var(--agro-primary-dark);
}

body.agro-night .agro-subvencija-strana,
body.agro-night .agro-subvencije-strana {
    --agro-subv-akcenat: var(--agro-sage-700);
}

.agro-subvencija-putanja a,
.agro-subvencija-novac__glavni,
.agro-subvencija-slicne a,
.agro-subvencija-ceo-tekst summary,
.agro-subvencija-dokumenti svg,
.agro-subvencije-dijagnoza__akcija {
    color: var(--agro-subv-akcenat);
}

.agro-subvencije-dijagnoza__akcija:hover,
.agro-subvencije-dijagnoza__akcija:focus-visible {
    color: var(--agro-subv-akcenat);
}

/* „Već imaš nalog? Prijavi se" — link je izlazio 12px visok, upola ispod granice od
   24px za pokazivačku metu (WCAG 2.5.8). Pogađa i registar i detalj, jer oba
   renderuju isti poziv gostu. */
.agro-subvencije-poziv__prijava a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    color: var(--agro-subv-akcenat, var(--agro-primary-dark));
    font-weight: 600;
}