/* Selidbe Plus: Viber/WhatsApp u headeru i kompaktan stalni sticky kontakt. */
:root{--splus-sticky-width:440px}
html,body{scroll-padding-bottom:132px!important}
body{padding-bottom:max(126px,var(--splus-contact-space,126px))!important}

/* Viber i WhatsApp u vrhu sajta. */
.site-header .header-app-strip{box-sizing:border-box!important;width:100%!important;background:rgba(249,247,241,.98)!important;border-bottom:1px solid rgba(138,95,12,.14)!important}
.site-header .header-app-strip-inner{box-sizing:border-box!important;width:min(1180px,calc(100% - 32px))!important;min-height:38px!important;margin:0 auto!important;padding:4px 0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}
.site-header .header-app-link{box-sizing:border-box!important;min-height:32px!important;min-width:88px!important;padding:6px 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;font:900 12px/1 Arial,Helvetica,sans-serif!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important}
.site-header .header-app-viber{color:#fff!important;background:#7360f2!important;border:1px solid #5947d4!important}
.site-header .header-app-whatsapp{color:#06371a!important;background:#25d366!important;border:1px solid #1aa851!important}
.site-header .header-app-viber:hover,.site-header .header-app-viber:focus-visible{background:#5f4de0!important}
.site-header .header-app-whatsapp:hover,.site-header .header-app-whatsapp:focus-visible{background:#1fbd5b!important}

/* Jedini važeći sticky raspored: dva kompaktna reda, uvek fiksirana uz dno. */
html body #splus-sticky-contact{
  box-sizing:border-box!important;
  position:fixed!important;
  inset:auto auto 0 50%!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  z-index:2147483000!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:5px!important;
  width:min(var(--splus-sticky-width),calc(100vw - 14px))!important;
  min-width:0!important;
  max-width:var(--splus-sticky-width)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:6px 6px max(6px,env(safe-area-inset-bottom))!important;
  float:none!important;
  clear:none!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(138,95,12,.32)!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  box-shadow:0 -8px 26px rgba(26,23,15,.18)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  transition:none!important;
  contain:layout paint style!important;
}
html body #splus-sticky-contact>a{
  box-sizing:border-box!important;
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:50px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  border-radius:11px!important;
  font:900 15px/1.15 Arial,Helvetica,sans-serif!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #splus-sticky-contact>.quote{grid-row:1!important;color:#fff!important;background:#c4820a!important;border:1px solid #a66c06!important}
html body #splus-sticky-contact>.call{grid-row:2!important;min-height:52px!important;color:#20251f!important;background:#fff!important;border:1px solid #c4820a!important;font-size:16px!important}
html body #splus-sticky-contact>.quote:hover,html body #splus-sticky-contact>.quote:focus-visible{background:#ad7006!important}
html body #splus-sticky-contact>.call:hover,html body #splus-sticky-contact>.call:focus-visible{background:#fff7e8!important}
html body #splus-sticky-contact>a:focus-visible,.site-header .header-app-link:focus-visible{outline:3px solid #1e5da8!important;outline-offset:2px!important}

@media(max-width:1100px){.site-header .header-app-strip-inner{width:min(100% - 24px,1180px)!important}.site-header .top-nav{top:112px!important}}
@media(max-width:640px){
  :root{--splus-sticky-width:100%}
  html,body{scroll-padding-bottom:128px!important}
  body{padding-bottom:max(124px,var(--splus-contact-space,124px))!important}
  .site-header .header-app-strip-inner{width:calc(100% - 20px)!important;min-height:42px!important;padding:5px 0!important;justify-content:stretch!important;gap:6px!important}
  .site-header .header-app-link{flex:1 1 50%!important;min-width:0!important;min-height:34px!important;padding:7px 8px!important;font-size:12px!important}
  .site-header .top-nav{top:108px!important}
  html body #splus-sticky-contact{width:calc(100vw - 8px)!important;max-width:none!important;gap:4px!important;padding:4px 4px max(4px,env(safe-area-inset-bottom))!important;border-radius:13px 13px 0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html body #splus-sticky-contact>a{min-height:48px!important;padding:9px 10px!important;font-size:14px!important}
  html body #splus-sticky-contact>.call{min-height:50px!important;font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){html body #splus-sticky-contact,.site-header .header-app-link{transition:none!important}}
