/* srdjan 2026-10-19 - Objekti (Smještaj, kongresna tražilica, jedinstvene lokacije), po uzoru na live mod_hotels*, naše klase ob-* */
.ob{max-width:var(--tz-sirina,1320px);margin:0 auto;padding:40px 0 48px;font-family:var(--tz-font,system-ui)}
.ob svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.ob-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ob-k{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s}
.ob-k[hidden]{display:none}
@media (hover:hover){.ob-k:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(0,0,0,.08),0 16px 36px rgba(0,0,0,.12)}}
.ob-k-sl{position:relative;aspect-ratio:16/9;background:#eceef1;overflow:hidden}
.ob-k-sl img{width:100%;height:100%;object-fit:cover;display:block}
.ob-k-bez{position:absolute;inset:0;display:grid;place-items:center;color:#9a9aa2;font-size:14px}
.ob-mice{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#1d63d6;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.ob-mice svg{width:13px;height:13px;margin:0}
.ob-k-tx{flex:1;display:flex;flex-direction:column;gap:7px;padding:18px 20px 16px}
.ob-k h3{margin:0;font:600 18px/1.3 'Roboto',system-ui,sans-serif;color:#1d1d1f}
.ob-k-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ob-vrsta{font-size:12px;padding:2px 9px;border-radius:99px;background:#f1f1f3;color:#555}
.ob-zv{color:#f0a020;letter-spacing:2px;font-size:15px}
.ob-r{display:flex;gap:8px;margin:0;font-size:14px;line-height:1.45;color:#4b5058}
.ob-r svg{color:#b9122c}
.ob-r a{color:#1d63d6;text-decoration:none;word-break:break-word}
.ob-r a:hover{text-decoration:underline}
.ob-max{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:4px 0 0;padding:5px 12px;border-radius:99px;background:#e7f4ec;color:#17733f;font-size:13px;font-weight:700}
.ob-max svg{margin:0}
.ob-k-opis{margin:4px 0 0;font-size:14px;line-height:1.5;color:#5f6368}
.ob-vise{margin-top:auto;align-self:stretch;padding:12px 0 2px;border:0;border-top:1px solid #efeff2;background:none;font:600 14.5px/1.3 var(--tz-font,system-ui);color:#1d1d1f;cursor:pointer;text-align:center}
.ob-vise:hover{color:#b9122c}
.ob-prazno{text-align:center;color:#6b6b70;padding:30px 0}
/* filtri */
.ob-filtri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px;align-items:end;padding:24px;margin-bottom:18px;border-radius:16px;background:#f6f7f9}
.ob-f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#444}
.ob-f-siroko{grid-column:span 2}
.ob-f-kap{grid-column:span 2}
.ob-f input[type=search],.ob-f select{border:1px solid #d8d8de;border-radius:10px;padding:10px 12px;font:400 15px/1.3 var(--tz-font,system-ui);background:#fff;color:#1d1d1f}
.ob-kap{width:100%;accent-color:#1d63d6}
.ob-brzo{display:flex;gap:6px}
.ob-brzo button{border:1px solid #c9ccd2;background:#fff;border-radius:99px;padding:4px 12px;font-size:13px;cursor:pointer}
.ob-brzo button.aktivno{background:#1d63d6;border-color:#1d63d6;color:#fff}
.ob-reset{justify-self:end;border:0;border-radius:10px;padding:11px 18px;background:#6b7280;color:#fff;font:600 14px/1 var(--tz-font,system-ui);cursor:pointer}
.ob-broj{margin:0 0 16px;font-size:14px;color:#555}.ob-broj b{color:#1d63d6;font-size:17px}
@media (max-width:1100px){.ob-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-filtri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ob{padding:28px 0 32px}.ob-mreza{grid-template-columns:1fr;gap:16px}.ob-filtri{grid-template-columns:1fr;padding:18px}.ob-f-siroko,.ob-f-kap{grid-column:auto}.ob-reset{justify-self:stretch}}
/* srdjan 2026-10-19 - upitnik objekta (F2) */
.up{max-width:900px;margin:0 auto;padding:110px 20px 64px;font-family:var(--tz-font,system-ui)}
.up h1{margin:0 0 10px;text-align:center;font:600 clamp(1.6rem,3vw,2.3rem)/1.2 'Roboto',system-ui,sans-serif;color:#1d1d1f}
.up-pom{color:#6b6b70;font-size:14.5px;margin:6px 0 18px;text-align:center}
.up-blok .up-pom{text-align:left;margin:0 0 12px}
.up-ok,.up-greska{padding:16px 20px;border-radius:12px;margin:22px 0;font-size:16px;line-height:1.5}
.up-ok{background:#e7f4ec;color:#17733f;text-align:center}
.up-greska{background:#fdecee;color:#9b1520}
.up-zamka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.up-blok{border:1px solid #e6e6ea;border-radius:16px;padding:20px 22px 22px;margin:0 0 18px;background:#fff}
.up-blok legend{padding:0 8px;font:700 13px/1 var(--tz-font,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#b9122c}
.up-p{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:14.5px;font-weight:600;color:#333}
.up-p b,.up-prihvat b{color:#b9122c}
.up-p input,.up-p select,.up-p textarea,.up-dv-p input{border:1px solid #d3d4da;border-radius:10px;padding:11px 12px;font:400 16px/1.4 var(--tz-font,system-ui);color:#1d1d1f;background:#fff;width:100%;box-sizing:border-box}
.up-p input:focus,.up-p select:focus,.up-p textarea:focus,.up-dv-p input:focus{outline:2px solid #1d63d6;outline-offset:-1px;border-color:#1d63d6}
.up-p small{font-weight:400;color:#6b6b70;font-size:13px}
.up-broj.previse{color:#b9122c;font-weight:700}
.up-p.nedostaje input,.up-p.nedostaje select,.up-p.nedostaje textarea{border-color:#b9122c;background:#fff8f8}
.up-kvac.nedostaje{color:#b9122c}
.up-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.up-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}
.up-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}
.up-kvac{display:flex;align-items:center;gap:9px;font-size:15px;cursor:pointer}
.up-kvac input{width:18px;height:18px;accent-color:#b9122c}
.up-dvorane{display:flex;flex-direction:column;gap:12px}
.up-dv{border:1px solid #ececef;border-radius:12px;padding:12px 14px;background:#fafafb}
.up-dv-gl{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.up-dv-mak{border:0;background:none;color:#9b1520;font-size:13.5px;cursor:pointer;text-decoration:underline}
.up-dv-p{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px 10px}
.up-dv-p label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#555}
.up-dv-p label:nth-child(n+6){grid-column:auto}
.up-dv-p input{padding:8px 9px;font-size:15px}
.up-dv-dod{margin-top:12px;border:1px dashed #b9122c;background:#fff;color:#b9122c;border-radius:10px;padding:10px 16px;font:600 14.5px/1 var(--tz-font,system-ui);cursor:pointer}
.up-privola{max-height:220px;overflow:auto;padding:12px 14px;border-radius:10px;background:#f6f7f9;font-size:13px;line-height:1.55;color:#444;margin-bottom:14px}
.up-salji{text-align:center;margin:26px 0 0}
.up-salji button{border:0;border-radius:999px;padding:15px 38px;background:#b9122c;color:#fff;font:600 16px/1 var(--tz-font,system-ui);cursor:pointer}
.up-salji button:disabled{opacity:.6}
@media (max-width:700px){.up{padding-top:90px}.up-2,.up-3,.up-kv{grid-template-columns:1fr}.up-dv-p{grid-template-columns:1fr 1fr}.up-dv-p label:first-child{grid-column:1/-1}.up-blok{padding:16px}}

/* srdjan 2026-10-20 - korisnik: „popravi tražilicu u nešto modernije, ovaj popup kad se klikne je loš” — traka pretrage (Smještaj) i novi prozor s detaljima */
.ob-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ob-traka{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 28px}
.ob-traka-q{flex:1 1 360px;display:flex;align-items:center;gap:12px;min-width:0;padding:0 8px 0 20px;height:56px;border-radius:999px;background:#fff;border:1px solid #e1e3e8;box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.06);transition:border-color .15s,box-shadow .15s}
.ob-traka-q:focus-within{border-color:#b9122c;box-shadow:0 0 0 4px rgba(185,18,44,.1),0 6px 20px rgba(16,24,40,.06)}
.ob .ob-traka-q svg{width:20px;height:20px;margin:0;color:#8a8f98}
.ob-traka-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:400 16px/1.2 var(--tz-font,system-ui);color:#1d1d1f}
.ob-traka-q input::-webkit-search-cancel-button{display:none}
.ob-traka-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#f1f2f4;color:#555;font-size:20px;line-height:1;cursor:pointer}
.ob-traka-x:hover{background:#e6e7ea}
.ob-cipovi{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:999px;background:#f3f4f6}
.ob-cipovi button{display:inline-flex;align-items:center;gap:3px;height:44px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 15px/1 var(--tz-font,system-ui);color:#4b5058;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.ob-cipovi button span{color:#f0a020}
.ob-cipovi button:hover{color:#1d1d1f}
.ob-cipovi button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ob-k-sl,.ob-k h3{cursor:pointer}
.ob-k-sl img{transition:transform .5s ease}
@media (hover:hover){.ob-k:hover .ob-k-sl img{transform:scale(1.04)}}
@media (max-width:640px){.ob-traka{gap:10px;margin-bottom:20px}.ob-traka-q{flex-basis:100%;height:52px}.ob-cipovi{width:100%;justify-content:space-between}.ob-cipovi button{flex:1;justify-content:center;padding:0 8px;height:40px}}

/* prozor: računalo = slika lijevo, podaci desno; mobitel = ploča odozdo */
html:has(.ob-dlg[open]){overflow:hidden}
.ob-dlg{border:0;padding:0;width:min(1040px,calc(100vw - 48px));height:min(640px,calc(100vh - 64px));max-width:none;max-height:none;border-radius:22px;overflow:hidden;background:#fff;color:#1d1d1f;box-shadow:0 40px 100px rgba(10,12,20,.35);font-family:var(--tz-font,system-ui)}
.ob-dlg[open]{animation:ob-u .28s cubic-bezier(.2,.8,.2,1)}
.ob-dlg::backdrop{background:rgba(12,14,20,.55);backdrop-filter:blur(4px)}
.ob-dlg[open]::backdrop{animation:ob-bd .28s ease}
@keyframes ob-u{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ob-bd{from{opacity:0}to{opacity:1}}
.ob-dlg-ok{display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);height:100%}
.ob-dlg-sl{position:relative;background:#eceef1 center/cover no-repeat;min-height:0}
.ob-dlg-sl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ob-dlg-tx{display:flex;flex-direction:column;gap:14px;padding:34px 36px 0;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.ob-dlg-gl{padding-right:40px}
.ob-dlg-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:20px}
.ob-dlg .ob-zv{font-size:17px}
.ob-dlg h2{margin:0;font:700 clamp(22px,2.4vw,30px)/1.15 'Roboto',system-ui,sans-serif;letter-spacing:-.01em}
.ob-dlg-adr{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;color:#5b6270;font-size:15px}
.ob-dlg svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ob-dlg-adr svg{color:#b9122c;margin-top:1px}
.ob-akcije{display:flex;flex-wrap:wrap;gap:8px}
.ob-akc{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid #dfe1e6;background:#fff;color:#1d1d1f;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}
.ob-akc:hover{background:#f5f6f8;border-color:#c9ccd3}
.ob-akc.glavna{background:#b9122c;border-color:#b9122c;color:#fff}
.ob-akc.glavna:hover{background:#9a0f25;border-color:#9a0f25}
.ob-kon{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:4px 0 0;font-size:14.5px}
.ob-kon dt{color:#8a8f98}
.ob-kon dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ob-kon a{color:#1d63d6;text-decoration:none}
.ob-kon a:hover{text-decoration:underline}
.ob-dlg h3{margin:10px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98}
.ob-dlg-opis p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:#3a3d44}
.ob-dlg .ob-dv{padding:14px 16px;border-radius:14px;background:#f6f7f9;display:flex;flex-direction:column;gap:8px}
.ob-dv-gl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.ob-dv-gl small{color:#6b7079}
.ob-dlg .ob-dv-kap{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ob-dlg .ob-dv-kap span{font-size:13px;padding:3px 10px;border-radius:99px;background:#fff;border:1px solid #e3e5e9;color:#4b5058}
.ob-dlg .ob-dv-kap b{color:#1d1d1f}
.ob-dlg-dno{position:sticky;bottom:0;margin:auto -36px 0;padding:14px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-top:1px solid #eef0f2}
.ob-dij{display:flex;gap:6px;align-items:center}
.ob-dij-b{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-radius:999px;background:#f3f4f6;color:#3a3d44;font:600 13.5px/1 var(--tz-font,system-ui);text-decoration:none;cursor:pointer}
.ob-dij-b:hover{background:#e8e9ec}
.ob-dij-b svg{width:16px;height:16px}
.ob-listaj{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#6b7079}
.ob-listaj button{width:38px;height:38px;border-radius:50%;border:1px solid #dfe1e6;background:#fff;display:grid;place-items:center;cursor:pointer;color:#1d1d1f}
.ob-listaj button:hover{background:#f5f6f8}
.ob-dlg-zat{position:absolute;top:16px;right:16px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#1d1d1f;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.ob-dlg-zat:hover{background:#fff}
.ob-dlg-zat:focus-visible,.ob-akc:focus-visible,.ob-listaj button:focus-visible,.ob-dij-b:focus-visible,.ob-cipovi button:focus-visible{outline:3px solid rgba(185,18,44,.4);outline-offset:2px}
@media (max-width:820px){
  .ob-dlg{width:100vw;height:auto;max-height:92vh;margin:auto 0 0;border-radius:22px 22px 0 0;overflow-y:auto;overscroll-behavior:contain}
  .ob-dlg[open]{animation:ob-gore .32s cubic-bezier(.2,.8,.2,1)}
  @keyframes ob-gore{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
  .ob-dlg-ok{display:block;height:auto}
  .ob-dlg-sl{height:min(42vh,280px)}
  .ob-dlg-tx{padding:22px 20px 0;overflow:visible}
  .ob-dlg-gl{padding-right:0}
  .ob-akc{flex:1 1 calc(50% - 8px);justify-content:center}
  .ob-dlg-dno{margin:8px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
  .ob-dij-b span{display:none}
  .ob-dlg-zat{position:sticky;top:12px;float:right;margin:12px 12px -54px 0}
}
@media (prefers-reduced-motion:reduce){.ob-dlg[open],.ob-dlg[open]::backdrop{animation:none}.ob-k-sl img{transition:none}}

/* srdjan 2026-10-20 - kongresna tražilica u istom stilu kao Smještaj (korisnik: „isto”) */
.ob-traka-k{margin-bottom:12px}
.ob-traka2{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 28px}
.ob-pil{position:relative;display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 16px 0 20px;border-radius:999px;background:#fff;border:1px solid #e1e3e8;box-shadow:0 1px 2px rgba(16,24,40,.04);cursor:pointer}
.ob-traka2 .ob-pil{height:48px}
.ob-pil:focus-within{border-color:#b9122c;box-shadow:0 0 0 4px rgba(185,18,44,.1)}
.ob-pil-n{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#8a8f98;white-space:nowrap}
.ob .ob-pil-n svg{width:16px;height:16px;margin:0}
.ob-pil select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.4' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right center/14px no-repeat;padding:0 22px 0 0;font:600 15px/1.2 var(--tz-font,system-ui);color:#1d1d1f;cursor:pointer}
.ob-kap-g{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.ob-kap-g .ob-cipovi button{height:38px;padding:0 14px;font-size:14px}
.ob-cipovi button.aktivno{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ob-traka2 .ob-reset{margin-left:auto;justify-self:auto;height:40px;padding:0 16px;border:0;border-radius:999px;background:none;color:#b9122c;font:600 14px/1 var(--tz-font,system-ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ob-traka2 .ob-reset:hover{background:#fdecee}
.ob-reset[hidden]{display:none}
@media (max-width:640px){.ob-traka-k .ob-pil{flex:1 1 100%;justify-content:space-between;height:50px}.ob-traka2{gap:10px}.ob-traka2 .ob-pil{flex:1 1 100%;justify-content:space-between}.ob-kap-g{width:100%}.ob-kap-g .ob-cipovi{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.ob-kap-g .ob-cipovi button{justify-content:center;padding:0 6px}.ob-traka2 .ob-reset{margin:0 auto}}
/* srdjan 2026-10-20 - WhatsApp gumb u prozoru (znak u boji WhatsAppa), Facebook maknut */
.ob-dij-wa{color:#1f9d55}
.ob-dij-wa svg{width:18px;height:18px}
.ob-dij-wa span{color:#3a3d44}

/* srdjan 2026-10-20 - „Pogledaj sve detalje” je sad poveznica na adresu objekta (izgled isti kao gumb) */
a.ob-vise{display:block;text-decoration:none}
