/* v3 redizajn — sporedne strane (Korak 3): /kontakt, /vodic, /zone, /mapa
   okvir, error/404. Učitava se preko <link precedence> iz
   components/misc/V3MiscStyles.tsx, zajedno sa v3_home.css (deljene .v3-*
   klase). Paleta i promenljive dolaze iz obi_pal_v215.css (:root); Manrope
   globalno (v3_foundation.css). Sve novo je pod .v3m-* prefiksom. */

/* ---------- zaglavlje stranice ---------- */
.v3m-head{padding:22px 0 6px}
.v3m-head h1,.v3m-head h2{margin:6px 0 8px;font-size:clamp(30px,3.6vw,42px);letter-spacing:-.01em;line-height:1.06}
.v3m-head .sub{margin:0;max-width:64ch;font-size:16px;line-height:1.6}

/* ---------- /kontakt: dvokolonski raspored ---------- */
.v3m-contact{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:20px;align-items:start;margin-top:18px}

.v3m-form-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(17,38,34,.92),rgba(9,23,21,.78));padding:22px;box-shadow:var(--shadow)}
.v3m-form-card .v219-lead-form{gap:12px}
.v3m-form-card .v219-lead-form span{font-size:13px;font-weight:800;color:var(--muted)}
.v3m-form-card .v219-lead-form input,
.v3m-form-card .v219-lead-form textarea{border-radius:12px;background:#0f211f;border:1px solid var(--line);padding:12px 13px}
.v3m-form-card .v219-lead-form input:focus,
.v3m-form-card .v219-lead-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,199,184,.14)}
.v3m-form-card .v219-lead-form textarea{min-height:132px}
.v3m-form-card .v219-lead-actions{grid-template-columns:1fr}
.v3m-form-card .v219-lead-actions .btn.primary{border-radius:12px;padding:13px 22px;font-weight:900;font-size:15px}
.v3m-form-card .v219-lead-status{margin:0;font-size:14px}

.v3m-aside{display:grid;gap:14px}
.v3m-why{border:1px solid rgba(24,199,184,.28);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(24,199,184,.07),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.v3m-why h3{margin:0 0 14px;font-size:19px;letter-spacing:-.01em}
.v3m-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v3m-why li{display:flex;gap:12px;align-items:flex-start}
.v3m-check{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(24,199,184,.16);color:var(--teal);font-weight:950;font-size:13px;margin-top:1px}
.v3m-why b{display:block;font-size:15px}
.v3m-why small{color:var(--muted);display:block;margin-top:2px;font-size:13.5px;line-height:1.55}

.v3m-note{display:flex;align-items:center;gap:11px;border:1px solid rgba(215,180,106,.32);border-radius:14px;padding:14px 16px;background:linear-gradient(180deg,rgba(215,180,106,.07),rgba(255,255,255,.02));color:var(--muted);font-size:14px;font-weight:700;margin:0}
.v3m-note .v3-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(215,180,106,.16)}

/* ---------- /vodic: kartice sekcija ---------- */
.v3m-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.v3m-guide-card{display:grid;gap:9px;align-content:start;border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:border-color .18s ease}
.v3m-guide-card:hover{border-color:rgba(24,199,184,.45)}
.v3m-guide-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(24,199,184,.16);color:var(--teal);font-weight:950}
.v3m-guide-card h3{margin:2px 0 0;font-size:18px;letter-spacing:-.01em}
.v3m-guide-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.62}

.v3m-guide-cta{margin:22px 0 10px;border:1px solid rgba(24,199,184,.35);border-radius:16px;padding:26px 24px;text-align:center;background:radial-gradient(circle at 50% -40%,rgba(24,199,184,.18),transparent 62%),linear-gradient(160deg,rgba(17,38,34,.9),rgba(9,23,21,.8));box-shadow:var(--shadow)}
.v3m-guide-cta h3{margin:0 0 6px;font-size:22px}
.v3m-guide-cta p{color:var(--muted);margin:0 auto 16px;max-width:56ch}
.v3m-guide-cta .btn.primary{border-radius:12px;padding:12px 24px;font-weight:900}

/* ---------- /zone: kartice zona ---------- */
.v3m-zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px}
.v3m-zone{display:grid;gap:5px;align-content:start;padding:18px 20px;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v3m-zone:hover{transform:translateY(-3px);border-color:rgba(24,199,184,.55);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.v3m-zone h3{margin:0;font-size:18px;letter-spacing:-.01em}
.v3m-zone-count{color:var(--muted);font-size:14px}
.v3m-zone-cta{color:var(--teal);font-weight:800;font-size:14px;margin-top:6px}
.v3m-country-head{margin:26px 0 12px}
.v3m-country-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.01em}

/* ---------- /mapa: okvir (MapView markup netaknut, samo doterivanje) ---------- */
#map .v217-head h2{font-size:clamp(28px,3.2vw,38px);letter-spacing:-.01em;line-height:1.06}
#map .v217-head .sub{font-size:15px}
#map .v217-head .btn{border-radius:12px;font-weight:800}

/* ---------- error / 404 kartica ---------- */
.v3m-status{max-width:620px;margin:56px auto;border:1px solid rgba(24,199,184,.35);border-radius:16px;padding:42px 30px;text-align:center;background:radial-gradient(circle at 50% -40%,rgba(24,199,184,.18),transparent 62%),linear-gradient(160deg,rgba(17,38,34,.9),rgba(9,23,21,.8));box-shadow:var(--shadow)}
.v3m-status .eyebrow{font-size:13px}
.v3m-status h1,.v3m-status h2{margin:12px 0 8px;font-size:clamp(26px,3.2vw,34px);letter-spacing:-.01em;line-height:1.08}
.v3m-status .sub{margin:0 auto;max-width:46ch;line-height:1.6}
.v3m-status-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.v3m-status-actions .btn{border-radius:12px;padding:12px 22px;font-weight:900}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .v3m-zone-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .v3m-contact{grid-template-columns:1fr}
  .v3m-guide{grid-template-columns:1fr}
  .v3m-zone-grid{grid-template-columns:1fr}
  .v3m-status{margin:34px auto;padding:32px 20px}
}