/* ==========================================================================
   U TRENU — jedinstvena tipografija i dimenzije (učitava se POSLEDNJA)
   Sve veličine naslova, podnaslova i headera dolaze odavde.
   ========================================================================== */
:root{
  --font:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-h1:clamp(28px,4vw,38px);
  --fs-h2:clamp(22px,2.6vw,28px);
  --fs-h3:clamp(18px,2vw,22px);
  --fs-h4:17px;
  --fs-lead:clamp(15px,1.5vw,17px);
  --fs-body:15px;
  --fs-small:13px;
  --hd-h:56px;
  --logo-h:40px;
  --hero-pt:28px;
  --hero-pb:24px;
}
@media (min-width:900px){:root{--hd-h:64px;--logo-h:50px;--hero-pt:36px;--hero-pb:30px}}

/* ----- Font: Manrope svuda (ikonice ostaju nedirnute) ----- */
body,button,input,select,textarea,optgroup{font-family:var(--font)}
body :not(i):not(svg):not(svg *):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class*="fa-"]):not([class^="ti-"]):not([class*=" ti-"]):not([class*="icon-"]):not([class*="sli-"]){font-family:var(--font)}
body{font-size:var(--fs-body);line-height:1.6}

/* ----- Naslovi ----- */
h1,h2,.h1,.h2{font-family:var(--font);color:inherit}
h1,.h1,.post-title,.landing-page h1,header .intro-text h1,.hp .hero h1,.hero-text-style1 h1,.sv h1.sv-title,.error-404-content h1{
  font-family:var(--font)!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.12!important;
}
h1:not(.pf-h),.h1:not(.pf-h),.post-title,.landing-page h1,header .intro-text h1,.hp .hero h1,.hero-text-style1 h1,.sv h1.sv-title{
  font-size:var(--fs-h1)!important;
}
h1.pf-h{font-size:var(--fs-h2)!important}
h2,.h2,.hp h2,.hp .sec-h h2,.hp .head h2{font-size:var(--fs-h2)!important;font-weight:800;letter-spacing:-.03em;line-height:1.2}
h3,.h3{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.02em;line-height:1.25}
h4,.h4{font-size:var(--fs-h4);font-weight:700;letter-spacing:-.01em;line-height:1.3}
h5,.h5{font-size:16px;font-weight:700;line-height:1.3}
h6,.h6{font-size:14px;font-weight:700;line-height:1.3}

/* ----- Podnaslovi / uvodni tekst ispod H1 ----- */
.hp .tag,.hp .hero .tag,.sv .sv-lead,.pf .pf-sub,.hp .head p,.hp .sec-h p{font-size:var(--fs-lead)!important;line-height:1.6;font-weight:400}
.hp .sec-h p,.hp .head p{font-size:var(--fs-body)!important}
.hp .tag{margin:12px auto 0;max-width:54ch}
.sv .sv-lead{margin:0 auto 20px;max-width:54ch}
.sv h1.sv-title{margin:0 0 12px!important}
.hp .hero h1{margin:0}

/* ----- Hero: isti razmaci na naslovnoj, "Sve usluge" i stranici usluge ----- */
.hp .hero,.hp .hero.hero-sm,.sv-hero{padding:var(--hero-pt) 0 var(--hero-pb)!important}
.hp .hero .sbar,.hp .hero-sm .sbar{margin-top:20px}

/* ----- Header ----- */
.hp .bar{height:var(--hd-h)}
.hp.hp-hdr{height:var(--hd-h)}
.hp .hd-dim{top:var(--hd-h)}
@media (max-width:899px){.hp .hs-box{top:var(--hd-h)}}
.hp .logo img,.hp .hd .logo img{height:var(--logo-h)!important;width:auto}
.hp .offer{font-size:14.5px}

/* ----- Naslovi unutar sekcija stranice usluge ----- */
.sv .sv-about-h{font-size:var(--fs-h3)}
.sv .sv-name{font-size:var(--fs-h4)}
/* logo: slika ima unutrašnji razmak tako da je telo loga na sredini; centriraj okvir */
.hp .logo{display:flex;align-items:center;line-height:0}
.hp .logo img{display:block}

/* stariji layouti (basic, minuti znanja, error): logo ne sme da bude previsok */
.navbar-brand img.img-fluid{max-height:44px;width:auto}