/* Strana grada /g/<slug> (functions/g/[grad].js). Tokeni, dugmad, kartice i .brojke dolaze iz /style.css. */

body.str-grad main{display:block}
body.str-grad footer.site{margin-top:0}
.str-grad h2.serif{font-size:clamp(26px,6.6vw,34px);line-height:1.1;margin:0 0 14px}
.str-grad .eyebrow .ik{width:18px;height:18px}

/* uvod */
.sg-uvod{padding:26px 0 8px;background:
  radial-gradient(110% 55% at 105% -5%,color-mix(in srgb,var(--plava-svetla) 90%,transparent),transparent 62%),
  radial-gradient(70% 38% at -10% 4%,color-mix(in srgb,var(--crvena-svetla) 85%,transparent),transparent 70%)}
.sg-uvod h1.serif{font-size:clamp(36px,10vw,60px);line-height:1.02;letter-spacing:-.01em;margin:12px 0 14px;text-wrap:balance;overflow-wrap:anywhere}
.sg-uvod .lead{color:var(--mastilo);max-width:34ch;margin:0 0 6px}
.sg-uvod .lead strong{color:var(--crvena)}

/* kartica biračkog mesta */
.sg-bm{margin:18px 0 0}
.sg-bm p{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.sg-bm p>.ik{width:20px;height:20px;margin-top:2px;color:var(--plava)}
.sg-bm-naslov b{display:block;font-size:19px;color:var(--plava);line-height:1.3}
.sg-drzava{display:block;font-size:15px;color:var(--siva)}
.sg-bm .sg-bm-naslov>.ik{color:var(--crvena)}
ul.sg-mesta{list-style:none;margin:0 0 12px;padding:0 0 0 30px;display:grid;gap:8px}
.sg-mesta li{font-size:16px;line-height:1.4}
.sg-mesta b{display:block;font-weight:600}
.sg-mesta span{display:block;color:var(--siva);font-size:15px;overflow-wrap:anywhere}
.sg-vreme{font-weight:600}
.sg-noc{font-size:15px;color:var(--siva)}
.sg-bm .sg-noc>.ik{color:var(--zlato)}
.sg-bm .izvor{display:block;margin:4px 0 0}

/* šta fali */
.sg-potreba{padding:36px 0 0}
p.sg-fali-red{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--crvena-svetla);color:var(--crvena-tamna);font-weight:600;line-height:1.4}
.sg-fali-red .ik{width:20px;height:20px;margin-top:2px}
.sg-brojke{margin:14px 0 0}
.sg-brojke .brojka:not(.trazi) .ik{color:var(--plava)}
.sg-prazno{display:flex;gap:14px;align-items:flex-start}
.sg-prazno p{margin:4px 0 0}
.sg-dugmad{display:grid;gap:10px;margin:22px 0 0}
@media (min-width:640px){.sg-dugmad{grid-template-columns:1fr 1fr}}
.sg-dugmad .btn{min-height:58px;font-size:18px}
.sg-vozac{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0}
.sg-vozac .ik{width:18px;height:18px;margin-top:3px}

/* deljenje (dugmad ugrađuje public/deli.js preko data-deli) */
.sg-deli{margin:44px 0 0;padding:28px 0;background:var(--krem-2);border-top:1px solid var(--linija);border-bottom:1px solid var(--linija)}
.sg-deli p{color:var(--siva);max-width:40ch}
.sg-deli [data-deli]:empty{display:none}

.sg-svi{margin:24px auto 40px}
.sg-svi a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.sg-svi .ik{width:20px;height:20px}

@media (min-width:760px){
  .sg-uvod{padding-top:40px}
  .sg-potreba{padding-top:44px}
}

/* Link na generator slika (/objave, šablon za grad) */
.sg-deli .sg-objave{margin:18px 0 0;max-width:none}
.sg-objave a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--plava)}
.sg-objave .ik{width:20px;height:20px}