/* 7.9.39 — header kontrast, inner pages readable, professional public chrome */

/* —— Header: opaque navy so white text never dies on headlights / photos —— */
.bu-neon-head-inner {
  background: rgba(5, 10, 24, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.bu-neon-pill,
.bu-neon-more summary {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #f7fbff !important;
  text-shadow: none;
  font-weight: 750;
}
.bu-neon-pill.is-on,
.bu-neon-more[open] summary {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.bu-neon-login,
.bu-neon-search,
.bu-neon-store {
  color: #f7fbff !important;
}
.bu-neon-search,
.bu-neon-store {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

/* Language: never white chip with dark ink on dark bar */
body.bu-landing-page .bu-neon-head .bu-lang-btn,
body.bu-landing-page [data-landing-header] .bu-lang-btn {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #f7fbff !important;
}
body.bu-landing-page .bu-neon-head .bu-lang-btn-code,
body.bu-landing-page .bu-neon-head .bu-lang-btn-compact span,
body.bu-landing-page .bu-neon-head .bu-lang-flag {
  color: #f7fbff !important;
  display: inline !important;
}
body.bu-landing-page .bu-neon-head .bu-lang-menu {
  background: #0b1220 !important;
  border: 1px solid rgba(0, 180, 255, 0.28);
  color: #e8f4ff;
}
body.bu-landing-page .bu-neon-head .bu-lang-opt {
  color: #e8f4ff !important;
  background: transparent !important;
}
body.bu-landing-page .bu-neon-head .bu-lang-q {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Home: overlay hero. Inner pages: in-flow sticky (naslov ne ide pod header) */
@media (min-width: 1100px) {
  body.bu-landing-page .bu-neon-head.is-home,
  body.bu-landing-page [data-landing-header].bu-neon-head.is-home {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    background: transparent !important;
    border: 0 !important;
  }
  body.bu-landing-page .bu-neon-head.is-home.is-stuck {
    position: fixed !important;
    left: 232px;
    background: rgba(5, 10, 24, 0.92) !important;
  }
  body.bu-landing-page .bu-neon-head.is-inner,
  body.bu-landing-page [data-landing-header].bu-neon-head.is-inner {
    position: sticky !important;
    top: 0;
    z-index: 40;
    background: #050a18 !important;
    border-bottom: 1px solid rgba(0, 180, 255, 0.16) !important;
  }
  body.bu-landing-page .bu-neon-head.is-inner .bu-neon-head-inner {
    margin: 8px 14px !important;
  }
}

/* —— Inner public pages: one readable system —— */
body.bu-public-inner .landing-shell-main {
  color: #d7e8f7;
}
body.bu-public-inner .landing-shell-main h1,
body.bu-public-inner .landing-shell-main h2,
body.bu-public-inner .landing-shell-main h3,
body.bu-public-inner .landing-shell-main h4 {
  color: #fff !important;
}
body.bu-public-inner .landing-shell-main p,
body.bu-public-inner .landing-shell-main li,
body.bu-public-inner .landing-shell-main td,
body.bu-public-inner .landing-shell-main th,
body.bu-public-inner .landing-shell-main span,
body.bu-public-inner .bu-mkt-sec-lead,
body.bu-public-inner .bu-sub,
body.bu-public-inner .bu-hint {
  color: #cfe0f2;
}
body.bu-public-inner .bu-mkt-hero-inner,
body.bu-public-inner .bu-blog-hero,
body.bu-public-inner .bu-help-hero,
body.bu-public-inner .bu-appdl-hero {
  color: #e8f4ff !important;
  background: transparent !important;
}
body.bu-public-inner .bu-mkt-lead,
body.bu-public-inner .bu-appdl-hero p {
  color: #dbeaf8 !important;
  font-size: 17px;
  line-height: 1.55;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}
body.bu-public-inner .bu-mkt-hero-overlay,
body.bu-public-inner .bu-mkt-hero-overlay-deep {
  background:
    linear-gradient(90deg, rgba(5, 10, 24, 0.88), rgba(5, 10, 24, 0.52) 55%, rgba(5, 10, 24, 0.35)) !important;
}
body.bu-public-inner .bu-mkt-section,
body.bu-public-inner .bu-mkt-section-alt,
body.bu-public-inner .bu-mkt-bottom-cta,
body.bu-public-inner .bu-help-aside,
body.bu-public-inner .bu-blog-empty {
  background: transparent !important;
  color: #d7e8f7 !important;
}
body.bu-public-inner .bu-mkt-pillar,
body.bu-public-inner .bu-mkt-feature,
body.bu-public-inner .bu-mkt-card,
body.bu-public-inner .bu-price-card,
body.bu-public-inner .bu-blog-card,
body.bu-public-inner .bu-guide-step,
body.bu-public-inner .bu-guide-role,
body.bu-public-inner .bu-help-item,
body.bu-public-inner .bu-appdl-pane,
body.bu-public-inner .bu-mkt-channel,
body.bu-public-inner .bu-cmp-banner,
body.bu-public-inner .bu-cmp-cards article,
body.bu-public-inner .bu-price-grace,
body.bu-public-inner .bu-pro-tool {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(0, 180, 255, 0.22) !important;
  color: #e8f4ff !important;
  box-shadow: 0 0 24px rgba(0, 140, 255, 0.08);
}
body.bu-public-inner .bu-cmp-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(8, 16, 32, 0.55);
  border: 1px solid rgba(0, 180, 255, 0.22);
  border-radius: 16px;
  overflow: hidden;
}
body.bu-public-inner .bu-cmp-table th,
body.bu-public-inner .bu-cmp-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  color: #d7e8f7 !important;
}
body.bu-public-inner .bu-cmp-table thead th {
  background: rgba(0, 140, 255, 0.16);
  color: #fff !important;
}
body.bu-public-inner .bu-cmp-table td.is-us {
  color: #7af0ff !important;
  font-weight: 750;
}
body.bu-public-inner .bu-pub-subnav,
body.bu-public-inner .bu-mkt-subnav {
  background: transparent !important;
  border: 0 !important;
  gap: 8px;
  padding: 12px 16px 8px;
}
body.bu-public-inner .bu-pub-subnav a,
body.bu-public-inner .bu-mkt-subnav a {
  color: #e8f4ff !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.bu-public-inner .bu-pub-subnav a.is-on,
body.bu-public-inner .bu-mkt-subnav a.is-on {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  color: #fff !important;
}
body.bu-public-inner .bu-mkt-kontakt-aside,
body.bu-public-inner .bu-form-card,
body.bu-public-inner .bu-help-search,
body.bu-public-inner .bu-blog-search input,
body.bu-public-inner textarea,
body.bu-public-inner .bu-mkt-sadrzaj .bu-prose {
  color: #d7e8f7;
}
body.bu-public-inner .bu-prose,
body.bu-public-inner .bu-legal-page {
  color: #d7e8f7 !important;
}
body.bu-public-inner .bu-guide-n {
  color: #fff !important;
}
body.bu-public-inner .bu-price-amount,
body.bu-public-inner .bu-price-num {
  color: #fff !important;
}
body.bu-public-inner .landing-btn-ghost-light {
  color: #e8f4ff !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

/* Footer on public */
body.bu-landing-page .bu-pub-foot,
body.bu-public-inner .bu-pub-foot {
  background: #050a18 !important;
  color: #9fb4cc !important;
  border-top: 1px solid rgba(0, 180, 255, 0.18);
}
body.bu-landing-page .bu-pub-foot a,
body.bu-public-inner .bu-pub-foot a {
  color: #d7e8f7 !important;
}
body.bu-landing-page .bu-pub-foot strong,
body.bu-public-inner .bu-pub-foot strong {
  color: #7af0ff !important;
}

/* Mobile bar: white on navy */
@media (max-width: 1099px) {
  body.bu-landing-page .bu-mshell-bar,
  body.bu-public-inner .bu-mshell-bar {
    background: rgba(5, 10, 24, 0.96) !important;
    color: #fff !important;
  }
  body.bu-landing-page .bu-mshell-menu span,
  body.bu-public-inner .bu-mshell-menu span {
    background: #fff !important;
  }
  body.bu-landing-page .bu-mshell-cta,
  body.bu-public-inner .bu-mshell-cta {
    color: #fff !important;
  }
  body.bu-landing-page .bu-mshell-bar .bu-lang-btn,
  body.bu-public-inner .bu-mshell-bar .bu-lang-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }
}

/* Keep sidebar ink dark (light panel) */
body.bu-landing-page .bu-neon-side,
body.bu-landing-page .bu-neon-side a:not(.bu-neon-side-cta):not(.is-on) {
  color: #1e293b;
}
body.bu-landing-page .bu-neon-side-link.is-on {
  color: #fff !important;
}
body.bu-landing-page .bu-neon-side-app,
body.bu-landing-page .bu-neon-side-app strong,
body.bu-landing-page .bu-neon-side-cta {
  color: #fff !important;
}
body.bu-landing-page .bu-neon-side-app span {
  color: #9fb4cc !important;
}