/* ==========================================================================
   FONDACIJA VOLONTERI CRNE GORE
   Boje su uzete direktno sa zvaničnog logotipa Fondacije:
   bordo #8A0000 i staro zlato #BA9036, na toploj krem podlozi.
   ========================================================================== */

:root{
  /* --- bordo (iz logotipa) --- */
  --bordo-950:#2E0407;
  --bordo-900:#490709;
  --bordo-800:#6B0B0C;
  --bordo-700:#8A0000;   /* zvanična boja logotipa */
  --bordo-600:#A31621;
  --bordo-500:#C02D33;
  --bordo-100:#F7E4E2;

  /* --- staro zlato (iz logotipa) --- */
  --zlato-800:#7A5C1B;
  --zlato-700:#96742A;
  --zlato-600:#BA9036;   /* zvanična boja logotipa */
  --zlato-500:#D0A94F;
  --zlato-400:#E2C47C;
  --zlato-200:#F0E0BC;
  --zlato-100:#F8F0DE;

  /* --- neutralni topli tonovi --- */
  --krem:#FCF8F2;
  --krem-2:#F6EFE4;
  --pijesak:#EFE4D3;
  --ink:#231416;
  --ink-2:#4B3437;
  --muted:#7C6A6C;
  --linija:#E8DAC6;
  --bijela:#FFFFFF;

  --radius:10px;
  --radius-sm:6px;
  --radius-lg:14px;
  --sjenka:0 1px 2px rgba(46,4,7,.06), 0 8px 24px -18px rgba(46,4,7,.35);
  --sjenka-jaka:0 2px 4px rgba(46,4,7,.07), 0 18px 40px -26px rgba(46,4,7,.4);
  --wrap:1180px;
  --header-h:76px;

  /* Barlow — isto pismo kao na e-tickets.me (i na starom Wix sajtu Fondacije) */
  --font-naslov:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-tekst:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
/* `hidden` mora da pobijedi i elemente kojima je display postavljen (npr. .btn) */
[hidden]{display:none!important;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{
  margin:0;
  font-family:var(--font-tekst);
  color:var(--ink);
  background:var(--krem);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;}

h1,h2,h3,h4{
  font-family:var(--font-naslov);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.01em;
  margin:0 0 .55em;
}
h1{font-size:clamp(2.1rem,4.4vw,3.3rem);font-weight:700;}
h2{font-size:clamp(1.6rem,2.8vw,2.2rem);}
h3{font-size:clamp(1.15rem,1.9vw,1.42rem);letter-spacing:-.005em;}
p{margin:0 0 1.1em;}
strong{font-weight:600;color:var(--bordo-800);}

.wrap{width:min(var(--wrap),100% - 2.6rem);margin-inline:auto;}
.wrap--usko{width:min(820px,100% - 2.6rem);margin-inline:auto;}

/* --- sekcije ------------------------------------------------------------ */
.sekcija{padding:clamp(3.6rem,7vw,6.5rem) 0;position:relative;}
.sekcija--krem{background:var(--krem-2);}
.sekcija--pijesak{
  background:
    radial-gradient(900px 460px at 92% 0%,rgba(186,144,54,.16),transparent 62%),
    radial-gradient(760px 400px at 2% 100%,rgba(138,0,0,.07),transparent 60%),
    var(--pijesak);
}
.sekcija--bordo{
  background:
    radial-gradient(900px 500px at 88% 6%,rgba(186,144,54,.26),transparent 60%),
    radial-gradient(720px 420px at 0% 96%,rgba(192,45,51,.28),transparent 62%),
    var(--bordo-900);
  color:#F6E9E4;
}
.sekcija--bordo h2,.sekcija--bordo h3{color:#fff;}
.sekcija--bordo p{color:rgba(255,255,255,.82);}

/* tanka zlatna linija između sekcija */
.sekcija--linija{border-top:1px solid var(--linija);}

/* --- zaglavlje sekcije -------------------------------------------------- */
.oznaka{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--zlato-700);margin-bottom:.9rem;
}
.oznaka::before{content:"";width:26px;height:2px;background:var(--zlato-600);border-radius:2px;}
.sekcija--bordo .oznaka{color:var(--zlato-400);}
.sekcija--bordo .oznaka::before{background:var(--zlato-500);}

.zaglavlje{max-width:680px;margin-bottom:2.8rem;}
.zaglavlje--centar{margin-inline:auto;text-align:center;}
.zaglavlje--centar .oznaka::before{display:none;}
.zaglavlje p{color:var(--muted);font-size:1.06rem;margin-bottom:0;}
.sekcija--bordo .zaglavlje p{color:rgba(255,255,255,.78);}

/* --- dugmad ------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.8rem 1.5rem;border-radius:8px;border:1.5px solid transparent;
  font-weight:600;font-size:.97rem;letter-spacing:.01em;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);}
.btn svg{width:18px;height:18px;flex-shrink:0;}
.btn--primarno{
  background:var(--bordo-700);color:#fff;
  box-shadow:0 1px 2px rgba(46,4,7,.15);
}
.btn--primarno:hover{background:var(--bordo-800);}
.btn--zlatno{
  background:var(--zlato-600);color:#241416;
  box-shadow:0 1px 2px rgba(46,4,7,.15);
}
.btn--zlatno:hover{background:var(--zlato-500);}
.btn--obris{border-color:var(--bordo-700);color:var(--bordo-700);background:transparent;}
.btn--obris:hover{background:var(--bordo-700);color:#fff;}
.btn--svijetlo{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06);}
.btn--svijetlo:hover{background:#fff;color:var(--bordo-800);border-color:#fff;}
.btn--puno{width:100%;}

/* ==========================================================================
   ZAGLAVLJE
   ========================================================================== */
.zaglavlje-sajta{
  position:sticky;top:0;z-index:60;
  background:rgba(252,248,242,.86);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--linija);
}
.zaglavlje-sajta__unutra{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:var(--header-h);
}
.brend{display:flex;align-items:center;gap:.7rem;flex-shrink:0;}
.brend img{height:66px;width:auto;display:block;}
.brend__ime{
  font-family:var(--font-naslov);font-weight:700;font-size:1.06rem;line-height:1.15;
  color:var(--bordo-700);display:block;letter-spacing:-.01em;
}
.brend__pod{
  display:block;font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--zlato-700);font-weight:600;
}
.meni{display:flex;align-items:center;gap:.15rem;}
.meni a{
  padding:.5rem .72rem;border-radius:8px;font-size:.86rem;font-weight:500;
  color:var(--ink-2);position:relative;transition:color .18s ease;
}
.meni a::after{
  content:"";position:absolute;left:.72rem;right:.72rem;bottom:.24rem;height:2px;
  background:var(--zlato-600);border-radius:2px;transform:scaleX(0);transform-origin:left;
  transition:transform .22s ease;
}
.meni a:hover{color:var(--bordo-700);}
.meni a:hover::after,.meni a[aria-current="page"]::after{transform:scaleX(1);}
.meni a[aria-current="page"]{color:var(--bordo-700);font-weight:600;}
.zaglavlje-sajta .btn{padding:.62rem 1.15rem;font-size:.87rem;}
.zaglavlje-sajta__akcije{display:flex;align-items:center;gap:.6rem;}

.meni-dugme{
  display:none;width:44px;height:40px;border:1px solid var(--linija);border-radius:10px;
  background:var(--bijela);cursor:pointer;padding:0;position:relative;
}
.meni-dugme span{
  position:absolute;left:11px;right:11px;height:2px;background:var(--bordo-700);border-radius:2px;
  transition:transform .25s ease,opacity .2s ease;
}
.meni-dugme span:nth-child(1){top:13px;}
.meni-dugme span:nth-child(2){top:19px;}
.meni-dugme span:nth-child(3){top:25px;}
.meni-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.meni-dugme[aria-expanded="true"] span:nth-child(2){opacity:0;}
.meni-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

@media (max-width:1180px){
  .meni{
    position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;
    background:var(--krem);border-bottom:1px solid var(--linija);
    padding:.8rem 1.3rem 1.5rem;gap:.1rem;box-shadow:var(--sjenka);
    max-height:calc(100dvh - var(--header-h));overflow-y:auto;
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .22s ease;
  }
  .meni.otvoren{transform:none;opacity:1;visibility:visible;}
  .meni a{padding:.8rem .3rem;font-size:1rem;border-bottom:1px solid rgba(232,218,198,.7);}
  .meni a::after{display:none;}
  .meni-dugme{display:block;}
  .zaglavlje-sajta__akcije .btn--obris{display:none;}
}
@media (max-width:420px){
  .zaglavlje-sajta__akcije .btn{padding:.55rem .9rem;font-size:.82rem;}
  .brend__ime{font-size:.95rem;}
}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(900px 520px at 80% 10%,rgba(186,144,54,.16),transparent 60%),
    linear-gradient(165deg,var(--bordo-900) 0%,var(--bordo-950) 70%,#1B0304 100%);
  padding:clamp(3.4rem,7vw,6rem) 0 0;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 78%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);
}
.hero__unutra{
  position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);
  align-items:center;padding-bottom:clamp(2.6rem,5vw,4rem);
}
.hero__znacka{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.4rem 1rem .4rem .5rem;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(226,196,124,.4);
  font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--zlato-400);margin-bottom:1.4rem;
}
.hero__znacka b{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--zlato-600);color:#2E0407;border-radius:999px;
  padding:.12rem .6rem;font-size:.72rem;letter-spacing:.08em;
}
.hero h1{color:#fff;margin-bottom:.5em;}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(120deg,var(--zlato-400),var(--zlato-600) 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero__uvod{
  font-size:clamp(1.02rem,1.5vw,1.16rem);color:rgba(255,255,255,.82);max-width:56ch;margin-bottom:2rem;
}
.hero__akcije{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;}
.hero__meta{
  display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-size:.86rem;color:rgba(255,255,255,.62);
}
.hero__meta span{display:inline-flex;align-items:center;gap:.45rem;}
.hero__meta svg{width:15px;height:15px;flex-shrink:0;color:var(--zlato-500);}

/* okrugla slika + zlatni prsten */
.hero__vizual{position:relative;display:grid;place-items:center;}
.hero__krug{
  position:relative;width:min(100%,410px);aspect-ratio:1;border-radius:50%;
  overflow:hidden;border:6px solid rgba(226,196,124,.35);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.85);
}
.hero__krug img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);}
.hero__prsten{
  position:absolute;inset:-26px;border-radius:50%;border:1px dashed rgba(226,196,124,.32);
  animation:okret 42s linear infinite;
}
@keyframes okret{to{transform:rotate(360deg);}}
.hero__plocica{
  position:absolute;left:-6px;bottom:8%;
  background:rgba(252,248,242,.96);color:var(--ink);border-radius:14px;
  padding:.75rem 1.05rem;box-shadow:var(--sjenka-jaka);
  display:flex;align-items:center;gap:.7rem;border:1px solid rgba(186,144,54,.35);
}
.hero__plocica > span:first-child{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(138,0,0,.12),rgba(186,144,54,.22));
  border:1px solid rgba(186,144,54,.35);color:var(--bordo-700);
}
.hero__plocica svg{width:20px;height:20px;}
.hero__plocica b{
  font-family:var(--font-naslov);font-size:1.35rem;color:var(--bordo-700);display:block;line-height:1;
}
.hero__plocica small{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;}

/* traka sa brojevima */
.brojevi{
  position:relative;display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.055);border-top:1px solid rgba(226,196,124,.22);
  border-bottom:1px solid rgba(226,196,124,.22);
}
.broj{padding:1.7rem 1.2rem;text-align:center;border-right:1px solid rgba(226,196,124,.16);}
.broj:last-child{border-right:0;}
.broj__vr{
  font-family:var(--font-naslov);font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:700;
  letter-spacing:-.015em;
  color:var(--zlato-400);line-height:1;display:block;margin-bottom:.35rem;
}
.broj__op{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:600;}

@media (max-width:560px){
  .broj{padding:1.3rem .7rem;}
  .broj__op{letter-spacing:.06em;font-size:.7rem;}
  .hero__plocica{left:0;bottom:4%;padding:.6rem .85rem;}
}
@media (max-width:900px){
  .hero__unutra{grid-template-columns:1fr;text-align:left;}
  .hero__vizual{order:-1;margin-bottom:.5rem;}
  .hero__krug{width:min(78%,300px);}
  .brojevi{grid-template-columns:repeat(2,1fr);}
  .broj:nth-child(2){border-right:0;}
  .broj:nth-child(1),.broj:nth-child(2){border-bottom:1px solid rgba(226,196,124,.16);}
}

/* --- unutrašnji hero (podstranice) -------------------------------------- */
.pod-hero{
  position:relative;color:#fff;padding:clamp(3rem,6vw,4.6rem) 0 clamp(2.6rem,5vw,3.6rem);
  background:
    radial-gradient(800px 420px at 88% 0%,rgba(186,144,54,.26),transparent 62%),
    linear-gradient(150deg,var(--bordo-900),var(--bordo-950));
}
.pod-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--zlato-600),transparent);
}
.pod-hero h1{color:#fff;margin-bottom:.35em;}
.pod-hero p{color:rgba(255,255,255,.8);max-width:62ch;margin-bottom:0;font-size:1.05rem;}
.mrvice{font-size:.8rem;color:rgba(255,255,255,.5);margin-bottom:1rem;letter-spacing:.06em;}
.mrvice a:hover{color:var(--zlato-400);}

/* tanka traka: samo naslov i putanja — forma/lista dolaze odmah ispod, tekst tek ispod njih */
.pod-hero--traka{padding:1.05rem 0 1.15rem;}
.pod-hero--traka .wrap{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 2rem;
}
.pod-hero--traka h1{font-size:clamp(1.4rem,2.3vw,1.85rem);margin:0;order:-1;letter-spacing:-.02em;}
.pod-hero--traka .mrvice{margin:0;}
@media (max-width:640px){
  .pod-hero--traka{padding:.85rem 0 .95rem;}
  .pod-hero--traka .wrap{flex-direction:column;gap:.15rem;}
  .pod-hero--traka .mrvice{font-size:.72rem;}
}

.pod-hero--traka + .sekcija{padding-top:clamp(1.8rem,3.5vw,3rem);}

/* uvodna rečenica stranice — sad stoji ispod forme/liste, ne iznad */
.uvod{font-size:1.08rem;color:var(--ink-2);max-width:62ch;}

/* ==========================================================================
   KARTICE / MREŽE
   ========================================================================== */
.mreza{display:grid;gap:1.4rem;}
.mreza--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.mreza--3{grid-template-columns:repeat(auto-fit,minmax(272px,1fr));}
.mreza--4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));}
@media (min-width:1000px){
  .mreza--3{grid-template-columns:repeat(3,1fr);}
  .mreza--4{grid-template-columns:repeat(4,1fr);}
}

.kartica{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius);
  padding:1.7rem 1.6rem;box-shadow:var(--sjenka);position:relative;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.kartica::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--zlato-600),var(--bordo-600));
  transform:scaleY(0);transform-origin:top;transition:transform .3s ease;
}
.kartica:hover{border-color:var(--zlato-600);box-shadow:var(--sjenka-jaka);}
.kartica:hover::before{transform:scaleY(1);}
.kartica h3{margin-bottom:.5rem;color:var(--bordo-800);}
.kartica p{color:var(--muted);font-size:.96rem;margin-bottom:0;}
.kartica__ikona{
  width:42px;height:42px;border-radius:8px;display:grid;place-items:center;margin-bottom:1rem;
  background:var(--zlato-100);color:var(--bordo-700);border:1px solid var(--linija);
}
.kartica__ikona svg{width:24px;height:24px;}

/* karta sa brojem koraka */
.korak{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius);
  padding:1.6rem 1.5rem 1.5rem;position:relative;box-shadow:var(--sjenka);
}
.korak__br{
  font-family:var(--font-naslov);font-size:2.5rem;line-height:1;color:var(--zlato-400);
  font-weight:800;letter-spacing:-.02em;display:block;margin-bottom:.5rem;
}
.korak h3{font-size:1.12rem;margin-bottom:.35rem;color:var(--bordo-800);}
.korak p{font-size:.93rem;color:var(--muted);margin-bottom:0;}

/* lista sa kvačicama */
.lista-kvake{list-style:none;padding:0;margin:0;display:grid;gap:.85rem;}
.lista-kvake li{position:relative;padding-left:2.1rem;font-size:.98rem;}
.lista-kvake li::before{
  content:"";position:absolute;left:0;top:.24rem;width:22px;height:22px;border-radius:50%;
  background:rgba(186,144,54,.18);border:1px solid rgba(186,144,54,.45);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A0000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:13px;background-repeat:no-repeat;background-position:center;
}
.sekcija--bordo .lista-kvake li::before{
  background-color:rgba(226,196,124,.2);border-color:rgba(226,196,124,.55);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2C47C' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* ==========================================================================
   SPLIT (tekst + slika)
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
.split--obrnuto .split__vizual{order:-1;}
.split__vizual img{
  border-radius:var(--radius-lg);box-shadow:var(--sjenka-jaka);
  border:1px solid rgba(186,144,54,.3);width:100%;
}
.split__vizual{position:relative;}
.split__okvir::after{
  content:"";position:absolute;inset:16px -16px -16px 16px;border-radius:var(--radius-lg);
  border:1.5px solid rgba(186,144,54,.45);z-index:-1;
}
@media (max-width:860px){
  .split{grid-template-columns:1fr;}
  .split--obrnuto .split__vizual{order:0;}
  .split__okvir::after{inset:12px -12px -12px 12px;}
}

/* citat */
.citat{
  border-left:3px solid var(--zlato-600);padding:.3rem 0 .3rem 1.5rem;
  font-family:var(--font-naslov);font-size:clamp(1.1rem,2vw,1.42rem);font-weight:500;
  line-height:1.4;letter-spacing:-.02em;color:var(--bordo-800);margin:2rem 0;
}
.sekcija--bordo .citat{color:var(--zlato-200);border-color:var(--zlato-500);}

/* ==========================================================================
   TIM
   ========================================================================== */
.osoba{text-align:center;}
.osoba__foto{
  position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;
  margin-bottom:1rem;box-shadow:var(--sjenka);border:1px solid var(--linija);
  background:var(--pijesak);
}
.osoba__foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.osoba:hover .osoba__foto img{transform:scale(1.04);}
.osoba__foto::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(46,4,7,.55));
}
.osoba h3{margin-bottom:.15rem;font-size:1.15rem;}
.osoba p{color:var(--zlato-700);font-size:.86rem;font-weight:600;letter-spacing:.04em;margin:0;}

/* ==========================================================================
   NOVOSTI
   ========================================================================== */
.vijest{
  display:flex;flex-direction:column;background:var(--bijela);border:1px solid var(--linija);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--sjenka);
  transition:transform .22s ease,box-shadow .22s ease;height:100%;
}
.vijest:hover{border-color:var(--zlato-600);box-shadow:var(--sjenka-jaka);}
.vijest__slika{aspect-ratio:16/10;overflow:hidden;background:var(--pijesak);}
.vijest__slika img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.vijest:hover .vijest__slika img{transform:scale(1.05);}
.vijest__telo{padding:1.35rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1;}
.vijest__datum{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zlato-700);font-weight:700;margin-bottom:.5rem;}
.vijest h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--bordo-800);}
.vijest p{font-size:.93rem;color:var(--muted);flex:1;}
.vijest__vise{font-weight:600;font-size:.88rem;color:var(--bordo-700);display:inline-flex;align-items:center;gap:.4rem;}
.vijest__vise::after{content:"→";transition:transform .2s ease;}
.vijest:hover .vijest__vise::after{transform:translateX(4px);}

/* članak */
.clanak{font-size:1.06rem;}
.clanak p{margin-bottom:1.3em;}
.clanak h2{margin-top:2.2rem;}
.clanak img{border-radius:var(--radius);margin:2rem 0;box-shadow:var(--sjenka);}

/* ==========================================================================
   GALERIJA
   ========================================================================== */
/* Flex umjesto grida: posljednji red se sam centrira kada nije popunjen,
   a puni redovi i dalje idu od ivice do ivice. */
.galerija{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem;}
.galerija__stavka{margin:0;flex:0 1 calc(25% - .825rem);display:flex;flex-direction:column;}
.galerija a{
  position:relative;display:block;aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;
  background:var(--pijesak);border:1px solid var(--linija);box-shadow:var(--sjenka);
}
.galerija img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.galerija a::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(46,4,7,.45));
  opacity:0;transition:opacity .3s ease;
}
.galerija a:hover img{transform:scale(1.05);}
.galerija a:hover::after{opacity:1;}
.galerija figcaption{
  padding:.7rem .3rem 0;font-size:.83rem;line-height:1.45;color:var(--muted);text-align:center;
}
.galerija__meta{
  display:block;color:var(--zlato-700);font-weight:600;font-size:.76rem;
  letter-spacing:.06em;text-transform:uppercase;margin-top:.15rem;
}
@media (max-width:1040px){
  .galerija__stavka{flex-basis:calc(33.333% - .734rem);}
}
@media (max-width:860px){
  .galerija{gap:.7rem;}
  .galerija__stavka{flex-basis:calc(50% - .35rem);}
  .galerija figcaption{font-size:.78rem;padding-top:.55rem;}
}

/* lightbox */
.lightbox{
  position:fixed;inset:0;z-index:200;background:rgba(24,3,5,.94);
  display:grid;place-items:center;padding:1.5rem;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
.lightbox.otvoren{opacity:1;visibility:visible;}
.lightbox__okvir{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:94vw;}
.lightbox img{max-width:min(1100px,94vw);max-height:78vh;border-radius:12px;box-shadow:0 40px 90px -30px #000;}
.lightbox__opis{
  color:rgba(255,255,255,.82);font-size:.9rem;text-align:center;max-width:56ch;
  padding:0 3.5rem;
}
.lightbox__zatvori,.lightbox__strelica{
  position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  cursor:pointer;font-size:1.4rem;line-height:1;transition:background .2s ease;
}
.lightbox__zatvori:hover,.lightbox__strelica:hover{background:rgba(255,255,255,.24);}
.lightbox__zatvori{top:1.3rem;right:1.3rem;}
.lightbox__strelica--lijevo{left:1.3rem;top:50%;transform:translateY(-50%);}
.lightbox__strelica--desno{right:1.3rem;top:50%;transform:translateY(-50%);}
@media (max-width:640px){
  .lightbox__strelica{width:40px;height:40px;}
  .lightbox__strelica--lijevo{left:.5rem;}
  .lightbox__strelica--desno{right:.5rem;}
}

/* ==========================================================================
   DONATORI / PARTNERI
   ========================================================================== */
/* Flex sa centriranjem: kada posljednji red nije popunjen (npr. Baćović d.o.o.
   sam na telefonu), sam se centrira ispod dva logotipa iznad sebe. */
.donatori{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}
.donator{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius);
  padding:1.4rem 1.2rem;display:grid;place-items:center;min-height:118px;
  flex:0 1 calc(20% - .8rem);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
@media (max-width:1000px){
  .donator{flex-basis:calc(33.333% - .667rem);}
}
@media (max-width:700px){
  .donator{flex-basis:calc(50% - .5rem);}
}
.donator:hover{transform:translateY(-3px);box-shadow:var(--sjenka);border-color:rgba(186,144,54,.55);}
.donator img{max-height:64px;width:auto;object-fit:contain;filter:saturate(.95);}


/* ==========================================================================
   DONACIJE
   ========================================================================== */
.donacija-kartica{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius-lg);
  padding:1.9rem 1.8rem;box-shadow:var(--sjenka);position:relative;overflow:hidden;height:100%;
  display:flex;flex-direction:column;
}
.donacija-kartica--istaknuto{
  border-color:var(--zlato-600);
  box-shadow:0 26px 60px -30px rgba(186,144,54,.75);
  background:linear-gradient(180deg,var(--zlato-100),var(--bijela) 45%);
}
.donacija-kartica__oznaka{
  position:absolute;top:1.1rem;right:1.1rem;background:var(--zlato-600);color:#2E0407;
  font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:.24rem .7rem;border-radius:999px;
}
.donacija-kartica h3{color:var(--bordo-800);}
.podaci-racun{
  list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.75rem;font-size:.95rem;
}
.podaci-racun li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
  border-bottom:1px dashed var(--linija);padding-bottom:.6rem;}
.podaci-racun li:last-child{border-bottom:0;}
.podaci-racun span{color:var(--muted);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;}
.podaci-racun b{font-family:var(--font-naslov);font-size:1.08rem;color:var(--bordo-700);}
.kopiraj{
  border:1px solid var(--linija);background:var(--krem-2);border-radius:8px;
  padding:.18rem .55rem;font-size:.72rem;font-weight:600;color:var(--muted);cursor:pointer;
  margin-left:.5rem;transition:all .18s ease;
}
.kopiraj:hover{background:var(--bordo-700);color:#fff;border-color:var(--bordo-700);}

.iznosi{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0;}
.iznos{
  border:1.5px solid var(--linija);background:var(--bijela);border-radius:12px;
  padding:.7rem 1rem;text-align:center;cursor:pointer;flex:1;min-width:88px;
  transition:all .18s ease;
}
.iznos b{display:block;font-family:var(--font-naslov);font-size:1.25rem;color:var(--bordo-700);line-height:1.1;}
.iznos small{font-size:.72rem;color:var(--muted);}
.iznos:hover,.iznos.izabran{border-color:var(--zlato-600);background:var(--zlato-100);transform:translateY(-2px);}

/* ==========================================================================
   FORME
   ========================================================================== */
.forma{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius-lg);
  padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--sjenka);
}
.forma__red{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;}
.polje{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem;}
.polje label{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ink-2);}
.polje label .obavezno{color:var(--bordo-600);}
.polje input:not([type="radio"]):not([type="checkbox"]),
.polje select,.polje textarea{
  font:inherit;font-size:.95rem;color:var(--ink);
  padding:.72rem .9rem;border:1.5px solid var(--linija);border-radius:10px;
  background:var(--krem);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  width:100%;
}
/* Radio i checkbox ne smiju dobiti izgled tekstualnog polja — u Safariju se
   inače razvuku preko cijele širine i „pojedu“ tekst pored sebe. */
input[type="radio"],input[type="checkbox"]{
  width:auto;min-width:0;flex:none;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;appearance:auto;-webkit-appearance:auto;
}
.polje textarea{min-height:130px;resize:vertical;}
.polje input:not([type="radio"]):not([type="checkbox"]):focus,
.polje select:focus,.polje textarea:focus{
  outline:none;border-color:var(--zlato-600);background:var(--bijela);
  box-shadow:0 0 0 4px rgba(186,144,54,.16);
}
.polje small{font-size:.78rem;color:var(--muted);}
.grupa-naslov{
  font-family:var(--font-naslov);font-size:1.15rem;color:var(--bordo-800);
  margin:2rem 0 1.1rem;padding-bottom:.5rem;border-bottom:1px solid var(--linija);
}
.grupa-naslov:first-child{margin-top:0;}
.radio-grupa{display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;}
.radio-grupa label{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.7rem 1.3rem;min-height:48px;
  border:1.5px solid var(--linija);border-radius:999px;background:var(--krem);
  font-size:.95rem;font-weight:500;line-height:1.3;cursor:pointer;
  transition:all .16s ease;
}
.radio-grupa input{accent-color:var(--bordo-700);margin:0;width:17px;height:17px;}
@media (max-width:520px){
  .radio-grupa label{flex:1 1 calc(50% - .3rem);}
}
.radio-grupa label:has(input:checked){border-color:var(--zlato-600);background:var(--zlato-100);}
.saglasnost{display:flex;gap:.7rem;align-items:flex-start;font-size:.86rem;color:var(--muted);margin:1.4rem 0;}
.saglasnost input{accent-color:var(--bordo-700);margin-top:.28rem;flex-shrink:0;}
.saglasnost a{color:var(--bordo-700);text-decoration:underline;}

.poruka-forme{
  display:none;padding:1rem 1.2rem;border-radius:12px;font-size:.92rem;margin-top:1rem;
  border:1px solid rgba(186,144,54,.5);background:var(--zlato-100);color:var(--bordo-800);
}
.poruka-forme.vidljiva{display:block;}

/* ==========================================================================
   KONTAKT
   ========================================================================== */
.kontakt-stavka{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.6rem;}
.kontakt-stavka__ikona{
  width:40px;height:40px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;
  background:var(--zlato-100);border:1px solid var(--linija);color:var(--bordo-700);
}
.kontakt-stavka__ikona svg{width:20px;height:20px;}
.kontakt-stavka h3{font-size:1rem;margin-bottom:.15rem;font-weight:700;letter-spacing:-.01em;}
.kontakt-stavka p{margin:0;color:var(--muted);font-size:.95rem;}
.kontakt-stavka a:hover{color:var(--bordo-700);}

/* ==========================================================================
   CTA TRAKA
   ========================================================================== */
.cta-traka{
  background:
    radial-gradient(700px 380px at 84% 10%,rgba(186,144,54,.32),transparent 60%),
    linear-gradient(140deg,var(--bordo-800),var(--bordo-950));
  border-radius:var(--radius-lg);padding:clamp(2.2rem,5vw,3.4rem);color:#fff;
  display:grid;grid-template-columns:1.4fr auto;gap:2rem;align-items:center;
  box-shadow:var(--sjenka-jaka);position:relative;overflow:hidden;
}
.cta-traka::before{
  content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;
  border:1.5px dashed rgba(226,196,124,.3);
}
.cta-traka h2{color:#fff;margin-bottom:.4rem;}
.cta-traka p{color:rgba(255,255,255,.8);margin:0;max-width:52ch;}
.cta-traka__akcije{display:flex;flex-wrap:wrap;gap:.8rem;}
@media (max-width:780px){.cta-traka{grid-template-columns:1fr;}}

/* ==========================================================================
   VIDEO
   ========================================================================== */
.video-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;}
.video-kartica{
  position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;
  background:#1a0304;border:1px solid rgba(186,144,54,.3);display:block;box-shadow:var(--sjenka);
}
.video-kartica img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .3s ease,transform .5s ease;}
.video-kartica:hover img{opacity:1;transform:scale(1.04);}
.video-kartica__play{
  position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
}
.video-kartica__play span{
  width:58px;height:58px;border-radius:50%;background:rgba(138,0,0,.9);
  display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);
  border:2px solid rgba(226,196,124,.6);
}
.video-kartica__play svg{width:22px;height:22px;color:#fff;margin-left:3px;}
.video-kartica__naslov{
  position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.1rem .95rem;
  background:linear-gradient(180deg,transparent,rgba(24,3,5,.92));
  color:#fff;font-size:.9rem;font-weight:600;line-height:1.35;
}

/* ==========================================================================
   PODNOŽJE
   ========================================================================== */
.podnozje{
  background:linear-gradient(180deg,var(--bordo-950),#1A0304);color:rgba(255,255,255,.72);
  padding:clamp(2.8rem,5vw,4rem) 0 1.6rem;font-size:.92rem;
}
.podnozje__mreza{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2.2rem;
  padding-bottom:2.4rem;border-bottom:1px solid rgba(226,196,124,.18);
}
.podnozje h4{
  color:var(--zlato-400);font-family:var(--font-tekst);font-size:.78rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;
}
.podnozje a:hover{color:var(--zlato-400);}
.podnozje ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;}
.podnozje__brend{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;}
.podnozje__brend img{width:52px;height:52px;object-fit:contain;}
.podnozje__brend b{font-family:var(--font-naslov);font-weight:700;font-size:1.1rem;color:#fff;display:block;line-height:1.2;letter-spacing:-.02em;}
.podnozje__brend small{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--zlato-500);}
.podnozje__racun{
  margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(226,196,124,.2);font-size:.86rem;
}
.podnozje__racun b{color:var(--zlato-400);font-family:var(--font-naslov);font-size:1.05rem;}
.mreze{display:flex;gap:.6rem;margin-top:1.2rem;}
.mreze a{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(226,196,124,.25);
  transition:all .2s ease;color:rgba(255,255,255,.8);
}
.mreze a:hover{background:var(--zlato-600);color:#2E0407;border-color:var(--zlato-600);transform:translateY(-2px);}
.mreze svg{width:19px;height:19px;}
.podnozje__dno{
  padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:space-between;
  font-size:.82rem;color:rgba(255,255,255,.5);
}
.podnozje__dno nav{display:flex;flex-wrap:wrap;gap:1.2rem;}
@media (max-width:880px){.podnozje__mreza{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.podnozje__mreza{grid-template-columns:1fr;}}

/* ==========================================================================
   POMOĆNE KLASE / ANIMACIJE
   ========================================================================== */
.centar{text-align:center;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.napomena{
  font-size:.85rem;color:var(--muted);background:var(--krem-2);border-left:3px solid var(--zlato-600);
  padding:1rem 1.2rem;border-radius:0 10px 10px 0;
}
.pravni{font-size:.98rem;}
.pravni h2{font-size:1.4rem;margin-top:2.4rem;color:var(--bordo-800);}
.pravni h3{font-size:1.1rem;margin-top:1.6rem;}
.pravni ul{padding-left:1.2rem;color:var(--ink-2);}
.pravni li{margin-bottom:.5rem;}

.otkrij{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.otkrij.vidljiv{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  .otkrij{opacity:1;transform:none;}
  html{scroll-behavior:auto;}
}

/* fokus za pristupačnost */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--zlato-500);outline-offset:2px;border-radius:6px;
}
.preskoci{
  position:absolute;left:-9999px;top:0;background:var(--bordo-700);color:#fff;
  padding:.7rem 1.2rem;border-radius:0 0 10px 0;z-index:100;
}
.preskoci:focus{left:0;}


/* ==========================================================================
   TELEFON — dodatna podešavanja
   ========================================================================== */
@media (max-width:860px){
  :root{--header-h:70px;}
  body{font-size:16.5px;}
  .sekcija{padding:3.2rem 0;}
  .wrap,.wrap--usko{width:min(100%,100% - 2.2rem);}
  .zaglavlje{margin-bottom:2rem;}

  /* tim: dvije kolone umjesto jedne ogromne */
  .mreza--4{grid-template-columns:repeat(2,1fr);gap:1rem;}
  .osoba__foto{aspect-ratio:4/5;}
  .osoba h3{font-size:1rem;}
  .osoba p{font-size:.78rem;}

  /* okvir pored slika smeta na uskom ekranu */
  .split__okvir::after{display:none;}
  .split__vizual img{border-radius:var(--radius);}
}

@media (max-width:640px){
  .kartica{padding:1.4rem 1.3rem;}
  .korak{padding:1.3rem 1.2rem;}
  .donacija-kartica{padding:1.5rem 1.3rem;}
  .forma{padding:1.4rem 1.2rem;}
  .cta-traka{padding:1.8rem 1.4rem;text-align:left;}
  .cta-traka__akcije .btn{flex:1;}

  /* podaci o računu se lome u dva reda umjesto da se sudaraju */
  .podaci-racun li{flex-direction:column;gap:.25rem;}
  .podaci-racun span{font-size:.72rem;}

  /* dugmad u herou preko cijele širine */
  .hero__akcije{gap:.6rem;}
  .hero__akcije .btn{flex:1 1 100%;}
  .hero__meta{gap:.45rem;font-size:.82rem;}

  .video-kartica__naslov{font-size:.84rem;padding:2rem .9rem .8rem;}
  .oznaka{font-size:.7rem;letter-spacing:.18em;}
  .citat{padding-left:1.1rem;}
  .clanak{font-size:1rem;}
  .pravni{font-size:.95rem;}
  .mrvice{font-size:.75rem;}
}

@media (max-width:400px){
  .mreza--4{grid-template-columns:1fr 1fr;}
  .brend img{height:46px;}
  .brend__ime{font-size:.88rem;}
  .brend__pod{font-size:.56rem;letter-spacing:.14em;}
  .zaglavlje-sajta__akcije .btn{padding:.5rem .8rem;font-size:.8rem;}
  .hero__krug{width:min(86%,270px);}
  .hero__plocica{padding:.5rem .7rem;gap:.5rem;}
  .hero__plocica > span:first-child{width:32px;height:32px;border-radius:9px;}
  .hero__plocica svg{width:17px;height:17px;}
  .hero__plocica b{font-size:1.1rem;}
  .hero__plocica small{font-size:.62rem;}
  .iznosi .iznos{min-width:0;flex:1 1 40%;}
}

@media (max-width:340px){
  .brend__pod{display:none;}
  .mreza--4{grid-template-columns:1fr;}
}


/* ==========================================================================
   LISTA DONATORA
   ========================================================================== */
.tabela-omot{
  overflow-x:auto;background:var(--bijela);border:1px solid var(--linija);
  border-radius:var(--radius);box-shadow:var(--sjenka);
}
.tabela-donatora{width:100%;border-collapse:collapse;font-size:.96rem;min-width:480px;}
.tabela-donatora th{
  text-align:left;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--zlato-700);font-weight:700;padding:1rem 1.3rem;
  border-bottom:1.5px solid var(--linija);white-space:nowrap;
}
.tabela-donatora td{padding:.95rem 1.3rem;border-bottom:1px solid var(--linija);vertical-align:middle;}
.tabela-donatora tbody tr:last-child td{border-bottom:0;}
.tabela-donatora tbody tr:hover{background:var(--krem);}
.tabela-donatora td strong{color:var(--ink);font-weight:600;}
.tabela-donatora .iznos-c{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;
  font-family:var(--font-naslov);font-weight:600;color:var(--bordo-700);}
.tabela-donatora .datum-c{white-space:nowrap;color:var(--muted);font-size:.88rem;}
.tabela-donatora tfoot td{
  padding:1rem 1.3rem;border-top:1.5px solid var(--linija);background:var(--krem-2);
  font-weight:700;font-size:.9rem;letter-spacing:.02em;
}
.tabela-donatora tfoot .iznos-c{font-size:1.1rem;}
.anonimno{
  color:var(--muted);font-style:italic;display:inline-flex;align-items:center;gap:.45rem;
}
.anonimno::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--zlato-400);flex-shrink:0;
}
.prazna-lista{
  background:var(--bijela);border:1.5px dashed var(--linija);border-radius:var(--radius);
  padding:2.2rem 1.8rem;text-align:center;color:var(--muted);
}
.prazna-lista p{max-width:60ch;margin-inline:auto;}
.prazna-lista p:last-child{margin-bottom:0;}
.prazna-lista strong{color:var(--bordo-800);}
/* brojke, pretraga, oznake i „Prikaži još“ iznad/ispod tabele */
.ld-brojke{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1.4rem;
}
.ld-brojke div{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius);
  padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem;
}
.ld-brojke b{
  font-family:var(--font-naslov);font-size:1.45rem;font-weight:700;color:var(--bordo-800);
  line-height:1.15;font-variant-numeric:tabular-nums;
}
.ld-brojke span{font-size:.8rem;color:var(--muted);}
.ld-alati{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem;}
.ld-alati input,.ld-alati select{
  min-height:48px;border:1.5px solid var(--linija);border-radius:var(--radius-sm);
  background:var(--bijela);padding:0 1rem;font:inherit;font-size:1rem;color:var(--ink);
  -webkit-appearance:none;appearance:none;
}
.ld-alati input{flex:1 1 220px;}
.ld-alati select{
  flex:0 1 240px;padding-right:2.4rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237C6A6C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;
}
.ld-alati input:focus,.ld-alati select:focus{
  outline:none;border-color:var(--bordo-700);box-shadow:0 0 0 3px rgba(138,0,0,.12);
}
.ld-ko{display:flex;flex-direction:column;gap:.2rem;min-width:0;}
.ld-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;font-size:.76rem;color:var(--muted);}
.ld-meta:empty{display:none;}
.ld-meta .ld-datum{display:none;}          /* na računaru datum ima svoju kolonu */
.ld-oznaka{
  display:inline-block;padding:.12rem .55rem;border-radius:999px;background:var(--zlato-100);
  color:var(--zlato-800);font-weight:600;font-size:.7rem;letter-spacing:.03em;
}
.ld-dno{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;}
.ld-status{font-size:.88rem;color:var(--muted);}
.ld-prazno{padding:2rem 1rem;text-align:center;color:var(--muted);margin:0;}
@media (max-width:640px){
  .tabela-donatora{font-size:.9rem;min-width:0;}
  .tabela-donatora th,.tabela-donatora td{padding:.8rem .9rem;}
  .tabela-donatora .datum-c{display:none;}   /* datum ide ispod imena */
  .ld-meta .ld-datum{display:inline;}
  .ld-brojke{grid-template-columns:1fr;gap:.5rem;}
  .ld-brojke div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.8rem 1rem;}
  .ld-brojke b{font-size:1.2rem;white-space:nowrap;}
  .ld-brojke span{text-align:right;}
  .ld-alati input,.ld-alati select{font-size:16px;}   /* iOS ne zumira */
  .ld-alati select{flex-basis:100%;}
  .ld-dno{flex-direction:column;align-items:stretch;text-align:center;}
}

/* ==========================================================================
   ADMIN PANEL
   ========================================================================== */
/* diskretna stavka na dnu menija */
.meni__admin{
  display:none;margin-top:.6rem;padding-top:.9rem!important;
  border-top:1px solid var(--linija);
  font-size:.85rem!important;color:var(--muted)!important;font-weight:500;
}
.meni__admin::before{content:"\1F512";margin-right:.45rem;font-size:.9em;}
@media (max-width:1180px){ .meni__admin{display:block;} }

.podnozje__admin{
  opacity:.45;font-size:.78rem;transition:opacity .18s ease;
}
.podnozje__admin::before{content:"\1F512";margin-right:.35rem;font-size:.9em;}
.podnozje__admin:hover{opacity:1;}

.admin-body{background:var(--krem-2);}
.admin-zaglavlje{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.9rem clamp(1rem,3vw,2rem);background:var(--bijela);
  border-bottom:1px solid var(--linija);position:sticky;top:0;z-index:60;
}
.admin-zaglavlje__desno{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.admin-zaglavlje .btn{padding:.55rem 1rem;font-size:.86rem;}
.admin-korisnik{font-size:.85rem;color:var(--muted);}
.admin-glavno{width:min(1200px,100% - 2.4rem);margin:2rem auto 4rem;}
.admin-prijava{max-width:440px;margin:3rem auto;}
.admin-prijava h2{color:var(--bordo-800);margin-bottom:.4rem;}
.admin-greska{
  background:var(--bordo-100);border:1px solid rgba(138,0,0,.3);color:var(--bordo-800);
  padding:.7rem .9rem;border-radius:10px;font-size:.88rem;margin:0 0 1rem;
}

.admin-tabovi{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.admin-tab{
  padding:.65rem 1.2rem;border-radius:999px;border:1.5px solid var(--linija);
  background:var(--bijela);color:var(--ink-2);font-weight:600;font-size:.92rem;cursor:pointer;
  transition:all .16s ease;
}
.admin-tab:hover{border-color:var(--zlato-600);}
.admin-tab.aktivan{background:var(--bordo-700);border-color:var(--bordo-700);color:#fff;}

.admin-mreza{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start;}
@media (max-width:900px){.admin-mreza{grid-template-columns:1fr;}}

.admin-red{
  display:flex;align-items:center;gap:.9rem;background:var(--bijela);
  border:1px solid var(--linija);border-radius:12px;padding:.7rem;margin-bottom:.7rem;
}
.admin-red img,.admin-red .bez-slike{
  width:72px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--pijesak);
}
.admin-red__tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;}
.admin-red__tekst strong{font-size:.94rem;line-height:1.3;}
.admin-red__tekst span{font-size:.8rem;color:var(--muted);}
.admin-red__akcije{display:flex;gap:.4rem;flex-shrink:0;}
.mini{
  padding:.4rem .75rem;border-radius:8px;border:1.5px solid var(--linija);
  background:var(--krem);font-size:.8rem;font-weight:600;cursor:pointer;color:var(--ink-2);
  transition:all .16s ease;
}
.mini:hover{border-color:var(--bordo-700);color:var(--bordo-700);}
.mini--opasno:hover{background:var(--bordo-700);color:#fff;border-color:var(--bordo-700);}
.prazno{
  background:var(--bijela);border:1.5px dashed var(--linija);border-radius:12px;
  padding:1.4rem;color:var(--muted);font-size:.9rem;margin:0;
}
.admin-pregled img{margin-top:.6rem;max-height:150px;border-radius:10px;border:1px solid var(--linija);}

.admin-galerija{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;}
.admin-slika{
  margin:0;background:var(--bijela);border:1px solid var(--linija);border-radius:12px;
  padding:.7rem;display:flex;flex-direction:column;gap:.45rem;
}
.admin-slika img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;}
.admin-slika .natpis{
  font:inherit;font-size:.84rem;padding:.5rem .65rem;border:1.5px solid var(--linija);
  border-radius:8px;background:var(--krem);width:100%;
}
.admin-slika .natpis:focus{outline:none;border-color:var(--zlato-600);background:var(--bijela);}

.admin-poruka{
  position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,120%);
  background:var(--bordo-800);color:#fff;padding:.85rem 1.4rem;border-radius:999px;
  font-size:.9rem;font-weight:500;box-shadow:var(--sjenka-jaka);z-index:200;
  transition:transform .25s ease,opacity .2s ease,visibility .2s ease;
  max-width:92vw;text-align:center;opacity:0;visibility:hidden;
}
.admin-poruka.vidljiva{transform:translate(-50%,0);opacity:1;visibility:visible;}
.admin-poruka.greska{background:#7a1216;}


/* ==========================================================================
   ADMIN PANEL NA TELEFONU
   ========================================================================== */
@media (max-width:720px){
  /* Zaglavlje: naziv u prvom redu, dugmad uredno u drugom */
  .admin-zaglavlje{
    padding:.7rem .9rem;gap:.6rem;
    display:grid;grid-template-columns:1fr auto;align-items:center;
    position:static;          /* na telefonu ne lijepimo — jede pola ekrana */
  }
  .admin-zaglavlje .brend img{width:34px;height:34px;}
  .admin-zaglavlje .brend b{font-size:.95rem;}
  .admin-zaglavlje__desno{
    grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;
  }
  .admin-zaglavlje .btn{width:100%;padding:.6rem .5rem;font-size:.84rem;}
  /* Duga adresa ne smije da lomi red — skraćuje se sa tri tačke */
  .admin-korisnik{
    grid-column:1 / -1;order:-1;font-size:.78rem;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
  }
  .admin-korisnik:empty{display:none;}

  .admin-glavno{width:min(100%,100% - 1.8rem);margin:1.4rem auto 3rem;}

  /* Kartice se prevlače vodoravno umjesto da se lome */
  .admin-tabovi{
    flex-wrap:nowrap;overflow-x:auto;gap:.45rem;margin-bottom:1.2rem;
    padding-bottom:.4rem;scrollbar-width:none;
  }
  .admin-tabovi::-webkit-scrollbar{display:none;}
  .admin-tab{flex:0 0 auto;padding:.6rem 1rem;font-size:.88rem;}

  .admin-mreza{gap:1.2rem;}
  .admin-prijava{margin:1.6rem auto;}

  /* Red u listi: slika i tekst gore, dugmad preko cijele širine ispod */
  .admin-red{flex-wrap:wrap;gap:.7rem;padding:.7rem;}
  .admin-red img,.admin-red .bez-slike{width:60px;height:46px;}
  .admin-red__akcije{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
  .mini{padding:.6rem .5rem;font-size:.84rem;min-height:40px;}

  .admin-galerija{grid-template-columns:1fr 1fr;gap:.7rem;}
  .admin-slika{padding:.5rem;gap:.4rem;}
  .admin-slika .natpis{font-size:.78rem;padding:.45rem .55rem;}

  .admin-poruka{left:.8rem;right:.8rem;bottom:.9rem;max-width:none;transform:translateY(120%);}
  .admin-poruka.vidljiva{transform:translateY(0);}
}

@media (max-width:400px){
  .admin-galerija{grid-template-columns:1fr;}
  .admin-zaglavlje .brend span span:last-child{display:none;}
}

/* --- savjet o formatu slike i proba naslovne ----------------------------- */
.format-savjet{
  display:block;background:var(--zlato-100);border-left:3px solid var(--zlato-600);
  border-radius:0 8px 8px 0;padding:.7rem .85rem;margin-top:.5rem;
  font-size:.82rem;line-height:1.55;color:var(--ink-2);
}
.format-savjet b{color:var(--bordo-800);font-weight:700;}

.hero-probe{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;align-items:flex-start;}
.hero-proba{text-align:center;}
.hero-proba__opis b{color:var(--bordo-800);}
.hero-proba__krug{
  width:170px;aspect-ratio:1;margin:0 auto 1rem;border-radius:50%;
  overflow:hidden;border:5px solid var(--zlato-400);background:var(--pijesak);
  box-shadow:var(--sjenka);
}
.hero-proba__krug img{width:100%;height:100%;object-fit:cover;}
.hero-proba__opis{font-size:.86rem;color:var(--muted);margin:0;line-height:1.4;}
/* razlika u veličini mora se vidjeti — zato modifikatori idu poslije osnovnog pravila */
.hero-proba__krug--desktop{width:170px;}
.hero-proba__krug--mobilni{width:112px;border-width:4px;}

/* --- panel na telefonu: prijatniji unos fajlova -------------------------- */
@media (max-width:720px){
  .polje input[type="file"]{
    width:100%;padding:.8rem;border:1.5px dashed var(--linija);border-radius:10px;
    background:var(--krem);font-size:.86rem;
  }
  .format-savjet{font-size:.8rem;padding:.65rem .75rem;}
  .hero-proba__krug{width:min(100%,200px);}
  .admin-panel .forma{padding:1.2rem 1rem;}
  .grupa-naslov{font-size:1.05rem;margin:1.5rem 0 .9rem;}
}

/* ==========================================================================
   NOVOSTI NA POČETNOJ — istaknuta vijest + hronološka lista
   ========================================================================== */
.zaglavlje-red{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;
  padding-bottom:1.2rem;margin-bottom:2rem;border-bottom:1px solid var(--linija);
}
.zaglavlje-red h2{margin:0;}

.veza-strelica{
  display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;
  font-size:.9rem;font-weight:600;color:var(--bordo-700);white-space:nowrap;
  border-bottom:1.5px solid transparent;padding-bottom:.15rem;transition:border-color .18s ease;
}
.veza-strelica::after{content:"→";transition:transform .18s ease;}
.veza-strelica:hover{border-color:var(--bordo-700);}
.veza-strelica:hover::after{transform:translateX(3px);}
.veza-strelica--mala{font-size:.85rem;margin-top:1.2rem;}

.novosti-raspored{display:grid;grid-template-columns:1.35fr 1fr;gap:2.4rem;align-items:start;}

/* --- istaknuta vijest --- */
.vijest-glavna{display:block;}
.vijest-glavna__slika{
  display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);
  background:var(--pijesak);border:1px solid var(--linija);margin-bottom:1.3rem;
}
.vijest-glavna__slika img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.vijest-glavna:hover .vijest-glavna__slika img{transform:scale(1.03);}
.vijest-glavna__telo{display:block;}
.vijest-glavna__naslov{
  display:block;font-family:var(--font-naslov);font-weight:700;
  font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2;letter-spacing:-.01em;
  color:var(--bordo-800);margin:.45rem 0 .6rem;
}
.vijest-glavna:hover .vijest-glavna__naslov{color:var(--bordo-600);}
.vijest-glavna__uvod{display:block;color:var(--muted);font-size:1rem;margin-bottom:1rem;}

/* --- lista ranijih --- */
.vijesti-uz{padding-left:2.4rem;border-left:1px solid var(--linija);}
.vijesti-uz__naslov{
  font-family:var(--font-tekst);font-size:.74rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--zlato-700);margin:0 0 1rem;
}
.vijesti-lista{list-style:none;margin:0;padding:0;counter-reset:v;}
.vijesti-lista li{border-bottom:1px solid var(--linija);}
.vijesti-lista li:first-child{border-top:1px solid var(--linija);}
.vijesti-lista a{
  display:grid;gap:.3rem;padding:1.05rem 0;transition:padding-left .18s ease;
}
.vijesti-lista a:hover{padding-left:.5rem;}
.vijesti-lista time{
  font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.vijesti-lista__naslov{
  font-family:var(--font-naslov);font-weight:600;font-size:1.02rem;line-height:1.35;
  letter-spacing:-.015em;color:var(--ink);
}
.vijesti-lista a:hover .vijesti-lista__naslov{color:var(--bordo-700);}

@media (max-width:900px){
  .novosti-raspored{grid-template-columns:1fr;gap:2rem;}
  .vijesti-uz{padding-left:0;border-left:0;border-top:1px solid var(--linija);padding-top:1.6rem;}
}
@media (max-width:640px){
  .zaglavlje-red{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem;}
  .vijest-glavna__slika{aspect-ratio:3/2;margin-bottom:1rem;}
  .vijesti-lista a{padding:.9rem 0;}
}

/* --- prijave u panelu ------------------------------------------------------ */
.znacka{
  display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;
  border-radius:999px;background:var(--bordo-700);color:#fff;font-size:.68rem;font-weight:700;
  margin-left:.35rem;vertical-align:middle;
}
.admin-tab.aktivan .znacka{background:var(--zlato-500);color:var(--bordo-950);}
.admin-podtabovi{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.2rem;}
.admin-podtab{
  padding:.5rem .95rem;border-radius:8px;border:1.5px solid var(--linija);background:var(--bijela);
  font-weight:600;font-size:.86rem;color:var(--ink-2);cursor:pointer;
}
.admin-podtab.aktivan{border-color:var(--bordo-700);color:var(--bordo-700);background:var(--bordo-100);}
.prijava{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius);
  padding:1rem 1.1rem;margin-bottom:.7rem;
}
.prijava--nova{border-left:3px solid var(--bordo-700);}
.prijava--obradjena{opacity:.72;}
.prijava__vrh{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;}
.prijava__ime{font-weight:700;font-size:1rem;color:var(--ink);}
.prijava__meta{font-size:.8rem;color:var(--muted);margin-top:.15rem;}
.prijava__meta a{color:var(--bordo-700);}
.prijava__akcije{display:flex;gap:.4rem;flex-shrink:0;}
.prijava__tekst{margin:.7rem 0 0;font-size:.92rem;white-space:pre-wrap;color:var(--ink-2);}
.prijava details{margin-top:.6rem;font-size:.88rem;}
.prijava summary{cursor:pointer;color:var(--bordo-700);font-weight:600;}
.prijava dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:.7rem 0 0;}
.prijava dt{color:var(--muted);font-size:.8rem;}
.prijava dd{margin:0;}
@media (max-width:640px){
  .prijava__akcije{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .prijava dl{grid-template-columns:1fr;gap:.1rem;}
  .prijava dt{margin-top:.5rem;}
}

/* ==========================================================================
   FORMA ZA DONIRANJE — pisana za telefon, pa proširena za ekran
   ========================================================================== */
.dn-raspored{display:grid;grid-template-columns:1fr;gap:1.4rem;align-items:start;}
.dn-omot{
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius-lg);
  box-shadow:var(--sjenka-jaka);overflow:hidden;
}
.dn{padding:1.3rem 1.1rem 1.2rem;}
.dn__korak{margin-bottom:1.6rem;}
.dn__naslov{
  display:flex;align-items:center;gap:.6rem;font-family:var(--font-naslov);
  font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink);margin-bottom:.8rem;
}
.dn__br{
  display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--bordo-700);color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0;
}

/* vrsta: dva velika polja */
.dn-vrsta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.dn-vrsta__opcija{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;
  min-height:64px;padding:.7rem .5rem;border-radius:10px;cursor:pointer;text-align:center;
  border:1.5px solid var(--linija);background:var(--krem);color:var(--ink);
  font:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.dn-vrsta__opcija b{font-size:1rem;font-weight:700;}
.dn-vrsta__opcija small{font-size:.74rem;color:var(--muted);line-height:1.25;}
.dn-vrsta__opcija.aktivna{
  border-color:var(--bordo-700);background:var(--bordo-700);color:#fff;
  box-shadow:0 6px 18px -10px rgba(138,0,0,.7);
}
.dn-vrsta__opcija.aktivna small{color:rgba(255,255,255,.8);}

/* iznosi */
.dn-iznosi{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.9rem;}
.dn-iznos{
  min-height:56px;border-radius:10px;border:1.5px solid var(--linija);background:var(--krem);
  font:inherit;cursor:pointer;color:var(--ink);transition:all .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.dn-iznos b{font-family:var(--font-naslov);font-size:1.3rem;font-weight:700;}
.dn-iznos.aktivan{border-color:var(--bordo-700);background:var(--bordo-700);color:#fff;box-shadow:0 6px 18px -10px rgba(138,0,0,.7);}
.dn-svoj label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-bottom:.4rem;}
.dn-svoj__polje{
  display:flex;align-items:center;border:1.5px solid var(--linija);border-radius:10px;
  background:var(--krem);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;
}
.dn-svoj__polje:focus-within{border-color:var(--zlato-600);box-shadow:0 0 0 4px rgba(186,144,54,.16);background:var(--bijela);}
.dn-svoj__polje input{
  flex:1;min-width:0;border:0;background:transparent;padding:.85rem 1rem;
  font:inherit;font-size:1.25rem;font-weight:700;font-family:var(--font-naslov);color:var(--ink);
  min-height:56px;
}
.dn-svoj__polje input:focus{outline:none;}
.dn-svoj__polje span{padding:0 1rem;font-weight:700;color:var(--muted);font-size:1.1rem;}
.dn-svoj small{display:block;font-size:.76rem;color:var(--muted);margin-top:.35rem;}
.dn-svoj.aktivan .dn-svoj__polje{border-color:var(--bordo-700);}

/* namjena: lista kartica sa radio krugom */
.dn-namjene{display:grid;gap:.5rem;}
.dn-namjena{
  display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;min-height:56px;
  border:1.5px solid var(--linija);border-radius:10px;background:var(--krem);cursor:pointer;
  transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;
}
.dn-namjena input{position:absolute;opacity:0;width:0;height:0;}
.dn-namjena__kvaka{
  width:22px;height:22px;border-radius:50%;border:2px solid var(--linija);flex-shrink:0;
  background:var(--bijela);position:relative;transition:all .15s ease;
}
.dn-namjena__kvaka::after{
  content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .15s ease;
}
.dn-namjena__tekst{display:flex;flex-direction:column;gap:.1rem;min-width:0;}
.dn-namjena__tekst b{font-size:.95rem;font-weight:600;line-height:1.3;}
.dn-namjena__tekst small{font-size:.76rem;color:var(--muted);line-height:1.3;}
.dn-namjena:has(input:checked){border-color:var(--bordo-700);background:var(--bordo-100);}
.dn-namjena:has(input:checked) .dn-namjena__kvaka{border-color:var(--bordo-700);background:var(--bordo-700);}
.dn-namjena:has(input:checked) .dn-namjena__kvaka::after{transform:scale(1);}
.dn-namjena:has(input:focus-visible){outline:3px solid var(--zlato-500);outline-offset:2px;}

/* anonimno: prekidač */
.dn-anonimno{
  display:flex;align-items:flex-start;gap:.9rem;padding:1rem;margin-bottom:1.2rem;
  border-radius:10px;background:var(--zlato-100);border:1px solid var(--zlato-200);cursor:pointer;
}
.dn-anonimno input{position:absolute;opacity:0;width:0;height:0;}
.dn-anonimno__prekidac{
  width:44px;height:26px;border-radius:999px;background:var(--linija);flex-shrink:0;position:relative;
  transition:background .2s ease;margin-top:.1rem;
}
.dn-anonimno__prekidac::after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease;
}
.dn-anonimno:has(input:checked) .dn-anonimno__prekidac{background:var(--bordo-700);}
.dn-anonimno:has(input:checked) .dn-anonimno__prekidac::after{transform:translateX(18px);}
.dn-anonimno b{display:block;font-size:.93rem;font-weight:600;}
.dn-anonimno small{display:block;font-size:.76rem;color:var(--muted);line-height:1.35;margin-top:.15rem;}

/* dno: sažetak + dugme, na telefonu zalijepljeno uz dno ekrana */
.dn__dno{
  position:sticky;bottom:0;margin:0 -1.1rem -1.2rem;padding:.9rem 1.1rem 1rem;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%);
  border-top:1px solid var(--linija);
}
.dn-sazetak{
  text-align:center;font-size:.9rem;color:var(--muted);margin-bottom:.6rem;min-height:1.4em;
}
.dn-sazetak b{color:var(--bordo-800);font-family:var(--font-naslov);font-size:1.05rem;}
.dn__dugme{min-height:54px;font-size:1.05rem;position:relative;}
.dn__dugme-kruzic{
  display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;
  border-radius:50%;animation:okret 1s linear infinite;margin-left:.5rem;
}
.dn__dugme.radi .dn__dugme-kruzic{display:inline-block;}
.dn__dugme:disabled{opacity:.75;cursor:wait;}
.dn-sigurnost{
  display:flex;gap:.5rem;align-items:flex-start;margin:.75rem 0 0;font-size:.74rem;
  color:var(--muted);line-height:1.4;
}
.dn-sigurnost svg{width:15px;height:15px;flex-shrink:0;margin-top:.1rem;color:var(--zlato-700);}
.dn-greska{
  background:var(--bordo-100);border:1px solid rgba(138,0,0,.3);color:var(--bordo-800);
  padding:.75rem .9rem;border-radius:10px;font-size:.9rem;margin:0 0 1rem;
}
.dn-rezerva{
  margin-top:1.2rem;padding:1.1rem;border-radius:10px;border:1.5px dashed var(--zlato-600);
  background:var(--zlato-100);
}
.dn-rezerva h3{font-size:1.05rem;margin-bottom:.3rem;color:var(--bordo-800);}
.dn-rezerva p{font-size:.9rem;color:var(--ink-2);margin-bottom:.4rem;}

/* posljednje donacije ispod forme */
.dn-istorija{margin-top:1.4rem;}
.dn-istorija h3{font-size:1rem;margin-bottom:.6rem;}
.dn-istorija ol{list-style:none;margin:0;padding:0;}
.dn-istorija li{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.65rem 0;border-bottom:1px solid var(--linija);font-size:.9rem;
}
.dn-istorija li:last-child{border-bottom:0;}
.dn-istorija .ko{display:flex;flex-direction:column;min-width:0;}
.dn-istorija .ko small{font-size:.74rem;color:var(--muted);}
.dn-istorija .koliko{font-family:var(--font-naslov);font-weight:700;color:var(--bordo-700);white-space:nowrap;}

@media (min-width:760px){
  .dn{padding:1.8rem 1.8rem 1.6rem;}
  .dn-iznosi{grid-template-columns:repeat(4,1fr);}
  .dn__dno{position:static;margin:0;padding:.4rem 0 0;background:none;border-top:0;}
  .dn-vrsta__opcija{min-height:72px;}
}
@media (min-width:1000px){
  .dn-raspored{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:2rem;}
  .dn-strana{display:grid;gap:1.4rem;position:sticky;top:calc(var(--header-h) + 1rem);}
}

/* ==========================================================================
   NOVA POČETNA — foto hero, brojke, „Aktuelno“ traka, tri pravca, brzo doniranje
   ========================================================================== */
.hero2{
  position:relative;overflow:hidden;color:#fff;background:var(--bordo-950);
}
.hero2 .karosel__traka{border-radius:0;box-shadow:none;background:transparent;scroll-snap-type:x mandatory;}
.hero2__slajd{
  position:relative;flex:0 0 100%;scroll-snap-align:start;isolation:isolate;
  min-height:clamp(520px,72vh,720px);display:flex;align-items:flex-end;
}
.hero2__foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;
  z-index:-2;filter:saturate(.85);
}
.hero2__slajd::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(46,4,7,.35) 0%,rgba(46,4,7,.55) 45%,rgba(46,4,7,.92) 100%),
    linear-gradient(90deg,rgba(73,7,9,.75) 0%,rgba(73,7,9,.25) 60%,transparent 100%);
}
.hero2__sadrzaj{padding:clamp(4rem,10vw,7rem) 0 clamp(5.4rem,9vw,7.4rem);}
.hero2__nad{
  font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--zlato-400);margin-bottom:1.1rem;
}
.hero2 h1{color:#fff;max-width:16ch;font-size:clamp(2.3rem,5.4vw,4rem);margin-bottom:.4em;text-wrap:balance;}
.hero2 h1 em{font-style:normal;color:var(--zlato-400);}
.hero2__uvod{font-size:clamp(1.02rem,1.5vw,1.2rem);color:rgba(255,255,255,.86);max-width:52ch;margin-bottom:1.8rem;}
.hero2__akcije{display:flex;flex-wrap:wrap;gap:.7rem;}
/* strelice i tačke u herou — iznad kartice sa brojkama */
.hero2 .karosel__strelica{top:auto;bottom:5.2rem;transform:none;}
.hero2 .karosel__strelica--lijevo{left:auto;right:calc(.9rem + 52px);}
.hero2 .karosel__strelica--desno{right:.9rem;}
.hero2 .karosel__tacke{position:absolute;left:0;right:0;bottom:4.2rem;margin:0;z-index:2;}
.hero2 .karosel__tacke button{background:rgba(255,255,255,.4);}
.hero2 .karosel__tacke button.aktivna{background:var(--zlato-400);}
@media (max-width:760px){
  .hero2 .karosel__strelica{display:none;}
  .hero2 .karosel__tacke{bottom:3.4rem;}
  .hero2__sadrzaj{padding-bottom:5rem;}
  .hero2 .hero2__akcije .btn{flex:1 1 45%;}
}

/* brojke — bijela kartica koja „ulazi“ u hero */
.brojke-kartica{
  position:relative;z-index:2;margin-top:-3.4rem;
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--bijela);border:1px solid var(--linija);border-radius:var(--radius-lg);
  box-shadow:var(--sjenka-jaka);overflow:hidden;
}
.brojke-kartica .broj{padding:1.5rem 1rem;border-right:1px solid var(--linija);}
.brojke-kartica .broj:last-child{border-right:0;}
.brojke-kartica .broj__vr{color:var(--bordo-700);}
.brojke-kartica .broj__op{color:var(--muted);letter-spacing:.1em;}
@media (max-width:760px){
  .brojke-kartica{grid-template-columns:1fr 1fr;margin-top:-2.6rem;}
  .brojke-kartica .broj{padding:1.1rem .6rem;}
  .brojke-kartica .broj:nth-child(2){border-right:0;}
  .brojke-kartica .broj:nth-child(-n+2){border-bottom:1px solid var(--linija);}
  .brojke-kartica .broj__vr{font-size:1.5rem;}
  .brojke-kartica .broj__op{font-size:.64rem;letter-spacing:.06em;}
}

/* aktuelno — 4 kartice; na telefonu traka koja se lista prstom */
.sekcija--aktuelno{padding-top:clamp(2.6rem,5vw,4.2rem);}
.aktuelno{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.akt{
  display:flex;flex-direction:column;background:var(--bijela);border:1px solid var(--linija);
  border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.akt:hover{transform:translateY(-3px);box-shadow:var(--sjenka-jaka);border-color:var(--zlato-500);}
.akt__slika{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--pijesak);}
.akt__slika img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.akt:hover .akt__slika img{transform:scale(1.04);}
.akt__telo{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.05rem 1.15rem;flex:1;}
.akt time{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zlato-700);}
.akt__naslov{
  font-family:var(--font-naslov);font-weight:700;font-size:1.05rem;line-height:1.25;color:var(--bordo-800);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.akt__uvod{
  font-size:.88rem;color:var(--muted);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.aktuelno__sve{display:none;margin:1.4rem 0 0;}
.aktuelno__sve .btn{width:100%;}
@media (max-width:1000px){
  .aktuelno{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .sekcija--aktuelno .wrap{width:100%;}
  .sekcija--aktuelno .zaglavlje-red,.aktuelno__sve{margin-inline:1.1rem;}
  .aktuelno{
    display:flex;gap:.8rem;overflow-x:auto;padding:0 1.1rem .6rem;
    scroll-snap-type:x mandatory;scroll-padding-left:1.1rem;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .aktuelno::-webkit-scrollbar{display:none;}
  .akt{flex:0 0 78%;scroll-snap-align:start;}
  .akt__uvod{display:none;}
  .akt__slika{aspect-ratio:16/10;}
  .aktuelno__sve{display:block;}
  .zaglavlje-red .veza-strelica{display:none;}
}

/* tri pravca — redovi sa ikonom (na telefonu lista, na računaru 3 kolone) */
.pravci{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.pravac{
  display:flex;gap:1rem;align-items:flex-start;background:var(--bijela);border:1px solid var(--linija);
  border-radius:var(--radius);padding:1.4rem 1.3rem;transition:border-color .2s ease,box-shadow .2s ease;
}
.pravac:hover{border-color:var(--zlato-500);box-shadow:var(--sjenka-jaka);}
.pravac__ikona{
  flex-shrink:0;width:46px;height:46px;border-radius:10px;display:grid;place-items:center;
  background:var(--bordo-100);color:var(--bordo-700);
}
.pravac__ikona svg{width:22px;height:22px;}
.pravac__telo{display:flex;flex-direction:column;gap:.35rem;}
.pravac__telo b{font-family:var(--font-naslov);font-size:1.12rem;color:var(--bordo-800);line-height:1.2;}
.pravac__telo span{font-size:.92rem;color:var(--muted);line-height:1.5;}
.pravac__telo em{font-style:normal;font-weight:600;font-size:.88rem;color:var(--bordo-700);margin-top:.3rem;}
.pravac__telo em::after{content:" →";}
@media (max-width:860px){
  .pravci{grid-template-columns:1fr;gap:.8rem;}
  .pravac{padding:1.1rem 1.1rem;}
}

/* brzo doniranje */
.brzo__unutra{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center;}
.brzo__iznosi{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;}
.brzo__iznos{
  display:grid;place-items:center;min-height:64px;border-radius:var(--radius);
  background:rgba(255,255,255,.08);border:1.5px solid rgba(226,196,124,.45);color:#fff;
  font-family:var(--font-naslov);font-size:1.3rem;font-weight:700;transition:background .18s ease,transform .18s ease;
}
.brzo__iznos:hover{background:var(--zlato-600);color:var(--bordo-950);transform:translateY(-2px);}
.brzo__iznos--drugi{grid-column:1/-1;font-size:1rem;font-weight:600;min-height:52px;background:transparent;}
.brzo__racun{grid-column:1/-1;margin:.4rem 0 0;font-size:.9rem;color:rgba(255,255,255,.7)!important;}
.brzo__racun b{color:var(--zlato-400);font-weight:700;letter-spacing:.04em;}
@media (max-width:860px){
  .brzo__unutra{grid-template-columns:1fr;}
  .brzo__iznosi{grid-template-columns:repeat(2,1fr);}
  .brzo__iznos{min-height:58px;}
}

/* članak — naslovna slika i slike u tekstu */
.clanak__naslovna{width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius);margin-bottom:2rem;}
.clanak__slika{margin:1.8rem 0;}
.clanak__slika img{width:100%;border-radius:var(--radius);box-shadow:var(--sjenka);margin:0;}
.clanak__video{position:relative;aspect-ratio:16/9;margin:1.8rem 0;border-radius:var(--radius);overflow:hidden;}
.clanak__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.clanak ul{padding-left:1.3rem;margin-bottom:1.3em;}

/* članak — dugi naslovi sa starog sajta */
.pod-hero--clanak h1{font-size:clamp(1.5rem,3.2vw,2.5rem);max-width:30ch;text-wrap:balance;}
.pod-hero--clanak{padding:clamp(2rem,4vw,3.2rem) 0 clamp(1.8rem,3.5vw,2.8rem);}

/* ==========================================================================
   KAROSEL (naslovna)
   ========================================================================== */
.karosel{position:relative;}
.karosel__traka{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  border-radius:var(--radius-lg);box-shadow:var(--sjenka-jaka);background:var(--bordo-950);
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.karosel__traka::-webkit-scrollbar{display:none;}
.karosel__strelica{
  position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);background:rgba(46,4,7,.55);color:#fff;
  font-size:1.9rem;line-height:1;display:grid;place-items:center;cursor:pointer;
  backdrop-filter:blur(4px);transition:background .18s ease;
}
.karosel__strelica:hover{background:var(--bordo-700);}
.karosel__strelica--lijevo{left:.8rem;}
.karosel__strelica--desno{right:.8rem;}
.karosel__tacke{display:flex;justify-content:center;gap:.45rem;margin-top:.9rem;}
.karosel__tacke button{
  width:9px;height:9px;border-radius:50%;border:0;background:var(--linija);cursor:pointer;padding:0;
}
.karosel__tacke button.aktivna{background:var(--bordo-700);width:22px;border-radius:5px;}
.karosel[data-jedan] .karosel__strelica,.karosel[data-jedan] .karosel__tacke{display:none;}
/* admin: slajdovi naslovne */
.admin-naslovna{display:grid;gap:1rem;}
.admin-slajd{
  display:grid;grid-template-columns:220px 1fr;gap:1rem;background:var(--bijela);
  border:1px solid var(--linija);border-radius:var(--radius);padding:1rem;
}
.admin-slajd img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);}
.admin-slajd__polja{display:grid;gap:.45rem;}
.admin-slajd--iskljucen img{opacity:.35;}
@media (max-width:640px){.admin-slajd{grid-template-columns:1fr;}}