/* v3 redizajn — Korak 2: pretraga (/jedinice), kartice jedinica i Sačuvano.
   Učitava se preko <link precedence> (components/units/V3SearchStyles.tsx),
   POSLE v3_home.css. Paleta/promenljive iz obi_pal_v215.css (:root).
   Sve novo je pod .v3-* prefiksom. */

/* ---------- zaglavlje pretrage ---------- */
.v3-search-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:26px 0 10px;flex-wrap:wrap}
.v3-search-head h1{margin:4px 0 4px;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.01em;line-height:1.05}
.v3-search-count{color:var(--muted);margin:0;font-size:15px}

/* segmented control [Lista | Mapa] */
.v3-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(255,255,255,.045);gap:4px}
.v3-seg-btn{border:0;border-radius:999px;padding:9px 18px;font-weight:800;font-size:14px;line-height:1;color:var(--muted);text-decoration:none;background:transparent;display:inline-flex;align-items:center}
.v3-seg-btn:hover{color:var(--text)}
.v3-seg-btn.active{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#03110f}

/* ---------- sticky filter traka ---------- */
.v3-fbar{position:sticky;top:76px;z-index:25;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;margin:8px 0 20px;border:1px solid var(--line);border-radius:16px;background:rgba(8,21,19,.92);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.24)}

/* dropdown čip (Zemlja / Projekat / Tip / Cena / Više filtera) */
.v3-fchip{position:relative}
.v3-fchip-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px;line-height:1;white-space:nowrap}
.v3-fchip-btn:hover{border-color:rgba(24,199,184,.5)}
.v3-fchip-btn .caret{opacity:.55;font-size:10px;transform:translateY(1px)}
.v3-fchip-btn.filled{background:rgba(24,199,184,.14);border-color:rgba(24,199,184,.55)}
.v3-fchip-btn.open{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,199,184,.12)}
.v3-fchip-x{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.14);font-size:11px;font-weight:900;line-height:1}
.v3-fchip-x:hover{background:rgba(255,255,255,.3)}

/* padajući panel čipa */
.v3-dd{position:absolute;top:calc(100% + 8px);left:0;z-index:35;min-width:240px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0c1e1b;box-shadow:var(--shadow);padding:8px;display:grid;gap:2px;align-content:start}
.v3-dd-opt{display:flex;justify-content:space-between;gap:12px;align-items:center;border:0;background:transparent;color:var(--text);text-align:start;padding:9px 11px;border-radius:10px;font-size:14px;width:100%}
.v3-dd-opt:hover{background:rgba(255,255,255,.07)}
.v3-dd-opt.selected{background:rgba(24,199,184,.14)}
.v3-dd-opt .n{color:var(--muted);font-size:12px;flex:none}

/* mini panel Cena (min/max) */
.v3-dd-price{min-width:270px;padding:13px;display:grid;gap:10px}
.v3-dd-price label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}
.v3-dd-price input{width:100%;border:1px solid var(--line);border-radius:12px;background:#0f211f;color:var(--text);padding:10px 12px}
.v3-dd-price input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,199,184,.14)}
.v3-dd-price .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v3-dd-price .btn.primary{border-radius:12px;justify-content:center;text-align:center}

/* aktivni filteri iz drawera (zona, status, m², score, pogled) — čip sa x */
.v3-fchip-active{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(24,199,184,.55);background:rgba(24,199,184,.12);color:var(--text);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.v3-fchip-active .x{font-weight:900;opacity:.65}
.v3-fchip-active:hover .x{opacity:1}

/* Obriši sve */
.v3-clear-all{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:13px;padding:6px 4px;cursor:pointer}
.v3-clear-all:hover{color:var(--text)}

/* sort dropdown */
.v3-sort{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:700;margin-inline-start:auto}
.v3-sort select{border:1px solid var(--line);border-radius:999px;background:#0f211f;color:var(--text);padding:9px 13px;font-weight:700;max-width:220px}
.v3-sort select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,199,184,.14)}

/* mobilno dugme Filteri (N) */
.v3-fbar-filters{display:none;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;line-height:1}
.v3-fbar-filters:hover{border-color:var(--teal)}

/* ---------- grid kartica ---------- */
.v3-unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:4px}

/* ---------- kartica jedinice ---------- */
.v3-unit{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;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,opacity .18s ease}
.v3-unit:hover{transform:translateY(-3px);border-color:rgba(24,199,184,.55);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.v3-unit-removing{opacity:0;transform:scale(.97)}
.v3-unit-link{display:block;color:var(--text);text-decoration:none}
.v3-unit-link:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:16px}

.v3-unit-media{height:188px;position:relative;background:linear-gradient(135deg,rgba(24,199,184,.18),rgba(215,180,106,.18));overflow:hidden}
.v3-unit-media img{width:100%;height:100%;object-fit:cover;display:block}
.v3-unit-media .placeholder{height:100%;display:grid;place-items:center;text-align:center;color:var(--gold);font-weight:950;padding:18px}

.v3-badge{position:absolute;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1;backdrop-filter:blur(6px)}
.v3-badge-3d{top:10px;left:10px;background:rgba(7,19,18,.72);border:1px solid rgba(24,199,184,.55);color:var(--teal)}
.v3-badge-deal{bottom:10px;left:10px;background:rgba(58,44,14,.78);border:1px solid rgba(215,180,106,.6);color:var(--gold)}

.v3-heart{position:absolute;top:10px;right:10px;z-index:2;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(7,19,18,.55);backdrop-filter:blur(6px);color:#fff;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}
.v3-heart svg{width:18px;height:18px;display:block}
.v3-heart:hover{border-color:var(--gold);color:var(--gold)}
.v3-heart.active{background:linear-gradient(135deg,#ffe29b,var(--gold));border-color:transparent;color:#171106}

.v3-unit-body{padding:14px 16px 16px;display:grid;gap:4px}
.v3-unit-project{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.v3-unit-title{margin:0;font-size:17px;font-weight:900;line-height:1.25}
.v3-unit-type{color:var(--muted);font-weight:700;font-size:14px}
.v3-unit-price{color:var(--gold);font-weight:950;font-size:22px;margin-top:2px;line-height:1.15}
.v3-unit-meta{color:var(--muted);font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px;line-height:1.4}
.v3-unit-status{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;line-height:1.3;border:1px solid rgba(215,180,106,.5);color:var(--gold);background:rgba(215,180,106,.1)}
.v3-unit-status.good{border-color:rgba(24,199,184,.5);color:var(--teal);background:rgba(24,199,184,.1)}
.v3-unit-signal{color:var(--muted);font-size:12px;margin:6px 0 0}

/* ---------- intro projekata izabrane zemlje (/jedinice?zemlja=) ---------- */
/* kartice dele vizuelni jezik .v3-card iz v3_home.css; ovde je layout 2 kolone
   sa VIDLJIVIM opisom (projects.summary) i CTA "Pogledaj jedinice" */
.v3-cpi{margin:2px 0 28px}
.v3-cpi-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}
.v3-cpi-head h2{margin:0;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.01em;line-height:1.1}
.v3-cpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.v3-cpi-card{display:flex;flex-direction:column}
.v3-cpi-card .card-img{height:208px;flex:none}
.v3-cpi-card .v3-card-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.v3-cpi-desc{margin:4px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6}
.v3-cpi-card .v3-card-meta{margin-top:auto;padding-top:10px}
.v3-cpi-btn{margin-top:12px;align-self:flex-start;border-radius:12px;padding:10px 18px;font-weight:950}
.v3-cpi-all{margin:0 0 16px;font-size:clamp(20px,2.6vw,28px);letter-spacing:-.01em;line-height:1.1}

/* prazno stanje */
.v3-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:36px 24px;text-align:center;background:rgba(255,255,255,.025)}
.v3-empty h3{margin:0 0 6px}
.v3-empty .sub{margin:0 0 16px}

/* Prikaži još */
.v3-more-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:26px 0 10px}
.v3-more-wrap .sub{font-size:13px}

/* ---------- Sačuvano ---------- */
.v3-saved-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:26px 0 14px;flex-wrap:wrap}
.v3-saved-head h1{margin:4px 0 4px;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.01em;line-height:1.05;display:flex;align-items:center;gap:12px}
.v3-saved-count{font-size:15px;font-weight:900;color:var(--gold);border:1px solid rgba(215,180,106,.5);background:rgba(215,180,106,.12);border-radius:999px;padding:6px 13px;line-height:1}
.v3-saved-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v3-saved-actions .btn{border-radius:12px}

/* smart shortlist insight kartica */
.v3-insight{border:1px solid rgba(24,199,184,.35);border-radius:16px;padding:20px 22px;margin:4px 0 20px;background:radial-gradient(circle at 12% -40%,rgba(24,199,184,.16),transparent 55%),linear-gradient(160deg,rgba(17,38,34,.9),rgba(9,23,21,.8));box-shadow:var(--shadow)}
.v3-insight h3{margin:6px 0 8px;font-size:20px}
.v3-insight .sub{margin:0}
.v3-insight-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}
.v3-insight-chips span{border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700;color:var(--muted);background:rgba(255,255,255,.05);line-height:1.3}
.v3-insight-actions{display:flex;gap:10px;flex-wrap:wrap}
.v3-insight-actions .btn{border-radius:12px}

/* ---------- filter drawer (v3 doterivanje postojećeg drawera) ---------- */
.v3-panel{background:#0a1917}
.v3-panel .form input,.v3-panel .form select{border-radius:12px;background:#0f211f;border:1px solid var(--line);padding:11px 12px}
.v3-panel .form input:focus,.v3-panel .form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,199,184,.14)}
.v3-panel .chip{border-radius:999px;background:rgba(255,255,255,.05);font-size:13.5px}
.v3-panel .actions .btn{border-radius:12px}
.v3-panel .notice{border-color:rgba(24,199,184,.35);color:var(--text);background:rgba(24,199,184,.07);border-radius:14px}
.v3-panel .notice .sub{color:var(--muted)}
.v3-panel .section-head{margin-bottom:6px}
.v3-panel .section-head h2{font-size:24px}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .v3-unit-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media(max-width:899px){
  .v3-fchip,.v3-fchip-active,.v3-clear-all{display:none}
  .v3-fbar-filters{display:inline-flex}
  .v3-fbar{top:72px;border-radius:14px;padding:10px 12px}
  .v3-sort{flex:1;justify-content:flex-end}
}
@media(max-width:760px){
  .v3-cpi-grid{grid-template-columns:1fr;gap:14px}
  .v3-cpi-card .card-img{height:180px}
}
@media(max-width:640px){
  .v3-unit-grid{grid-template-columns:1fr;gap:14px}
  .v3-search-head{padding-top:18px}
  .v3-sort select{max-width:180px}
  .v3-saved-head{flex-direction:column;align-items:flex-start}
}