/* S+ FINAL CLARITY FIX — 2026-07-20
   Vizuelna citljivost, ujednacavanje starih stranica, mobilni meni i kontakt traka.
   SEO tekstovi, naslovi, linkovi, slike i struktura sadržaja nisu menjani. */
:root{
  --clarity-page:#E3E5E1;
  --clarity-card:#FFFFFF;
  --clarity-cream:#F5EFE3;
  --clarity-text:#202520;
  --clarity-muted:#465048;
  --clarity-gold:#714705;
  --clarity-gold-button:#CB9229;
  --clarity-border:#D4BC8E;
  --clarity-dark:#132019;
}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
html body.splus-system{background:var(--clarity-page)!important;color:var(--clarity-text)!important;max-width:100%!important;overflow-x:clip!important;padding-bottom:0!important}
html body.splus-system *{box-sizing:border-box}
html body.splus-system main{min-width:0!important;overflow:visible!important}

/* S+ mreža: veća i jasnija slova, bez nepotrebnog sitnog teksta. */
html body.splus-system .splus-network{background:#FAF9F5!important;border-bottom:1px solid #D8D4CA!important}
html body.splus-system .splus-network-inner{width:min(1180px,calc(100% - 24px))!important;margin:0 auto!important;gap:8px!important;padding:10px 0!important}
html body.splus-system .splus-network-label{font-size:13px!important;line-height:1.3!important;color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important}
html body.splus-system .splus-network a{min-height:44px!important;padding:9px 12px!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important;color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;background:#fff!important;border:1px solid #D7D2C7!important;border-radius:999px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body.splus-system .splus-network a.is-here{background:#D49A2F!important;color:#1C201C!important;-webkit-text-fill-color:#1C201C!important;border-color:#D49A2F!important}

/* Header i hamburger: čisti, veliki klik ciljevi i pun kontrast. */
html body.splus-system .site-header{background:#FFFDF9!important;border-bottom:1px solid #D7D3CA!important;box-shadow:0 5px 18px rgba(27,35,29,.08)!important}
html body.splus-system .header-inner{width:min(1180px,calc(100% - 24px))!important;min-height:76px!important;margin:0 auto!important;padding:10px 0!important}
html body.splus-system .brand{min-width:0!important;color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;text-decoration:none!important}
html body.splus-system .brand img{width:46px!important;height:46px!important;object-fit:contain!important;flex:0 0 46px!important}
html body.splus-system .brand strong{font-size:20px!important;line-height:1.15!important;font-weight:900!important;color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important}
html body.splus-system .brand small{display:block!important;margin-top:3px!important;font-size:13px!important;line-height:1.25!important;font-weight:700!important;color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important}
html body.splus-system .menu-toggle{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;padding:12px!important;border:1px solid #CFCBC1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 16px rgba(20,27,22,.08)!important;position:relative!important;z-index:10060!important;cursor:pointer!important}
html body.splus-system .menu-toggle span{display:block!important;width:29px!important;height:3px!important;margin:5px auto!important;border-radius:3px!important;background:#1D231E!important;opacity:1!important}

/* Mobilni meni se otvara ispod stvarne visine headera. */
@media(max-width:920px){
  html body.splus-system .top-nav{display:none!important}
  html body.splus-system .top-nav.open,html body.splus-system.nav-open .top-nav{
    display:flex!important;position:fixed!important;z-index:10050!important;
    top:var(--splus-menu-top,154px)!important;left:12px!important;right:12px!important;width:auto!important;
    max-height:calc(100vh - var(--splus-menu-top,154px) - 12px)!important;overflow:auto!important;
    flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:12px!important;
    background:#fff!important;border:1px solid var(--clarity-border)!important;border-radius:18px!important;
    box-shadow:0 20px 48px rgba(12,24,17,.26)!important;
  }
  html body.splus-system .top-nav.open a,html body.splus-system.nav-open .top-nav a{
    display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:12px 14px!important;
    color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;background:#fff!important;
    border-radius:10px!important;font-size:16px!important;line-height:1.3!important;font-weight:800!important;text-align:left!important;
  }
  html body.splus-system .top-nav.open a.active,html body.splus-system.nav-open .top-nav a.active,
  html body.splus-system .top-nav.open a[aria-current="page"],html body.splus-system.nav-open .top-nav a[aria-current="page"]{
    background:#F3E4C7!important;color:#4D3105!important;-webkit-text-fill-color:#4D3105!important;
  }
}

/* Kontakt traka je sada deo dokumenta: nikada ne prelazi preko teksta, kartica ili formulara. */
html body.splus-system :is(.sticky-contact,.sticky-bar){
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:5!important;width:min(760px,calc(100% - 24px))!important;height:auto!important;min-height:0!important;
  margin:28px auto!important;padding:8px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;border:1px solid rgba(202,160,80,.58)!important;border-radius:18px!important;
  background:#132019!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important;
}
html body.splus-system :is(.sticky-contact,.sticky-bar).contact-has-quote{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body.splus-system :is(.sticky-contact,.sticky-bar) a{
  min-width:0!important;min-height:52px!important;height:auto!important;margin:0!important;padding:10px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  border:0!important;border-radius:12px!important;font-size:14px!important;line-height:1.2!important;font-weight:900!important;
  white-space:normal!important;text-decoration:none!important;letter-spacing:.01em!important;
}
html body.splus-system :is(.sticky-contact,.sticky-bar) .quote{background:#D69622!important;color:#161B16!important;-webkit-text-fill-color:#161B16!important}
html body.splus-system :is(.sticky-contact,.sticky-bar) .viber{background:#6A58D8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.splus-system :is(.sticky-contact,.sticky-bar) .whatsapp{background:#25D366!important;color:#102016!important;-webkit-text-fill-color:#102016!important}
html body.splus-system :is(.sticky-contact,.sticky-bar) .call{background:#fff!important;color:#1C241E!important;-webkit-text-fill-color:#1C241E!important}
html body.splus-system :is(.sticky-contact,.sticky-bar).contact-has-quote .call{grid-column:1/-1!important}
html body.splus-system.splus-sticky-visible,html body.splus-system.splus-sticky-visible:not(.splus-footer-visible):not(.splus-form-zone):not(.splus-form-focus){padding-bottom:0!important}

/* Sve svetle hero sekcije i stare stranice radova dobijaju pun kontrast. */
html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero){
  background:var(--clarity-cream)!important;color:var(--clarity-text)!important;border-color:var(--clarity-border)!important;text-shadow:none!important;overflow:visible!important;
}
html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,small){
  color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;text-shadow:none!important;opacity:1!important;
}
html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero) :is(.eyebrow,.kicker,.section-kicker,.section-label,.service-label,.upit-badge){
  color:#5A3804!important;-webkit-text-fill-color:#5A3804!important;background:#FFFDF8!important;border-color:#C89A43!important;text-shadow:none!important;
}
html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero) .btn-primary{
  background:var(--clarity-gold-button)!important;color:#151A15!important;-webkit-text-fill-color:#151A15!important;border-color:var(--clarity-gold-button)!important;
}
html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero) :is(.btn-secondary,.btn-outline,.ghost){
  background:#fff!important;color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;border-color:#8F958E!important;
}

/* Svetle kartice i bele površine ne smeju naslediti beli/svetlosivi tekst. */
html body.splus-system main :is(
  .card,.soft,.quick-card,.price-card,.info-card,.panel,.faq-item,.hub-card,.work-side-card,
  .quote-form,.form-shell,.upit-card,.review-card,.proof-strip,.intro-strip,.odn-price-note,
  .move-banner-inner,.cta-band,.service-summary>div,.trust-strip>div,.related-links a,details
){color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;text-shadow:none!important}
html body.splus-system main :is(
  .card,.soft,.quick-card,.price-card,.info-card,.panel,.faq-item,.hub-card,.work-side-card,
  .quote-form,.form-shell,.upit-card,.review-card,.proof-strip,.intro-strip,.odn-price-note,
  .move-banner-inner,.cta-band,.service-summary>div,.trust-strip>div,.related-links a,details
) :is(h1,h2,h3,h4,h5,h6,strong,label,summary){color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;opacity:1!important;text-shadow:none!important}
html body.splus-system main :is(
  .card,.soft,.quick-card,.price-card,.info-card,.panel,.faq-item,.hub-card,.work-side-card,
  .quote-form,.form-shell,.upit-card,.review-card,.proof-strip,.intro-strip,.odn-price-note,
  .move-banner-inner,.cta-band,.service-summary>div,.trust-strip>div,.related-links a,details
) :is(p,li,span,small){color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important;opacity:1!important;text-shadow:none!important}
html body.splus-system main a:not(.btn):not(.work-card):not(.gallery-open){color:var(--clarity-gold)!important;-webkit-text-fill-color:var(--clarity-gold)!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important}
html body.splus-system .breadcrumbs,html body.splus-system .breadcrumbs span{color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important}
html body.splus-system .breadcrumbs a{color:var(--clarity-gold)!important;-webkit-text-fill-color:var(--clarity-gold)!important}

/* Važne cene i informativna traka. */
html body.splus-system .odn-price-note{font-size:16px!important;line-height:1.55!important;background:#FFFDF9!important;border-color:#C8932A!important}
html body.splus-system .odn-price-note strong{color:#644006!important;-webkit-text-fill-color:#644006!important}
html body.splus-system .odn-price-note a{font-weight:900!important;color:#644006!important;-webkit-text-fill-color:#644006!important}

/* Veća osnovna tipografija i klik ciljevi. */
html body.splus-system main :is(p,li){font-size:16px!important;line-height:1.62!important}
html body.splus-system main :is(label,summary){font-size:15px!important;line-height:1.45!important}
html body.splus-system :is(.eyebrow,.section-kicker,.section-label,.service-label,.upit-badge){font-size:13px!important;line-height:1.35!important;letter-spacing:.045em!important;font-weight:900!important}
html body.splus-system main :is(.btn,button[type="submit"],input[type="submit"]){min-height:48px!important;font-size:15px!important;line-height:1.25!important;font-weight:900!important}
html body.splus-system main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:48px!important;font-size:16px!important;color:var(--clarity-text)!important;-webkit-text-fill-color:var(--clarity-text)!important;background:#fff!important}

/* Kompaktan povratak na glavni meni. */
html body.splus-system .back-home-wrap{margin-top:12px!important;margin-bottom:10px!important}
html body.splus-system .back-home-link{min-height:44px!important;padding:9px 14px!important;font-size:14px!important;color:#5E3A04!important;-webkit-text-fill-color:#5E3A04!important;background:#fff!important;border-color:#A87822!important}

/* Sprečavanje negativnih preklapanja i odsecanja. */
html body.splus-system main>section,html body.splus-system main>.section{clear:both!important;position:relative!important}
html body.splus-system :is(.odn-price-note,.price-box,.splus-price-note){transform:none!important;position:relative!important;z-index:2!important}
html body.splus-system :is(.card,.soft,.panel,.faq-item,.hero,.area-hero,.service-hero,.work-hero){overflow-wrap:anywhere!important}

/* Footer mora ostati čitljiv na tamnoj pozadini. */
html body.splus-system :is(footer,.footer){color:#F4F1EA!important}
html body.splus-system :is(footer,.footer) :is(p,li,span,small){color:#C9D0CB!important;-webkit-text-fill-color:#C9D0CB!important}
html body.splus-system :is(footer,.footer) a{color:#F3D8A5!important;-webkit-text-fill-color:#F3D8A5!important}
html body.splus-system :is(footer,.footer) strong{color:#F4E2BD!important;-webkit-text-fill-color:#F4E2BD!important}

@media(max-width:640px){
  html body.splus-system .splus-network-label{display:none!important}
  html body.splus-system .splus-network-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px 0!important}
  html body.splus-system .splus-network a{font-size:14px!important;min-height:50px!important;padding:9px 8px!important}
  html body.splus-system .header-inner{min-height:74px!important}
  html body.splus-system .brand strong{font-size:20px!important}
  html body.splus-system .brand small{font-size:13px!important}
  html body.splus-system :is(.sticky-contact,.sticky-bar){width:calc(100% - 20px)!important;margin:22px auto!important;padding:7px!important;gap:6px!important;border-radius:16px!important}
  html body.splus-system :is(.sticky-contact,.sticky-bar) a{min-height:50px!important;padding:9px 6px!important;font-size:13.5px!important}
  html body.splus-system :is(.sticky-contact,.sticky-bar):not(.contact-has-quote){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.splus-system :is(.sticky-contact,.sticky-bar).contact-has-quote{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.splus-system main>:is(section,.section),html body.splus-system .breadcrumbs{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  html body.splus-system main :is(p,li){font-size:16px!important;line-height:1.65!important}
  html body.splus-system main h1{font-size:clamp(30px,8.3vw,42px)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important}
  html body.splus-system main h2{line-height:1.18!important}
  html body.splus-system:not(.is-home) main :is(.hero,.area-hero,.service-hero,.work-hero,.compact-hero,.upit-hero,.procena-hero){padding:24px 20px!important}
}

/* HIGH-SPECIFICITY LEGACY OVERRIDES
   Stari inline patch-evi imaju veoma specifične !important selektore; ovi završni selektori
   garantuju čitljivu veličinu na svakoj od 34 javne stranice. */
html body.splus-system.splus-system div.splus-network div.splus-network-inner > a,
html body.splus-system.splus-system div.splus-network div.splus-network-inner > a:last-child,
html body.splus-system.splus-system div.splus-network div.splus-network-inner > a.is-here,
html body.splus-system.splus-system div.splus-network div.splus-network-inner > a[aria-current="page"]{
  min-height:44px!important;padding:9px 12px!important;font-size:14px!important;line-height:1.25!important;
}
html body.splus-system.splus-system div.splus-network div.splus-network-inner > span.splus-network-label{
  font-size:13px!important;line-height:1.3!important;color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important;
}
html body.splus-system.splus-system header.site-header div.header-inner nav.top-nav > a,
html body.splus-system.splus-system header.site-header div.header-inner nav.top-nav > a.nav-primary,
html body.splus-system.splus-system header.site-header div.header-inner nav.top-nav > a.active{
  font-size:14px!important;line-height:1.25!important;
}
html body.splus-system.splus-system div.sticky-contact.contact-inline > a,
html body.splus-system.splus-system div.sticky-contact.contact-inline > a.call,
html body.splus-system.splus-system div.sticky-contact.contact-inline > a.quote,
html body.splus-system.splus-system div.sticky-contact.contact-inline > a.viber,
html body.splus-system.splus-system div.sticky-contact.contact-inline > a.whatsapp{
  min-height:52px!important;padding:10px 8px!important;font-size:14px!important;line-height:1.2!important;
}
html body.splus-system.splus-system :is(footer,.footer) span.splus-role,
html body.splus-system.splus-system .splus-footer-network-links span.splus-role{
  font-size:13.5px!important;line-height:1.35!important;
}
html body.splus-system.splus-system main p.eyebrow,
html body.splus-system.splus-system main p.service-label{
  font-size:13px!important;line-height:1.35!important;
}
html body.splus-system.splus-system main div.privacy-note,
html body.splus-system.splus-system main p.bottom-note{
  font-size:13.5px!important;line-height:1.5!important;color:var(--clarity-muted)!important;-webkit-text-fill-color:var(--clarity-muted)!important;
}
@media(max-width:640px){
  html body.splus-system.splus-system div.splus-network div.splus-network-inner > a,
  html body.splus-system.splus-system div.splus-network div.splus-network-inner > a:last-child,
  html body.splus-system.splus-system div.splus-network div.splus-network-inner > a.is-here,
  html body.splus-system.splus-system div.splus-network div.splus-network-inner > a[aria-current="page"]{
    min-height:50px!important;padding:9px 8px!important;font-size:14px!important;line-height:1.25!important;
  }
  html body.splus-system.splus-system div.sticky-contact.contact-inline > a,
  html body.splus-system.splus-system div.sticky-contact.contact-inline > a.call,
  html body.splus-system.splus-system div.sticky-contact.contact-inline > a.quote,
  html body.splus-system.splus-system div.sticky-contact.contact-inline > a.viber,
  html body.splus-system.splus-system div.sticky-contact.contact-inline > a.whatsapp{
    min-height:50px!important;padding:9px 6px!important;font-size:13.5px!important;line-height:1.2!important;
  }
}
html body.splus-system.splus-system.is-home main div.hero-copy > p.eyebrow,
html body.splus-system.splus-system.is-home main div.hero-copy > p.service-label{
  font-size:13px!important;line-height:1.35!important;
}
html body.splus-system.splus-system main div.trust-strip > div,
html body.splus-system.splus-system main div.proof-strip > div{
  font-size:13.5px!important;line-height:1.45!important;
}
html body.splus-system.splus-system main.procena-page label.choice > span,
html body.splus-system.splus-system main .procena-page label.choice > span,
html body.splus-system.splus-system .procena-page .choice span{
  font-size:14px!important;line-height:1.4!important;
}
html body.splus-system.splus-system main.procena-page p.bottom-note,
html body.splus-system.splus-system .procena-page p.bottom-note{
  font-size:13.5px!important;line-height:1.5!important;
}
html body.splus-system.splus-system main div.trust-row.unified-trust > div{
  font-size:13.5px!important;line-height:1.45!important;
}
html body.splus-system.splus-system.procena-page div.choice-grid div.choice > label > span{
  font-size:14px!important;line-height:1.4!important;
}
html body.splus-system.splus-system.procena-page > p.bottom-note{
  font-size:13.5px!important;line-height:1.5!important;
}
html body.splus-system.splus-system button.menu-toggle > span{
  display:block!important;position:static!important;width:29px!important;min-width:29px!important;max-width:29px!important;
  height:3px!important;min-height:3px!important;max-height:3px!important;margin:5px auto!important;padding:0!important;
  background:#1D231E!important;border:0!important;border-radius:3px!important;opacity:1!important;visibility:visible!important;transform:none!important;
}