/* VELEPRODAJA - „Večernja" (port redizajna, faza F4, 28.10.2026).
   Šablon: templates/b2b/landing.twig. Prvi ekran, pojasevi, forma (`.forma`, `.polje`),
   `.podaci` i `.cinjenice` su u site.css - ovde je raspored strane. */

.hero--vp { min-height: max(640px, min(86svh, 820px)); }
.hero--vp h1 { font-size: clamp(40px, 4.6vw, 70px); max-width: 15ch; }

/* prijavljen partner: ista traka kao `.cinjenice`, ali kao lista podataka */
.vp-stanje { margin: 0; }
.vp-stanje dt { font-size: 15px; line-height: 1.3; color: var(--mesec-2); }
.vp-stanje dd { margin: 0; font-family: var(--f-nasl); font-size: 26px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.1; color: var(--mesec); }
.vp-stanje > div { display: grid; align-content: start; gap: 4px; }

/* ---------- kome ---------- */
.vp-kome { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); }
.vp-kome li { display: grid; align-content: start; gap: var(--s3); padding-top: var(--s5); border-top: 2px solid var(--ink); }
.vp-kome__z { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--noc); color: var(--lampa); }
.vp-kome__z .i { width: 22px; height: 22px; }
.vp-kome h3 { margin: 0; font-family: var(--f-nasl); font-size: 22px; font-weight: 600; }
.vp-kome p { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--ink-2); }

.vp-asort { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s5) var(--s7); margin-top: var(--s8); padding: var(--s5) var(--s6); background: var(--lan); border-radius: var(--r); box-shadow: inset 0 0 0 1px var(--linija); }
.vp-asort .oznaka { margin: 0; }
.vp-asort dl { display: flex; flex-wrap: wrap; gap: var(--s3) var(--s7); margin: 0; }
.vp-asort dl > div { display: grid; gap: 2px; }
.vp-asort dt { font-size: 15px; color: var(--ink-2); }
.vp-asort dd { margin: 0; font-family: var(--f-nasl); font-size: 19px; font-weight: 600; }
.vp-asort dd b { font-size: 26px; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }

/* ---------- ulaz ----------
   `background-color` uz gradijent: test kontrasta (`qa_veleprodaja_javna`) traži boju
   podloge kroz `backgroundColor`, a gradijent je slika - bez ovoga meri prema beloj. */
.vp-gate { background-color: var(--noc); }
.vp-g { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s8); align-items: start; }
.vp-form-col { display: grid; gap: var(--s4); }
.vp-form-col .uvod { color: var(--mesec-2); }
.vp-karta { margin-top: var(--s3); max-width: 560px; background: #fffdf8; color: var(--ink); border-radius: var(--r); box-shadow: 0 0 0 1px rgba(241, 182, 99, .2), 0 40px 80px -40px rgba(0, 0, 0, .7); }
.vp-karta .forma { padding: var(--s6); gap: 20px; }
.vp-help { display: grid; gap: var(--s4); padding: var(--s6); background: var(--noc-2); border: 1px solid var(--linija-n); border-radius: var(--r); }
.vp-help h3 { margin: 0; font-family: var(--f-nasl); font-size: 24px; font-weight: 600; }
.vp-help > p { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--mesec-2); }

/* ---------- uslovi ---------- */
.vp-uslovi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5) var(--s7); margin: 0; }
.vp-uslovi > div { padding-top: var(--s4); border-top: 1px solid var(--linija-2); }
.vp-uslovi dt { font-family: var(--f-nasl); font-size: 20px; font-weight: 600; margin-bottom: 6px; }
.vp-uslovi dd { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--ink-2); }

@media (max-width: 1080px) {
  .vp-kome { grid-template-columns: 1fr; gap: var(--s6); }
  .vp-asort { grid-template-columns: 1fr; justify-items: start; }
  .vp-g { grid-template-columns: 1fr; gap: var(--s6); }
  .vp-karta { max-width: none; }
}
@media (max-width: 720px) {
  .hero--vp { min-height: 0; }
  .vp-stanje dd { font-size: 19px; }
  .vp-asort { padding: var(--s5); }
  .vp-asort .btn { width: 100%; }
  .vp-karta .forma { padding: var(--s5); }
  .vp-help { padding: var(--s5); }
  .vp-uslovi { grid-template-columns: 1fr; }
}