/* ============================================================
   Advokatska kancelarija — DIZAJN 1 „Biblioteka" (13.10.2026; napravljen kao dizajn 2, istog dana premešten na 1 — vlasnik ne želi bočni meni kao prvi dizajn)
   Noćno mastilo + bakar, topao papir; vrh je fotografija biblioteke.

   ZASTO POSTOJI: prethodni dizajn 2 („Zeleni registar", boca-zelena + sijena) je PRODAT
   advokatu Miroslavu Bojiću (advokatmiroslavbojic.com, 12.10.2026) i zamrznut u
   dizajn-2-prodat-bojic/. Vlasnik je tražio zamenu „sličnu" prodatoj, a pravilo
   (memorija „uzor za nove dizajne", 1.10.2026) je da zamena NIJE ista strana u drugoj boji.
   Zato je ZADRŽANO ono što je prodalo (grotesk naslovi + serif telo, topao bakarni akcenat,
   tamni vrh), a PROMENJENO sve ostalo: fotografija preko cele širine umesto kartice pored
   teksta, osnovni podaci u kartici koja preklapa donju ivicu fotografije, oblasti prava na
   tamnoj traci, saradnja kao uspravna linija, kontakt na tamnoj traci sa formom levo.

   FOTOGRAFIJA: img/biblioteka.jpg (CC0, StockSnap) — jedina od naših fotografija koja nije
   na živom sajtu nijednog klijenta (proveroeno 13.10.2026 po izvornom kodu živih sajtova).
   ============================================================ */

:root{
  --noc:          #15191e;   /* vrh, oblasti, kontakt, podnožje */
  --noc-2:        #1d232a;   /* izdignute površine na tamnom */
  --noc-3:        #28303a;

  --bakar:        #cd7a4b;   /* akcenat na tamnom (dugmad, brojevi) */
  --bakar-tamni:  #a75a2f;   /* akcenat kao TEKST na svetlom — kontrast 4.6:1 na papiru */
  --bakar-svetli: #e8a06f;
  --bakar-bledi:  #f5e6db;

  --papir:        #f5f3ef;
  --papir-2:      #ebe7e0;
  --bela:         #ffffff;

  --mastilo:      #1b1f24;
  --mastilo-blaga:#4a5058;
  --tiho:         #6b7078;
  --linija:       #ddd8cf;
  --linija-blaga: #e8e4dd;
  --na-tamnom:    #ece8e1;
  --na-tamnom-2:  rgba(236,232,225,.72);
  --na-tamnom-3:  rgba(236,232,225,.5);
  --linija-tamna: rgba(236,232,225,.14);

  --grot: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --serif: Georgia, "Iowan Old Style", "Times New Roman", serif;

  --maxw: 1180px;
  --pad: clamp(1.25rem, 5vw, 2.5rem);
  --r: 3px;
  --senka: 0 2px 4px rgba(15,18,22,.05), 0 18px 44px rgba(15,18,22,.13);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--serif);
  font-size:17px;
  line-height:1.7;
  color:var(--mastilo);
  background:var(--papir);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; }
a{ color:inherit; }
[hidden]{ display:none !important; }   /* mobilni meni ostaje zatvoren — vidi gotcha #37 */

.container{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }

h1,h2,h3,.eyebrow,.section-tag,.btn,.nav,.brand-name,.card-num,.step-num,.info-label,.hamburger-label,.info-card dt{
  font-family:var(--grot);
}
h1,h2,h3{ margin:0; line-height:1.12; letter-spacing:-.025em; font-weight:700; text-wrap:balance; }

/* ---------- ZAGLAVLJE — providno preko fotografije, tamno čim se strana pomeri ---------- */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:linear-gradient(180deg, rgba(15,18,22,.78), rgba(15,18,22,0));
  transition:background .25s ease, box-shadow .25s ease;
}
.site-header.scrolled, .site-header:has(.mobile-nav:not([hidden])){
  background:var(--noc);
  box-shadow:0 1px 0 var(--linija-tamna), 0 10px 30px rgba(10,12,15,.25);
}
.header-inner{
  width:100%; max-width:var(--maxw); margin-inline:auto; padding:1rem var(--pad);
  display:flex; align-items:center; gap:1.4rem; flex-wrap:nowrap;
}
.brand{ display:flex; align-items:center; gap:.75rem; text-decoration:none; margin-right:auto; min-width:0; }
.brand-text{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
.brand-mark{
  flex:none; width:40px; height:40px; border-radius:50%;
  border:1.5px solid var(--bakar); color:var(--bakar-svetli);
  display:grid; place-items:center;
  font-family:var(--grot); font-weight:700; font-size:1rem;
}
.brand-name{ color:#fff; font-weight:700; font-size:1.02rem; letter-spacing:-.01em; overflow-wrap:anywhere; }
.brand-sub{ color:var(--na-tamnom-2); font-family:var(--serif); font-size:.8rem; font-style:italic; }

.nav{ display:none; flex:0 0 auto; gap:1.5rem; }
.nav a{
  color:rgba(255,255,255,.86); text-decoration:none;
  font-size:.84rem; font-weight:500; letter-spacing:.01em;
  padding-block:.35rem; border-bottom:1px solid transparent; transition:color .18s, border-color .18s;
}
.nav a:hover{ color:var(--bakar-svetli); }
.nav a.active{ color:var(--bakar-svetli); border-bottom-color:var(--bakar); }
body .nav a.active{ text-decoration:none; }

.header-phone{
  display:none; align-items:center; gap:.5rem;
  color:#fff; text-decoration:none; font-family:var(--grot); font-weight:600; font-size:.86rem;
  padding:.55rem 1rem; border:1px solid rgba(255,255,255,.35); border-radius:999px;
  transition:border-color .18s, background .18s;
}
.header-phone:hover{ border-color:var(--bakar); background:rgba(205,122,75,.14); }

.hamburger{
  display:inline-flex; align-items:center; gap:.4rem; flex:none;
  background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.35); border-radius:999px;
  padding:.45rem .85rem; cursor:pointer;
  font-family:var(--grot); font-size:.8rem; font-weight:600;
}
.mobile-nav{ background:var(--noc); border-top:1px solid var(--linija-tamna); padding:.4rem var(--pad) 1rem; }
.mobile-nav a{
  display:block; padding:.75rem 0; text-decoration:none;
  color:var(--na-tamnom); font-family:var(--grot); font-size:.98rem;
  border-bottom:1px solid var(--linija-tamna);
}
.mobile-nav a:last-child{ border-bottom:none; }
.mobile-phone{ color:var(--bakar-svetli) !important; font-weight:700; }

@media (min-width:1060px){
  .nav{ display:flex; }
  .header-phone{ display:inline-flex; }
  .hamburger{ display:none; }
  .mobile-nav{ display:none !important; }
}

/* ---------- DUGMAD ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.9rem 1.5rem; border-radius:var(--r);
  font-size:.92rem; font-weight:700; letter-spacing:.01em; text-decoration:none;
  border:1px solid transparent; cursor:pointer;
  transition:background .18s, color .18s, border-color .18s, transform .18s;
}
.btn-primary{ background:var(--bakar); color:#1a0f08; }
.btn-primary:hover{ background:var(--bakar-svetli); transform:translateY(-1px); }
.btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.45); }
.btn-ghost:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
.btn-block{ width:100%; }

/* ---------- HERO — fotografija preko cele širine ---------- */
.hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--noc); color:#fff;
  min-height:clamp(560px, 86vh, 820px);
  display:flex; align-items:flex-end;
  padding:8.5rem 0 7.5rem;
}
.hero-media{ position:absolute; inset:0; z-index:-1; }
.hero-media img{
  width:100%; height:100%; object-fit:cover; object-position:70% 40%;
  filter:saturate(.92) contrast(1.04);
}
.hero-media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(15,18,22,.94) 0%, rgba(15,18,22,.82) 34%, rgba(15,18,22,.35) 68%, rgba(15,18,22,.15) 100%),
    linear-gradient(0deg, rgba(15,18,22,.85) 0%, rgba(15,18,22,0) 38%);
}
.hero-inner{ position:relative; }
.eyebrow{
  margin:0 0 1.1rem; display:inline-flex; align-items:center; gap:.7rem;
  font-size:.76rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--bakar-svetli);
}
.eyebrow::before{ content:""; width:34px; height:1px; background:var(--bakar); }
.hero h1{ max-width:none; }
.h1-pre{ display:block; font-size:clamp(1.1rem, 2vw, 1.4rem); font-weight:500; letter-spacing:.02em; color:var(--na-tamnom-2); margin-bottom:.4rem; }
/* širina u `ch` SAMOG imena: 13 znakova u redu — dva reda za ime i prezime, reč se lomi tek kad je
   sama šira od ekrana (13.10.2026: sa 15ch na h1 „Ateljević" je pukao na „Ateljevi / ć"). */
.h1-ime{ display:block; max-width:13ch; font-size:clamp(2.4rem, 6.2vw, 4.8rem); font-weight:800; letter-spacing:-.035em; line-height:1.03; overflow-wrap:break-word; }
.hero-lead{ max-width:34rem; margin:1.4rem 0 0; font-size:clamp(1.05rem, 1.5vw, 1.2rem); color:var(--na-tamnom); }
.hero-actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }

/* ---------- KARTICA SA OSNOVNIM PODACIMA — preklapa donju ivicu fotografije ---------- */
.info-bar{ position:relative; z-index:2; margin-top:-4.2rem; }
.info-card{
  margin:0; display:grid; grid-template-columns:1fr; gap:0;
  background:var(--bela); border-top:3px solid var(--bakar); border-radius:var(--r);
  box-shadow:var(--senka);
}
.info-card > div{ padding:1.2rem 1.4rem; border-bottom:1px solid var(--linija-blaga); min-width:0; }
.info-card > div:last-child{ border-bottom:none; }
.info-card dt{ font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bakar-tamni); margin-bottom:.3rem; }
.info-card dd{ margin:0; font-size:.98rem; color:var(--mastilo); overflow-wrap:anywhere; }
.info-card a{ text-decoration:none; border-bottom:1px solid var(--linija); }
.info-card a:hover{ border-bottom-color:var(--bakar); }
@media (min-width:640px){
  .info-card{ grid-template-columns:1fr 1fr; }
  .info-card > div{ border-bottom:none; }
  .info-card > div:nth-child(-n+2){ border-bottom:1px solid var(--linija-blaga); }
  .info-card > div:nth-child(odd){ border-right:1px solid var(--linija-blaga); }
}
@media (min-width:1000px){
  .info-card{ grid-template-columns:1.25fr 1fr 1.25fr 1fr; }
  .info-card > div{ border-bottom:none !important; border-right:1px solid var(--linija-blaga); padding:1.5rem 1.6rem; }
  .info-card > div:last-child{ border-right:none; }
}

/* ---------- SEKCIJE ---------- */
.section{ padding-block:clamp(4.2rem, 8vw, 6.6rem); }
.section-head{ margin-bottom:clamp(2.2rem, 4vw, 3.2rem); }
.section-head.center{ text-align:center; }
.section-tag{
  display:inline-block; margin-bottom:.8rem;
  font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--bakar-tamni);
}
.section-head h2, .about-head h2{ font-size:clamp(1.9rem, 3.8vw, 2.7rem); }

/* ---------- O KANCELARIJI ---------- */
.about{ padding-top:clamp(4.6rem, 9vw, 7rem); }
.about-grid{ display:grid; gap:1.6rem; }
.about-head .section-tag{ margin-bottom:.6rem; }
.lede{
  margin:0 0 2rem; max-width:40ch;
  font-family:var(--grot); font-size:clamp(1.35rem, 2.6vw, 1.85rem); font-weight:600; line-height:1.35; letter-spacing:-.015em;
  color:var(--mastilo);
}
.about-cols{ display:grid; gap:1.1rem; }
.about-cols p{ margin:0; color:var(--mastilo-blaga); }
.note{
  margin:2rem 0 0; display:inline-flex; align-items:center; gap:.7rem;
  font-style:italic; color:var(--tiho); font-size:.95rem;
}
.note::before{ content:""; width:28px; height:1px; background:var(--bakar); }
@media (min-width:760px){ .about-cols{ grid-template-columns:1fr 1fr; gap:2.4rem; } }
@media (min-width:1000px){
  .about-grid{ grid-template-columns:minmax(0,15rem) minmax(0,1fr); gap:3.5rem; }
  .about-head h2{ font-size:clamp(1.6rem, 2.4vw, 2rem); }
}

/* ---------- OBLASTI PRAVA — tamna traka ---------- */
.practice{ background:var(--noc); color:var(--na-tamnom); }
.practice .section-tag{ color:var(--bakar-svetli); }
.practice h2{ color:#fff; }
.practice-grid{
  display:grid; grid-template-columns:1fr;
  border-top:1px solid var(--linija-tamna);
}
.practice-card{
  padding:1.7rem 0 1.8rem; border-bottom:1px solid var(--linija-tamna);
  transition:background .2s;
}
.card-num{ display:block; font-size:.8rem; font-weight:700; letter-spacing:.12em; color:var(--bakar); margin-bottom:.9rem; }
.practice-card h3{ font-size:1.12rem; color:#fff; margin-bottom:.85rem; letter-spacing:-.012em; }
.area-list{ list-style:none; margin:0; padding:0; display:grid; gap:.4rem; }
.area-list li{ position:relative; padding-left:1.1rem; font-size:.93rem; color:var(--na-tamnom-2); line-height:1.5; }
.area-list li::before{ content:""; position:absolute; left:0; top:.68em; width:6px; height:1px; background:var(--bakar); }
@media (min-width:640px){
  .practice-grid{ grid-template-columns:1fr 1fr; }
  .practice-card{ padding:1.9rem 1.6rem 2rem; }
  .practice-card:nth-child(odd){ border-right:1px solid var(--linija-tamna); padding-left:0; }
}
@media (min-width:1040px){
  .practice-grid{ grid-template-columns:repeat(4, 1fr); }
  .practice-card, .practice-card:nth-child(odd){ padding:2.1rem 1.6rem 2.3rem; border-right:1px solid var(--linija-tamna); }
  .practice-card:nth-child(4n+1){ padding-left:0; }
  .practice-card:nth-child(4n){ border-right:none; padding-right:0; }
  .practice-card:hover{ background:var(--noc-2); }
  .practice-card:nth-child(4n+1):hover, .practice-card:nth-child(4n):hover{ background:transparent; }
}

/* ---------- PRISTUP RADU — naslov levo, načela desno ---------- */
.approach-wrap{ display:grid; gap:1rem; }
.approach-grid{ display:grid; gap:1rem; }
.approach-item{
  background:var(--bela); border:1px solid var(--linija-blaga); border-radius:var(--r);
  padding:1.6rem 1.5rem 1.5rem;
}
.approach-icon{
  width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; margin-bottom:1rem;
  color:var(--bakar-tamni); background:var(--bakar-bledi);
}
.approach-item h3{ font-size:1.08rem; margin-bottom:.45rem; }
.approach-item p{ margin:0; font-size:.95rem; color:var(--mastilo-blaga); line-height:1.6; }
@media (min-width:640px){ .approach-grid{ grid-template-columns:1fr 1fr; } }
@media (min-width:1000px){
  .approach-wrap{ grid-template-columns:minmax(0,15rem) minmax(0,1fr); gap:3.5rem; align-items:start; }
  .approach-wrap .section-head{ position:sticky; top:110px; margin-bottom:0; }
  .approach-wrap .section-head h2{ font-size:clamp(1.6rem, 2.4vw, 2rem); }
}

/* ---------- SARADNJA — uspravna linija ---------- */
.process{ background:var(--papir-2); }
.steps{ list-style:none; margin:0 auto; padding:0; max-width:46rem; position:relative; }
.steps::before{ content:""; position:absolute; left:23px; top:12px; bottom:12px; width:1px; background:var(--bakar); opacity:.5; }
.step-item{ position:relative; display:grid; grid-template-columns:48px 1fr; gap:1.4rem; padding-bottom:2.2rem; }
.step-item:last-child{ padding-bottom:0; }
.step-num{
  width:48px; height:48px; border-radius:50%;
  display:grid; place-items:center; position:relative; z-index:1;
  background:var(--noc); color:var(--bakar-svetli);
  font-size:1.05rem; font-weight:700;
  box-shadow:0 0 0 6px var(--papir-2);
}
.step-item h3{ font-size:1.15rem; margin:.65rem 0 .4rem; }
.step-item p{ margin:0; color:var(--mastilo-blaga); font-size:.97rem; }

/* ---------- ČESTA PITANJA ---------- */
.faq-wrap{ max-width:52rem; }
.faq-list{ border-top:1px solid var(--linija); }
.faq-item{ border-bottom:1px solid var(--linija); }
.faq-item summary{
  list-style:none; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding:1.25rem 0; font-family:var(--grot); font-weight:600; font-size:1.04rem; color:var(--mastilo);
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{
  content:"+"; flex:none; width:30px; height:30px; border-radius:50%;
  display:grid; place-items:center; border:1px solid var(--linija);
  color:var(--bakar-tamni); font-weight:400; font-size:1.2rem; line-height:1;
  transition:transform .2s, background .2s, color .2s;
}
.faq-item[open] summary::after{ content:"–"; background:var(--noc); color:var(--bakar-svetli); border-color:var(--noc); }
.faq-item summary:hover{ color:var(--bakar-tamni); }
.faq-item p{ margin:0 0 1.4rem; max-width:44rem; color:var(--mastilo-blaga); }

/* ---------- KONTAKT — tamna traka ---------- */
.contact{ background:var(--noc); color:var(--na-tamnom); }
.contact .section-tag{ color:var(--bakar-svetli); }
.contact h2{ color:#fff; }
.contact-grid{ display:grid; gap:2.4rem; }
.info-list{ list-style:none; margin:0 0 1.6rem; padding:0; display:grid; gap:1.15rem; }
.info-list li{ display:grid; gap:.15rem; padding-bottom:1.1rem; border-bottom:1px solid var(--linija-tamna); }
.info-list li:last-child{ border-bottom:none; padding-bottom:0; }
.info-label{ font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--bakar); }
.info-value{ font-size:1.02rem; color:#fff; overflow-wrap:anywhere; }
.info-value a{ text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); }
.info-value a:hover{ border-bottom-color:var(--bakar); }
.map-wrap{ border-radius:var(--r); overflow:hidden; border:1px solid var(--linija-tamna); aspect-ratio:16/10; background:var(--noc-2); }
.map-wrap iframe{ width:100%; height:100%; border:0; display:block; filter:grayscale(.35); }
.map-link{
  display:inline-block; margin-top:.9rem; font-family:var(--grot); font-size:.85rem; font-weight:600;
  color:var(--bakar-svetli); text-decoration:none; border-bottom:1px solid currentColor;
}

.contact-form-wrap{
  background:var(--bela); color:var(--mastilo);
  border-radius:var(--r); padding:2rem 1.7rem; box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.contact-form-wrap h3{ font-size:1.25rem; margin-bottom:1.4rem; }
.field{ margin-bottom:1.05rem; }
.field label{
  display:block; margin-bottom:.35rem;
  font-family:var(--grot); font-size:.74rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--tiho);
}
.field input, .field textarea{
  width:100%; padding:.8rem .9rem;
  font-family:var(--serif); font-size:.98rem; color:var(--mastilo);
  background:var(--papir); border:1px solid var(--linija); border-radius:var(--r);
  transition:border-color .18s, box-shadow .18s;
}
.field input:focus, .field textarea:focus{
  outline:none; border-color:var(--bakar); box-shadow:0 0 0 3px rgba(205,122,75,.18);
}
.field textarea{ resize:vertical; min-height:6.5rem; }
.form-status{
  margin:.9rem 0 0; font-size:.92rem; color:#2f6b45; font-family:var(--grot); font-weight:600;
  opacity:0; transform:translateY(-4px); transition:opacity .25s, transform .25s;
}
.form-status.is-visible{ opacity:1; transform:none; }
/* Ishod posle povratka sa posalji.php: ?err=1 prazna polja · ?err=2 slanje nije uspelo (gotcha #122) */
.form-error{
  margin:.9rem 0 0; padding:.7rem .85rem;
  background:#fbeeee; border-left:3px solid #a8322d;
  color:#5f1f1c; font-family:var(--grot); font-size:.9rem;
}
.form-error p{ margin:0; }
.form-error a{ color:inherit; font-weight:600; text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
.form-error a[href^="tel:"]{ white-space:nowrap; }
.form-disclaimer{
  margin:1.1rem 0 0; padding-top:1rem; border-top:1px solid var(--linija-blaga);
  font-size:.8rem; font-style:italic; color:var(--tiho); line-height:1.6;
}
@media (min-width:900px){
  .contact-grid{ grid-template-columns:minmax(0,27rem) minmax(0,1fr); gap:clamp(2.5rem, 5vw, 4.5rem); align-items:start; }
}

/* ---------- PODNOŽJE ---------- */
.site-footer{ background:#0f1216; color:var(--na-tamnom-2); padding-block:2.8rem 2.2rem; border-top:1px solid var(--linija-tamna); }
.footer-inner{ display:grid; gap:.7rem; }
.footer-brand{ display:flex; align-items:center; gap:.7rem; margin-bottom:.4rem; }
.footer-name{ font-family:var(--grot); font-weight:700; color:#fff; font-size:1rem; }
.footer-line{ margin:0; font-size:.88rem; overflow-wrap:anywhere; }
.footer-note{ margin:0; font-size:.84rem; font-style:italic; color:var(--na-tamnom-3); }
.footer-copy{
  margin:.9rem 0 0; padding-top:1rem; border-top:1px solid var(--linija-tamna);
  font-size:.8rem; color:var(--na-tamnom-3);
}
/* potpis koji ubacuje generator */
.ax-credit{ margin:.5rem 0 0; font-size:.8rem; color:var(--na-tamnom-3); }
.ax-credit a{ color:var(--na-tamnom-2); }

/* ---------- REVEAL ---------- */
.reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
/* `.in` je zastita od BELOG EKRANA: generator ubacuje kod koji tu klasu doda svim `.reveal`
   sekcijama na prvi klik na sidro, ako IntersectionObserver ne opali. */
.reveal.is-visible,
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
  .btn-primary:hover{ transform:none; }
}

/* ---------- FOKUS ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible{
  outline:2px solid var(--bakar); outline-offset:2px;
}

/* sidro ispod zaglavlja */
section[id]{ scroll-margin-top:84px; }

/* „nazad na vrh" ubacuje generator sa tvrdo upisanom bojom — preteže ga veća specifičnost */
body #toTop{ background:var(--noc); color:var(--bakar-svetli); border:1px solid var(--noc-3); }

/* ---------- TELEFON ---------- */
/* Zaglavlje u JEDNOM redu: znak + ime + Meni (memorija „zaglavlje u jednom redu", 9.10.2026).
   Ime se prelama, nikad se ne skraćuje (gotcha #98); podnaslov se sklanja. */
@media (max-width:700px){
  .header-inner{ padding:.75rem var(--pad); gap:.8rem; }
  .brand-mark{ width:36px; height:36px; font-size:.92rem; }
  .brand-text > .brand-sub{ display:none; }
  .brand-text > .brand-name{ white-space:normal; line-height:1.18; font-size:.95rem; }
  .hero{ min-height:clamp(520px, 88svh, 700px); padding:7rem 0 6.2rem; }
  .hero-media img{ object-position:78% 40%; }
  .hero-media::after{
    background:
      linear-gradient(90deg, rgba(15,18,22,.9) 0%, rgba(15,18,22,.7) 60%, rgba(15,18,22,.45) 100%),
      linear-gradient(0deg, rgba(15,18,22,.9) 0%, rgba(15,18,22,0) 45%);
  }
  .hero-actions .btn{ flex:1 1 100%; }
  .info-bar{ margin-top:-3.2rem; }
  .contact-form-wrap{ padding:1.6rem 1.25rem; }
}

/* JEZICI — izbor jezika i pisma (napravi-verzije.py) */
.jezici{ display:none; align-items:center; flex:none; border:1px solid rgba(255,255,255,.35); border-radius:999px; overflow:hidden; }
.jezici a{ color:rgba(255,255,255,.82); text-decoration:none; font-family:var(--grot); font-size:.74rem; font-weight:600; letter-spacing:.04em; padding:.42rem .62rem; }
.jezici a + a{ border-left:1px solid rgba(255,255,255,.22); }
.jezici a:hover{ color:var(--bakar-svetli); }
.jezici a[aria-current="page"]{ background:var(--bakar); color:#15191e; }
.mobile-nav .mobile-jezici{ display:flex; gap:.5rem; padding:.85rem 0; border-bottom:1px solid var(--linija-tamna); }
.mobile-nav .mobile-jezici a{ flex:1; text-align:center; border:1px solid var(--linija-tamna); border-radius:999px; padding:.5rem 0; font-size:.9rem; font-weight:600; }
.mobile-nav .mobile-jezici a[aria-current="page"]{ background:var(--bakar); border-color:var(--bakar); color:#15191e; }
@media (min-width:1060px){ .jezici{ display:inline-flex; } .header-inner{ gap:1.1rem; } .nav{ gap:1.2rem; } .brand-name, .header-phone{ white-space:nowrap; } }
/* 1060–1279 px: puna navigacija + izbor jezika ne staju uz telefon i podnaslov (ćirilica je šira) —
   telefon je odmah ispod u traci sa podacima i u meniju, pa se iz zaglavlja sklanja samo u tom opsegu */
/* 14.10.2026 (vlasnik: „loše se preklapaju podaci" u zaglavlju): ime se NIKAD ne sabija preko menija;
   telefon i podnaslov u zaglavlju tek od 1440 px — ispod toga je broj odmah u traci sa podacima i u meniju */
@media (min-width:1060px){ .brand{ flex:0 0 auto; } .brand-sub{ white-space:nowrap; } }
@media (min-width:1060px) and (max-width:1439px){ .header-phone, .brand-sub{ display:none !important; } }
@media (min-width:1060px) and (max-width:1279px){ .brand-titula{ display:none; } }   /* engleski „, Attorney at Law" ne staje uz pun meni */
/* traka sa podacima: mejl u JEDNOM redu (kolona široka koliko mejl), adresa i radno vreme u dva reda */
.info-card dd a[href^="mailto:"]{ white-space:nowrap; overflow-wrap:normal; }
@media (min-width:1000px){ .info-card{ grid-template-columns:1fr minmax(0,.8fr) max-content 1fr; } }
@media (min-width:640px) and (max-width:999px){
  .info-card > div:nth-child(3){ grid-column:1 / -1; border-right:none; border-bottom:1px solid var(--linija-blaga); }
  .info-card > div:nth-child(4){ grid-column:1 / -1; border-right:none; }
}
@media (max-width:420px){ .info-card dd a[href^="mailto:"]{ font-size:.86rem; } }
@media (max-width:700px){ .brand-titula{ display:none; } }
/* /JEZICI */

/* Potpis izrađivača — dodaje ga napravi-live.py (demo verzija ga nema). Boje futera dizajna 1. */
.footer-made{ margin:.35rem 0 0; font-size:.79rem; color:var(--na-tamnom-3); }
.footer-made a{ color:var(--na-tamnom-2); text-decoration:underline; text-underline-offset:2px; }
.footer-made a:hover{ color:var(--bakar-svetli); }