/* Маријина шума — в1 (DIZAJN_v1.md). Без сенки, без улазних анимација; обруби само где носе значење. */
:root{--bor:#1E3F31;--iglica:#6F9A6B;--kora:#5C3F2E;--sisarka:#B9741F;--sisarka-tamna:#8F5712;--papir:#F5F7F2;--papir2:#EBEFE6;--mastilo:#1A221D;--siva:#5B655E;--linija:#CAD3C6;
--prolece:#7FB069;--leto:#2F6B4F;--jesen:#C46A2B;--zima:#7E9CB8;--greska:#A23B2A;--max:72ch;--font-n:"Literata",Georgia,"Times New Roman",serif;--font-t:"Golos Text","Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--mastilo);font-family:var(--font-t);font-size:17px;line-height:1.55;font-feature-settings:"locl"}
a{color:var(--bor);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--sisarka-tamna)}
h1,h2,h3{font-family:var(--font-n);color:var(--bor);line-height:1.15;margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5.5vw,3.4rem)}h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin-top:0}h3{font-size:1.2rem}
p{margin:0 0 1rem;max-width:var(--max)}ul,ol{max-width:var(--max);padding-left:1.3rem}li{margin-bottom:.35rem}
.omot{width:min(100% - 32px,1120px);margin-inline:auto}
header.vrh{border-bottom:1px solid var(--linija);background:var(--papir)}
.vrh .omot{display:flex;align-items:center;gap:1rem;min-height:64px;flex-wrap:wrap}
.znak{display:flex;align-items:center;gap:.6rem;font-family:var(--font-n);font-weight:700;font-size:1.25rem;color:var(--bor);text-decoration:none}
.znak svg{width:34px;height:34px}
nav.glavna{margin-left:auto;display:flex;gap:1.1rem;flex-wrap:wrap}nav.glavna a{text-decoration:none;font-weight:500;padding:.4rem 0;border-bottom:2px solid transparent}
nav.glavna a[aria-current=page]{border-bottom-color:var(--sisarka)}
main{padding:2.5rem 0 3rem}section{margin-bottom:3.5rem}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.6rem 1.3rem;border-radius:6px;border:2px solid var(--bor);background:var(--bor);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.dugme:hover{background:#15302500;color:var(--bor)}.dugme.glavno{background:var(--sisarka);border-color:var(--sisarka);color:#fff}.dugme.glavno:hover{background:var(--sisarka-tamna);border-color:var(--sisarka-tamna);color:#fff}
.dugme.tiho{background:transparent;color:var(--bor)}.dugme.tiho:hover{background:var(--papir2)}
.dugme.malo{min-height:38px;padding:.3rem .9rem;font-size:.95rem}
:focus-visible{outline:3px solid var(--sisarka);outline-offset:2px}
/* херој */
.heroj{display:grid;gap:2rem;grid-template-columns:1fr;align-items:start}
@media(min-width:900px){.heroj{grid-template-columns:1.1fr 1fr;gap:3rem}}
.heroj p.uvod{font-size:1.2rem;color:var(--kora)}
.radnje{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0 0}
/* четири доба — једна смела ствар */
.doba{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.doba .polje{position:relative;aspect-ratio:1/1;border:3px solid var(--d);border-radius:4px;overflow:hidden;background:var(--papir2);display:flex;align-items:flex-end}
.doba .polje img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.doba .polje span{position:relative;z-index:1;margin:.5rem .6rem;padding:.15rem .55rem;border-radius:3px;background:var(--d);color:#fff;font-weight:600;font-size:.95rem}
.doba .polje.prazno span{background:transparent;color:var(--d)}
.doba .polje small{position:relative;z-index:1;margin:.5rem;color:var(--siva);font-size:.85rem;align-self:flex-start}
.prolece{--d:var(--prolece)}.leto{--d:var(--leto)}.jesen{--d:var(--jesen)}.zima{--d:var(--zima)}
.potpis-doba{color:var(--siva);font-size:.95rem;margin-top:.6rem}
/* бројеви */
.brojevi{display:flex;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--linija);border-bottom:1px solid var(--linija);padding:1.2rem 0}
.brojevi div{min-width:120px}.brojevi b{display:block;font-family:var(--font-n);font-size:2.2rem;color:var(--bor);line-height:1}.brojevi span{color:var(--siva)}
/* врсте */
.vrste{display:grid;gap:2rem}@media(min-width:800px){.vrste{grid-template-columns:1fr 1fr}}
.vrsta{border-top:4px solid var(--bor);padding-top:1rem}.vrsta.kesten{border-top-color:var(--kora)}
.vrsta .lat{color:var(--siva);font-family:var(--font-n);font-style:normal}
table.karta{border-collapse:collapse;width:100%;max-width:var(--max);font-size:.98rem;margin:.8rem 0 1rem}
table.karta th,table.karta td{text-align:left;vertical-align:top;padding:.45rem .5rem;border-bottom:1px solid var(--linija)}table.karta th{width:34%;font-weight:600;color:var(--kora)}
.izvor{color:var(--siva);font-size:.85rem}.izvor a{color:var(--siva)}
sup.i{font-size:.7em;color:var(--sisarka-tamna)}
/* како иде */
ol.koraci{list-style:none;padding:0;display:grid;gap:1rem;counter-reset:k}@media(min-width:800px){ol.koraci{grid-template-columns:repeat(4,1fr)}}
ol.koraci li{counter-increment:k;border-top:2px solid var(--iglica);padding-top:.6rem}ol.koraci li::before{content:counter(k);display:block;font-family:var(--font-n);font-size:1.6rem;color:var(--iglica);line-height:1;margin-bottom:.3rem}
/* мапа */
.mapa{width:100%;height:min(70vh,560px);border:1px solid var(--linija);border-radius:6px;background:#dfe6dc}
.mapa.izbor{height:min(55vh,440px)}
.maplibregl-popup-content{font-family:var(--font-t);border-radius:6px;padding:.8rem 1rem;max-width:280px}
.maplibregl-popup-content h3{font-size:1.05rem;margin:0 0 .2rem}.maplibregl-popup-content .f{display:flex;gap:4px;flex-wrap:wrap;margin-top:.5rem}.maplibregl-popup-content .f img{width:64px;height:64px;object-fit:cover;border-radius:3px;border:2px solid var(--d)}
.legenda{display:flex;gap:1rem;flex-wrap:wrap;color:var(--siva);font-size:.95rem;margin-top:.6rem}.legenda i{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--sisarka);border:2px solid #fff;box-shadow:0 0 0 1px var(--kora);vertical-align:-2px;margin-right:.3rem}.legenda i.k{background:var(--kora)}
/* обрасци */
form.obrazac{max-width:620px}
.polje-f{margin-bottom:1.2rem}.polje-f label{display:block;font-weight:600;margin-bottom:.3rem}.polje-f .pomoc{color:var(--siva);font-size:.92rem;margin:.2rem 0 0}
.polje-f input[type=text],.polje-f input[type=email],.polje-f input[type=tel],.polje-f input[type=number],.polje-f input[type=date],.polje-f input[type=password],.polje-f select,.polje-f textarea{width:100%;min-height:48px;padding:.6rem .8rem;border:1.5px solid var(--kora);border-radius:6px;background:#fff;font:inherit;color:var(--mastilo)}
.polje-f textarea{min-height:110px}.polje-f.greska input,.polje-f.greska select{border-color:var(--greska);border-width:2px}
.poruka-greska{color:var(--greska);font-weight:500;margin:.3rem 0 0}
.izbor-vrste{display:grid;gap:.6rem}@media(min-width:560px){.izbor-vrste{grid-template-columns:1fr 1fr}}
.izbor-vrste label{display:flex;gap:.6rem;align-items:flex-start;border:1.5px solid var(--linija);border-radius:6px;padding:.7rem .8rem;cursor:pointer;font-weight:500}.izbor-vrste label:has(input:checked){border-color:var(--bor);background:#fff}
.izbor-vrste input{margin-top:.3rem}.izbor-vrste small{display:block;color:var(--siva);font-weight:400}
.red{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.red input[type=text]{flex:1 1 220px}
.pretraga{position:relative}.pretraga ul{position:absolute;z-index:5;left:0;right:0;top:100%;margin:0;padding:.2rem 0;list-style:none;background:#fff;border:1px solid var(--linija);border-radius:0 0 6px 6px;max-height:260px;overflow:auto}
.pretraga li{padding:.5rem .8rem;cursor:pointer}.pretraga li:hover,.pretraga li[aria-selected=true]{background:var(--papir2)}.pretraga li small{color:var(--siva)}
.saglasnost{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.saglasnost input{margin-top:.35rem;width:20px;height:20px}
.skriveno{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* моје стабло */
.tok{list-style:none;padding:0;display:grid;gap:.4rem;grid-template-columns:repeat(5,1fr);margin:1rem 0}
.tok li{border-top:4px solid var(--linija);padding-top:.4rem;font-size:.92rem;color:var(--siva)}.tok li.proslo{border-top-color:var(--iglica);color:var(--mastilo)}.tok li.sad{border-top-color:var(--sisarka);color:var(--mastilo);font-weight:600}
.obavest{border-left:4px solid var(--sisarka);background:#fff;padding:.8rem 1rem;margin:0 0 1.5rem;max-width:var(--max)}
.obavest.dobro{border-left-color:var(--iglica)}.obavest.lose{border-left-color:var(--greska)}
.galerija{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.galerija figure{margin:0;border:3px solid var(--d,var(--linija));border-radius:4px;overflow:hidden;background:#fff}.galerija img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.galerija figcaption{padding:.3rem .5rem;font-size:.88rem;color:var(--siva)}.galerija figure.ceka figcaption::after{content:" · чека потврду";color:var(--sisarka-tamna)}
.sadnja{--d:var(--kora)}
.kljuc-veza{font-family:ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px dashed var(--kora);padding:.5rem .7rem;border-radius:6px;word-break:break-all;display:inline-block}
/* администратор */
table.spisak{border-collapse:collapse;width:100%;font-size:.93rem}table.spisak th,table.spisak td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--linija);vertical-align:top}table.spisak th{background:var(--papir2)}
.status-z{display:inline-block;padding:.1rem .5rem;border-radius:3px;font-size:.85rem;background:var(--papir2);color:var(--kora);white-space:nowrap}
.status-z.zasadjeno{background:#dfeedc;color:var(--leto)}.status-z.poslato,.status-z.primljeno{background:#f6e7d1;color:var(--sisarka-tamna)}.status-z.odbijeno,.status-z.odustao{background:#f3dcd8;color:var(--greska)}
form.ulinija{display:inline-flex;gap:.3rem;align-items:center;flex-wrap:wrap}form.ulinija select,form.ulinija input{min-height:34px;padding:.2rem .4rem;border:1px solid var(--linija);border-radius:4px;font:inherit;font-size:.9rem}
footer{border-top:1px solid var(--linija);padding:1.5rem 0 2.5rem;color:var(--siva);font-size:.92rem}footer .omot{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between}
@media(prefers-reduced-motion:no-preference){.dugme,nav.glavna a{transition:background-color .15s,color .15s,border-color .15s}}
@media(max-width:560px){.tok{grid-template-columns:repeat(5,1fr);font-size:.8rem}.brojevi{gap:1.2rem}}
/* --- в2: фотографски, модеран слој (реч корисника „ултрафенси, модерно, у еколошком духу“) --- */
header.vrh.prozirno{position:absolute;top:0;left:0;right:0;z-index:3;background:transparent;border:0}header.vrh.prozirno .znak,header.vrh.prozirno nav.glavna a:not(.dugme){color:#fff}
.heroj-foto{position:relative;min-height:min(92vh,760px);display:flex;align-items:flex-end;background:linear-gradient(160deg,#1E3F31,#0F2419);color:#fff;isolation:isolate;margin:-2.5rem 0 3rem}
.heroj-foto::before{content:"";position:absolute;inset:0;background-image:var(--slika-m,var(--slika,none));background-size:cover;background-position:center 35%;z-index:-2}
.heroj-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,18,.25) 0%,rgba(10,26,18,.05) 35%,rgba(10,26,18,.78) 100%);z-index:-1}
.heroj-tekst{padding:7rem 0 3.5rem;max-width:760px;margin-left:max(16px,calc((100% - 1120px)/2))}
.heroj-tekst h1{color:#fff;font-size:clamp(2.3rem,6.5vw,4.4rem);font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.heroj-tekst .nad{font-weight:600;color:#E8C98F;margin-bottom:.8rem;font-size:1.05rem}
.heroj-tekst .uvod{font-size:1.15rem;color:#E9EFE7;max-width:62ch}
.dugme.svetlo{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(6px)}.dugme.svetlo:hover{background:#fff;color:var(--bor)}
.heroj-foto .pripis{position:absolute;right:12px;bottom:8px;font-size:.72rem;color:rgba(255,255,255,.65)}
.brojevi-traka .brojevi{border:0;padding:0;margin:-5.2rem auto 3rem;background:#fff;border-radius:10px;padding:1.4rem 1.8rem;position:relative;z-index:2;box-shadow:0 1px 0 var(--linija)}
.poruka .dve{display:grid;gap:2rem}@media(min-width:900px){.poruka .dve{grid-template-columns:1.2fr 1fr}}
ul.poruke{list-style:none;padding:0;display:grid;gap:.9rem}ul.poruke li{border-left:4px solid var(--iglica);padding:.2rem 0 .2rem 1rem}ul.poruke li b{display:block;color:var(--bor);font-family:var(--font-n);font-size:1.15rem}
.doba.velika{grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.doba.velika{grid-template-columns:repeat(2,1fr)}}
.vrste-traka{background:var(--bor);color:#E9EFE7;padding:3.5rem 0;margin-bottom:3.5rem}.vrste-traka h2,.vrste-traka h3{color:#fff}.vrste-traka .lat{color:#BFD3C4}.vrste-traka a{color:#E8C98F}
.vrste-traka .vrsta{border-top:0;padding-top:0}.vrste-traka .vrsta img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:1rem}
.vrsta-glava{display:grid;gap:1.5rem;align-items:center;margin-bottom:1rem}@media(min-width:800px){.vrsta-glava{grid-template-columns:1fr 1.2fr}}.vrsta-glava img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
ul.cinjenice{list-style:none;padding:0;display:grid;gap:1rem;max-width:none}ul.cinjenice li{font-family:var(--font-n);font-size:1.25rem;line-height:1.4;color:var(--bor);border-left:4px solid var(--sisarka);padding-left:1rem;max-width:72ch}ul.cinjenice li .izvor{font-family:var(--font-t);font-size:.85rem;display:block;margin-top:.3rem}
.izvori-lista li{font-size:.95rem;color:var(--siva);word-break:break-word}
details.metoda{max-width:var(--max);margin:.5rem 0 1rem;color:var(--siva);font-size:.92rem}details.metoda summary{cursor:pointer;color:var(--bor);font-weight:500}
@media(min-width:700px){.heroj-foto::before{background-image:var(--slika,none)}}
/* дотеривање после прегледа снимака (04.11. 18:1x) */
@media(max-width:700px){nav.glavna{gap:.8rem;font-size:.95rem;margin-left:0;width:100%}nav.glavna .dugme{display:none}header.vrh.prozirno nav.glavna a:not(.dugme){color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.heroj-tekst{padding-top:8.5rem}}
.heroj-foto .pripis{bottom:auto;top:calc(100% - 7.5rem)}@media(max-width:700px){.heroj-foto .pripis{top:auto;bottom:7.5rem}}
.doba .polje.prazno{background:color-mix(in srgb,var(--d) 14%,var(--papir2))}
.doba .polje.prazno::before{content:"";position:absolute;inset:auto 10% 18% 10%;height:38%;background:radial-gradient(closest-side,color-mix(in srgb,var(--d) 35%,transparent),transparent 70%)}

.izbor-vrste small.zaliha{color:var(--sisarka-tamna);font-weight:600;margin-top:.2rem}.izbor-vrste label.nema{opacity:.6}
.podloga{margin:.4rem 0 .6rem}.podloga .dugme[aria-pressed=true]{background:var(--bor);color:#fff;border-color:var(--bor)}


.doba .polje.prazno img{opacity:.92}

/* галерија поклоњених: клизање лево/десно (реч корисника 04.11.) */
.galerija-traka{padding:0 0 .5rem}.galerija-glava{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.galerija-glava p{margin:0}
.galerija-kontrole{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.galerija-kontrole .brojac{color:var(--siva);margin-right:.6rem;font-variant-numeric:tabular-nums}.galerija-kontrole .brojac b{color:var(--bor)}
.strelica{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--bor);background:#fff;color:var(--bor);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.strelica svg{width:22px;height:22px}.strelica:hover{background:var(--bor);color:#fff}
.klizac{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px max(16px,calc((100% - 1120px)/2)) 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.klizac::-webkit-scrollbar{display:none}
.klizac .kartica{flex:0 0 min(78vw,420px);scroll-snap-align:start;margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--bor);box-shadow:0 10px 30px -18px rgba(30,63,49,.55)}
.klizac .kartica img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease}.klizac .kartica:hover img{transform:scale(1.03)}
.klizac .kartica figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.1rem .9rem;color:#fff;font-size:.95rem;line-height:1.35;background:linear-gradient(180deg,rgba(14,32,24,0) 0%,rgba(14,32,24,.72) 100%)}
.klizac .kartica a{display:block;color:inherit}.klizac .kartica a:focus-visible{outline:3px solid var(--sisarka);outline-offset:-3px}
dialog.svetlo{border:0;border-radius:14px;padding:0;max-width:min(96vw,1100px);background:#0E2018;color:#fff}dialog.svetlo::backdrop{background:rgba(10,20,15,.85);backdrop-filter:blur(4px)}
dialog.svetlo img{display:block;max-width:96vw;max-height:84vh;width:auto;height:auto;margin:0 auto}dialog.svetlo p{margin:0;padding:.8rem 1.2rem;color:#E9EFE7;font-size:.95rem}
dialog.svetlo .zatvori{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:1.5rem;cursor:pointer}dialog.svetlo .zatvori:hover{background:rgba(255,255,255,.3)}
@media(max-width:700px){.galerija-glava{flex-direction:column;align-items:flex-start;gap:.8rem}}
@media(prefers-reduced-motion:reduce){.klizac{scroll-behavior:auto}.klizac .kartica img{transition:none}}

/* в2 пролаз (реч корисника 04.11. 18:4x „скарт“): трака с рукама, кораци као картице, богатије подножје */
.traka-ruke{position:relative;isolation:isolate;color:#fff;padding:6rem 0;margin:0 0 3.5rem;background:#1E3F31}
.traka-ruke::before{content:"";position:absolute;inset:0;background:var(--slika) center/cover;z-index:-2}.traka-ruke::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,32,24,.82) 0%,rgba(14,32,24,.55) 55%,rgba(14,32,24,.15) 100%);z-index:-1}
.traka-ruke .misao{font-family:var(--font-n);font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;max-width:18ch;margin:0 0 1rem;color:#fff;letter-spacing:-.01em}.traka-ruke .pod{max-width:48ch;color:#E9EFE7;font-size:1.1rem;margin-bottom:1.6rem}
.traka-ruke .pripis{position:absolute;right:12px;bottom:8px;font-size:.72rem;color:rgba(255,255,255,.6)}
.koraci-odeljak{margin-bottom:4rem}ol.koraci{gap:1.2rem}ol.koraci li{background:#fff;border:1px solid var(--linija);border-top:3px solid var(--iglica);border-radius:10px;padding:1.2rem 1.2rem 1.3rem}ol.koraci li::before{font-size:2rem;color:var(--sisarka);margin-bottom:.5rem}ol.koraci li b{display:block;font-family:var(--font-n);font-size:1.15rem;color:var(--bor);margin-bottom:.25rem}
footer{background:var(--bor);color:#CFE0D3;border-top:0;padding:2.5rem 0 2.2rem;font-size:.95rem}footer a{color:#fff}footer a:hover{color:#E8C98F}
.podnozje{display:grid;gap:1.4rem;align-items:center;grid-template-columns:1fr}@media(min-width:800px){.podnozje{grid-template-columns:1.2fr 1fr 1fr}}
.znak-pod{display:flex;gap:.8rem;align-items:center;color:#fff}.znak-pod svg{width:40px;height:40px;flex-shrink:0}.znak-pod b{font-family:var(--font-n);font-size:1.15rem}
footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}footer nav a{text-decoration:none;font-weight:500}footer .sitno{font-size:.88rem;color:#A9C2AF}footer .sitno a{color:#CFE0D3}
section{margin-bottom:4.5rem}.brojevi-traka .brojevi{margin-bottom:4rem}

ol.koraci{max-width:none}.vrste-traka{margin-bottom:0}.traka-ruke{margin-top:0}
.brojevi{justify-content:flex-start;gap:3rem}.brojevi b{font-size:2.6rem}

/* избор врсте са фотографијом саднице (реч корисника 04.11. 19:2x) */
.izbor-vrste label.vrsta-kartica{flex-wrap:wrap;padding:0;overflow:hidden;border-width:2px;border-radius:10px;background:#fff}
.izbor-vrste label.vrsta-kartica img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;flex:0 0 100%}
.izbor-vrste label.vrsta-kartica input{margin:.95rem 0 .9rem .9rem}.izbor-vrste label.vrsta-kartica>span{padding:.75rem .9rem .9rem 0;flex:1}
.izbor-vrste label.vrsta-kartica:has(input:checked){border-color:var(--sisarka);box-shadow:0 0 0 3px color-mix(in srgb,var(--sisarka) 25%,transparent)}