/* V135 — public WordPress parity.
 * Last-loaded overlay: one chrome geometry, full-bleed section photos,
 * designed product subnav, unique route layouts. */

html body.bu-public-unified :is(.wp-block-navigation, .wp-block-page-list) {
  display: none !important;
}

/*
 * Icon SVGs were stretching to 100% of the main column (house/shield/person
 * filling the page). Cap every public-page SVG. Photos stay <img>.
 */
html body.bu-public-unified svg,
html body.bu-landing-page svg,
html body.bu-product-page svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 0 0 20px !important;
  display: inline-block !important;
}
html body.bu-public-unified .bu-neon-orb,
html body.bu-landing-page .bu-neon-orb {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
}
html body.bu-public-unified .bu-bot-mark {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
}

@media (min-width: 901px) {
  html body.bu-public-unified :is(.landing-shell, .bu-public-unified-shell) {
    display: block !important;
    height: auto !important;
    min-height: 100dvh !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  html body.bu-public-unified .bu-public-board-shell,
  html body.bu-public-unified .bu-board-shell-wrap.bu-public-board-shell {
    display: block !important;
    width: calc(100% - var(--bu-side-w, 220px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 0 var(--bu-side-w, 220px) !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html body.bu-public-unified :is(.landing-shell-main, .bu-public-main-col, .bu-board-main-col.landing-shell-main) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    contain: none !important;
  }
}

@media (max-width: 900px) {
  html body.bu-public-unified :is(.bu-public-board-shell, .landing-shell-main, .bu-public-main-col) {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Section photography must fill the column, never sit as a left-aligned bitmap. */
html body.bu-landing-page :is(.bu-home-net, .bu-home-board, .bu-home-fleet, .bu-home-bots, .bu-home-split, .bu-home-bh, .bu-home-explore, .bu-home-cta, .bu-neon-stage) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
html body.bu-landing-page .bu-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html body.bu-landing-page .bu-photo img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
}
html body.bu-landing-page .bu-photo i {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
}
html body.bu-landing-page .bu-home-net-scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}
html body.bu-landing-page :is(.bu-neon-wrap, .bu-live-wrap, .bu-neon-stage-inner, .bu-neon-headtxt) {
  position: relative !important;
  z-index: 2 !important;
}

/* Product subnav: designed chips, never a raw link dump. */
html body.bu-public-unified :is(.bu-pro-nav, .bu-pub-subnav) {
  position: sticky !important;
  top: var(--bu-main-top, 102px) !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  background: linear-gradient(180deg, rgba(6, 29, 46, .96), rgba(6, 35, 54, .88)) !important;
  border-bottom: 1px solid rgba(111, 224, 207, .22) !important;
  box-shadow: 0 10px 28px rgba(2, 22, 38, .2) !important;
  backdrop-filter: blur(14px) !important;
}
html body.bu-public-unified :is(.bu-pro-nav, .bu-pub-subnav) a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #d7eef4 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
}
html body.bu-public-unified :is(.bu-pro-nav, .bu-pub-subnav) a:hover {
  border-color: rgba(111, 240, 212, .45) !important;
  background: rgba(20, 160, 150, .22) !important;
  color: #fff !important;
}
html body.bu-public-unified :is(.bu-pro-nav, .bu-pub-subnav) a.is-on {
  border-color: color-mix(in srgb, var(--route-accent, #31ddce), white 18%) !important;
  background: linear-gradient(145deg, #13b386, #148ed1) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(8, 112, 151, .28), inset 0 1px rgba(255, 255, 255, .32) !important;
}

@media (max-width: 900px) {
  html body.bu-public-unified :is(.bu-pro-nav, .bu-pub-subnav) {
    top: calc(72px + env(safe-area-inset-top, 0px)) !important;
    padding: 10px 12px !important;
  }
}

/* Comparison table — unique layout for /poredjenje */
html body.bu-public-unified .bu-pro-cmp {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 8px 0 12px !important;
}
html body.bu-public-unified .bu-pro-cmp-head,
html body.bu-public-unified .bu-pro-cmp-row {
  display: grid !important;
  grid-template-columns: minmax(140px, .85fr) minmax(0, 1.1fr) minmax(0, 1.1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
html body.bu-public-unified .bu-pro-cmp-head {
  padding: 0 2px !important;
}
html body.bu-public-unified .bu-pro-cmp-head span {
  display: block !important;
}
html body.bu-public-unified .bu-pro-cmp-head strong,
html body.bu-public-unified .bu-pro-cmp-row h3,
html body.bu-public-unified .bu-pro-cmp-row p {
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(163, 208, 226, .72) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #0a3a55 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html body.bu-public-unified .bu-pro-cmp-head strong {
  text-align: center !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
html body.bu-public-unified .bu-pro-cmp-head strong:nth-child(2) {
  background: linear-gradient(145deg, #12af85, #148ed0) !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body.bu-public-unified .bu-pro-cmp-row p.is-us {
  background: linear-gradient(145deg, #e8fff8, #eef8ff) !important;
  border-color: #67d9c8 !important;
  font-weight: 750 !important;
}
html body.bu-public-unified [data-pro="poredjenje"] .bu-pro-hero-inner {
  text-align: center !important;
}
html body.bu-public-unified [data-pro="poredjenje"] .bu-pro-cta {
  justify-content: center !important;
}

@media (max-width: 800px) {
  html body.bu-public-unified .bu-pro-cmp-head,
  html body.bu-public-unified .bu-pro-cmp-row {
    grid-template-columns: 1fr !important;
  }
}

/* Route identity — each representing page keeps a distinct composition. */
html body.bu-public-unified [data-pro="softver"] .bu-pro-grid3 > article:first-child {
  background: linear-gradient(160deg, #07344d, #0a6e79) !important;
  color: #eefaff !important;
  border-color: rgba(111, 240, 212, .28) !important;
}
html body.bu-public-unified [data-pro="softver"] .bu-pro-grid3 > article:first-child :is(h2, p) {
  color: #eefaff !important;
}
html body.bu-public-unified [data-pro="dispo-ai"] .bu-dispo-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  gap: 16px !important;
}
html body.bu-public-unified [data-pro="za-firme"] .bu-pro-grid3 {
  grid-template-columns: 1.15fr .9fr .95fr !important;
}
html body.bu-public-unified [data-pro="za-vozace"] .bu-pro-hero {
  background: #1a1408 !important;
}
html body.bu-public-unified [data-pro="cijene"] .bu-pro-price {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}
html body.bu-public-unified [data-pro="kako-radi"] .bu-pro-num {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: how;
}
html body.bu-public-unified [data-pro="kako-radi"] .bu-pro-num > li {
  position: relative !important;
  padding: 28px 24px 22px !important;
  border: 1px solid rgba(163, 208, 226, .72) !important;
  border-radius: 22px !important;
  background: #fff !important;
  counter-increment: how;
}
html body.bu-public-unified [data-pro="kako-radi"] .bu-pro-num > li:before {
  content: counter(how) !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #13b386, #148ed1) !important;
  color: #fff !important;
  font-weight: 900 !important;
}

@media (max-width: 800px) {
  html body.bu-public-unified [data-pro="dispo-ai"] .bu-dispo-stage,
  html body.bu-public-unified [data-pro="za-firme"] .bu-pro-grid3,
  html body.bu-public-unified [data-pro="cijene"] .bu-pro-price,
  html body.bu-public-unified [data-pro="kako-radi"] .bu-pro-num {
    grid-template-columns: 1fr !important;
  }
}

html body.bu-public-unified .bu-pro-ba {
  width: min(1180px, calc(100% - 52px)) !important;
  margin: 10px auto 28px !important;
  padding: 22px 26px !important;
  border: 1px solid rgba(170, 207, 222, .7) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #31566a !important;
  line-height: 1.65 !important;
}
html body.bu-public-unified .bu-pro-ba h2 {
  margin: 0 0 8px !important;
  color: #0a3a55 !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
}
html body.bu-public-unified .bu-pro-ba p {
  margin: 0 !important;
}

/* Text stays inside designed boxes. anywhere + 88px titles were leaving the glass. */
html body.bu-public-unified :is(.bu-pro,.bu-page,.bu-mkt) :is(h1,h2,h3,strong,p,a,li,span){
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:manual!important
}
html body.bu-public-unified .bu-pro-hero-inner,
html body.bu-landing-page .bu-neon-hero-copy,
html body.bu-landing-page .bu-hero-preview .bu-neon-live-title,
html body.bu-public-unified .bu-pro-card,
html body.bu-public-unified .bu-pro-tile{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important
}
html body.bu-public-unified .bu-pro-hero h1{
  font-size:clamp(30px,4vw,52px)!important;
  line-height:1.08!important;
  max-width:18ch!important;
  margin:10px 0 12px!important
}
html body.bu-public-unified .bu-pro-lead{
  max-width:62ch!important;
  font-size:clamp(16px,1.4vw,19px)!important
}
html body.bu-landing-page .bu-hero-preview .bu-neon-live-title{
  font-size:clamp(32px,4.2vw,58px)!important;
  line-height:1.05!important;
  max-width:13ch!important
}
html body.bu-landing-page .bu-hero-preview .bu-neon-lead{
  max-width:46ch!important
}

/* SVG / avatar never become a full-page silhouette. */
html body.bu-public-unified .bu-neon-ico,
html body.bu-public-unified .bu-neon-ico svg,
html body.bu-public-unified .bu-board-sidebar-link svg,
html body.bu-public-unified .bu-board-header svg{
  width:20px!important;
  height:20px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex:0 0 20px!important
}
html body.bu-public-unified :is(.avatar,.bu-ava,img.avatar){
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  object-fit:cover!important
}
html body.bu-public-unified :is(.bu-ed-logo,.bu-ed-btn img,.bu-ed-card-logo,.bu-ed-card img){
  width:40px!important;
  height:40px!important;
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important
}
html body.bu-public-unified :is(.bu-logo-img,.bu-board-brand-img,.bu-pub-foot-logo-img,.bu-neon-side-logo-img){
  width:auto!important;
  height:48px!important;
  max-width:140px!important;
  max-height:56px!important;
  object-fit:contain!important
}
html body.bu-public-unified .bu-board-sidebar-logo img{
  width:46px!important;
  height:46px!important;
  max-width:46px!important
}

/* Footer: six columns, stacked links — never a raw sentence of URLs. */
html body.bu-public-unified .bu-pub-foot{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 28px!important;
  overflow:hidden!important;
  background:#071018!important;
  color:#d7e8f3!important
}
html body.bu-public-unified .bu-pub-foot-inner{
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(130px,1fr))!important;
  gap:28px 22px!important;
  width:min(1240px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:36px 0 18px!important;
  align-items:start!important
}
html body.bu-public-unified .bu-pub-foot-col,
html body.bu-public-unified .bu-pub-foot-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important
}
html body.bu-public-unified .bu-pub-foot-col strong{
  display:block!important;
  margin:0 0 4px!important;
  color:#7af0ff!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important
}
html body.bu-public-unified .bu-pub-foot-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important
}
html body.bu-public-unified .bu-pub-foot-col a,
html body.bu-public-unified .bu-pub-foot-links a,
html body.bu-public-unified .bu-pub-foot-apps a{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  color:#d5e8fa!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-decoration:none!important;
  white-space:normal!important
}
html body.bu-public-unified .bu-pub-foot-apps{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important
}
html body.bu-public-unified .bu-pub-foot-bar{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:min(1240px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(122,240,255,.14)!important;
  color:#8eabc0!important;
  font-size:12px!important
}
@media(max-width:1100px){
  html body.bu-public-unified .bu-pub-foot-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html body.bu-public-unified .bu-pub-foot-inner{grid-template-columns:1fr 1fr!important;width:calc(100% - 28px)!important}
}

/* Unique explain blocks */
html body.bu-public-unified .bu-ba-explain{
  width:min(1180px,calc(100% - 52px))!important;
  margin:8px auto 32px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important
}
html body.bu-public-unified .bu-ba-explain article{
  min-width:0!important;
  padding:22px 20px!important;
  border:1px solid rgba(163,208,226,.72)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.9)!important;
  overflow:hidden!important
}
html body.bu-public-unified .bu-ba-explain h2,
html body.bu-public-unified .bu-ba-explain h3{
  margin:0 0 8px!important;
  color:#0a3a55!important;
  font-size:20px!important;
  line-height:1.2!important
}
html body.bu-public-unified .bu-ba-explain p{
  margin:0!important;
  color:#3d5d70!important;
  font-size:15px!important;
  line-height:1.55!important
}
html body.bu-landing-page .bu-ba-home{
  width:min(1100px,calc(100% - 40px));
  margin:0 auto 8px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
html body.bu-landing-page .bu-ba-home article{
  padding:18px 16px;
  border:1px solid rgba(122,240,255,.22);
  border-radius:18px;
  background:rgba(6,24,36,.62);
  color:#e8fbff
}
html body.bu-landing-page .bu-ba-home h3{margin:0 0 6px;font-size:16px;color:#fff}
html body.bu-landing-page .bu-ba-home p{margin:0;font-size:13px;line-height:1.45;color:#c9eef4}
@media(max-width:900px){
  html body.bu-public-unified .bu-ba-explain,
  html body.bu-landing-page .bu-ba-home{grid-template-columns:1fr!important}
}

/* LAST: feat/shield/home icons must stay 18px. Tailwind/WP width:100% made a house-size stroke. */
html body.bu-public-unified svg,
html body.bu-landing-page svg,
html body.bu-product-page svg,
html body.bu-landing-page .bu-neon-feats svg,
html body.bu-landing-page .bu-neon-orb svg,
html body.bu-landing-page .bu-neon-ico svg,
html body.bu-public-unified .bu-board-sidebar-link svg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
html body.bu-landing-page .bu-neon-feats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: min(520px, 100%) !important;
  max-width: 520px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body.bu-landing-page .bu-neon-feats li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
}
html body.bu-landing-page .bu-neon-orb {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  overflow: visible !important;
}