/* 7.9.70 — header line, flag-only lang, no public preloader, footer contrast, legal/nav polish */

/* —— Kill public preloader completely —— */
html body #bu-pre,
html body .bu-pre,
html body.bu-has-pre #bu-pre {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* —— Action loader (Otvaram nalog / Prijava): dark plate, light text —— */
html body #bu-load,
html body .bu-load {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(42, 163, 181, 0.35), transparent 48%),
    #07131c !important;
}
html body #bu-load .bu-load-card,
html body .bu-load-card {
  background: #0e3340 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(122, 240, 255, 0.35) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5) !important;
}
html body #bu-load .bu-load-msg,
html body .bu-load-msg {
  color: #f8fafc !important;
  font-weight: 800 !important;
}
html body #bu-load .bu-load-logo,
html body .bu-load-logo {
  background: #fff !important;
  padding: 10px 14px;
  border-radius: 14px;
}
html body #bu-load .bu-load-bar,
html body .bu-load-bar {
  background: rgba(255, 255, 255, 0.16) !important;
}
html body #bu-load .bu-load-bar i,
html body .bu-load-bar i {
  background: linear-gradient(90deg, #2aa3b5, #10b981) !important;
}

/* —— Header: one row, below lang menu, never clip —— */
html body.bu-product-page .bu-neon-head,
html body.bu-author-page .bu-neon-head,
html body .landing-shell-main > .bu-neon-head,
html body.bu-landing-page .bu-neon-head.is-home,
html body.bu-landing-page .bu-neon-head.is-inner,
html body.bu-landing-page .bu-neon-head.is-stuck,
html body.bu-landing-page .bu-neon-head.is-hidden,
html body.bu-product-page .bu-neon-head.is-inner,
html body [data-landing-header].bu-neon-head {
  z-index: 120 !important;
  overflow: visible !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  background: rgba(7, 19, 28, 0.92) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html body .bu-neon-head-inner {
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-product-page .landing-shell-main {
  padding-top: 56px !important;
}

/* Logo lives in the left nav on desktop */
@media (min-width: 1100px) {
  html body .bu-neon-head .bu-neon-logo { display: none !important; }
}
html body .bu-neon-head .bu-edition-switch,
html body .bu-neon-actions .bu-edition-switch {
  display: none !important;
}

html body .bu-neon-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 0;
}
html body .bu-head-auth {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body .bu-head-login,
html body .bu-neon-login.bu-head-login,
html body .bu-head-register,
html body .bu-neon-cta.bu-head-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
html body .bu-head-login,
html body .bu-neon-login.bu-head-login {
  background: #0b6e86 !important;
  color: #fff !important;
  border: 0 !important;
}
html body .bu-head-register,
html body .bu-neon-cta.bu-head-register {
  background: #fff !important;
  color: #0e3340 !important;
  border: 0 !important;
  font-weight: 900 !important;
}
html body .bu-neon-pills {
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1099px) {
  html body .bu-neon-head-inner { gap: 6px !important; padding: 0 10px !important; }
  html body .bu-neon-pills { display: none !important; }
  html body .bu-head-login,
  html body .bu-head-register { min-height: 34px !important; padding: 0 11px !important; font-size: 12px !important; }
}

/* —— Language: flag only in header, menu inside viewport —— */
html body .bu-neon-side-foot .bu-lang-pick,
html body .bu-board-sidebar-foot .bu-lang-pick,
html body .bu-pub-foot .bu-lang-pick {
  display: none !important;
}
html body .bu-lang-btn,
html body .bu-lang-btn-flag,
html body .bu-lang-v70 .bu-lang-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #d5e4ea !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  box-shadow: 0 6px 16px rgba(5, 10, 24, 0.18);
}
html body .bu-lang-btn .bu-lang-btn-code,
html body .bu-lang-btn .bu-lang-btn-name,
html body .bu-lang-btn .bu-lang-chev,
html body .bu-lang-v70 .bu-lang-btn-code,
html body .bu-lang-v70 .bu-lang-btn-name,
html body .bu-lang-v70 .bu-lang-chev {
  display: none !important;
}
html body .bu-lang-btn .bu-flag-disc,
html body .bu-lang-btn-flag .bu-flag-disc {
  width: 22px !important;
  height: 22px !important;
}
html body .bu-lang-menu,
html body .bu-lang-menu-float,
html body [data-lang-menu] {
  z-index: 500000 !important;
  background: #fff !important;
  color: #123a48 !important;
  border: 1px solid #d5e4ea !important;
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.22) !important;
}
html body .bu-lang-menu .bu-lang-same,
html body .bu-lang-menu-float .bu-lang-same {
  color: #0b6e86 !important;
  font-weight: 800;
}
html body .bu-lang-menu .bu-lang-opt,
html body .bu-lang-menu-float .bu-lang-opt,
html body .bu-lang-menu .bu-lang-opt-lab,
html body .bu-lang-menu-float .bu-lang-opt-lab,
html body .bu-lang-menu .bu-lang-opt-code,
html body .bu-lang-menu-float .bu-lang-opt-code {
  color: #123a48 !important;
}
html body .bu-lang-menu .bu-lang-opt.is-on,
html body .bu-lang-menu-float .bu-lang-opt.is-on {
  background: #d7ebe8 !important;
  color: #0b3d4a !important;
}

/* —— Thin product dividers —— */
html body.bu-product-page .bu-seam,
html body.bu-landing-page .bu-seam,
html body.bu-landing-page .bu-seam-pro,
html body.bu-landing-page .bu-seam-pro-close {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}
html body .bu-rule,
html body.bu-product-page hr,
html body.bu-product-page .bu-pro-story,
html body.bu-product-page .bu-pro-grid3,
html body.bu-product-page .bu-pro-grid2,
html body.bu-product-page .bu-pro-split,
html body.bu-product-page .bu-appdl-steps,
html body.bu-product-page .bu-appdl-split {
  border-top: 1px solid rgba(18, 58, 72, 0.1) !important;
  box-shadow: none !important;
}

/* —— Sticky product subnav: always under header, centered —— */
html body.bu-product-page .bu-pro-nav,
html body.bu-product-page .bu-pub-subnav,
html body.bu-landing-page .bu-pro-nav,
html body.bu-landing-page .bu-pub-subnav,
html body main.bu-appdl > .bu-pro-nav,
html body main.bu-pro > .bu-pro-nav {
  position: sticky !important;
  top: 56px !important;
  z-index: 90 !important;
  order: -1 !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  background: rgba(244, 251, 250, 0.96) !important;
  border-bottom: 1px solid rgba(18, 58, 72, 0.1) !important;
  backdrop-filter: blur(14px);
}
html body main.bu-appdl,
html body main.bu-pro {
  display: flex !important;
  flex-direction: column !important;
}
html body.bu-product-page .bu-pro-nav a,
html body.bu-landing-page .bu-pro-nav a,
html body.bu-product-page .bu-pub-subnav a {
  color: #123a48 !important;
  background: #fff !important;
  border: 1px solid #d5e4ea !important;
}
html body.bu-product-page .bu-pro-nav a.is-on,
html body.bu-landing-page .bu-pro-nav a.is-on,
html body.bu-product-page .bu-pub-subnav a.is-on {
  background: #0b6e86 !important;
  color: #fff !important;
  border-color: #0b6e86 !important;
}

/* —— Footer: contrast, apps pills, region plate —— */
html body .bu-pub-foot {
  background: #07131c !important;
  color: #e8f4f2 !important;
}
html body .bu-pub-foot a {
  color: #e4f4f1 !important;
}
html body .bu-pub-foot-tag,
html body .bu-pub-foot-mail,
html body .bu-pub-foot-hosts a,
html body .bu-pub-foot-col strong,
html body .bu-pub-foot-bar p {
  color: #e8f4f2 !important;
}
html body .bu-pub-foot .bu-pub-foot-apps a,
html body .bu-pub-foot-apps-col .bu-pub-foot-apps a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  margin: 0 8px 8px 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0e3340 !important;
  font-weight: 900 !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
html body .bu-pub-foot .bu-pub-foot-same,
html body .bu-pub-foot-ed-col .bu-pub-foot-same {
  color: #7af0ff !important;
  font-weight: 800 !important;
}
html body .bu-pub-foot .bu-edition-switch.is-rail > summary {
  background: #fff !important;
  color: #0e3340 !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}
html body .bu-pub-foot .bu-edition-switch.is-rail .bu-ed-copy strong,
html body .bu-pub-foot .bu-edition-switch.is-rail .bu-ed-copy span,
html body .bu-pub-foot .bu-edition-switch.is-rail .bu-ed-flag {
  color: #0e3340 !important;
}
html body .bu-neon-side-foot .bu-edition-switch.is-rail > summary,
html body .bu-board-sidebar-foot .bu-edition-switch.is-rail > summary {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}
html body .bu-neon-side-foot .bu-ed-copy strong,
html body .bu-neon-side-foot .bu-ed-copy span,
html body .bu-board-sidebar-foot .bu-ed-copy strong,
html body .bu-board-sidebar-foot .bu-ed-copy span {
  color: #f8fafc !important;
}
html body .bu-side-legal {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 10px 0 12px;
}
html body .bu-side-legal a {
  color: #cfe8e4 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* —— Apps half-cards: light plates, dark text (beat v67 white-on-dark) —— */
html body .bu-appdl-pane,
html body .bu-appdl-v67 .bu-appdl-pane,
html body .bu-appdl-v69 .bu-appdl-pane,
html body .bu-appdl-v70 .bu-appdl-pane {
  background: #fff !important;
  color: #123a48 !important;
  border: 1px solid #d5e4ea !important;
}
html body .bu-appdl-pane .bu-kicker,
html body .bu-appdl-pane h2,
html body .bu-appdl-pane p,
html body .bu-appdl-pane li,
html body .bu-appdl-v67 .bu-appdl-pane .bu-kicker,
html body .bu-appdl-v67 .bu-appdl-pane h2,
html body .bu-appdl-v67 .bu-appdl-pane p,
html body .bu-appdl-v67 .bu-appdl-pane li {
  color: #123a48 !important;
}
html body .bu-appdl-pane .bu-pro-btn {
  background: #0b6e86 !important;
  color: #fff !important;
}
html body .bu-appdl-more { color: #0b6e86 !important; }

/* —— Hero feat cards —— */
html body .bu-feat-card {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #0e3340 !important;
}
html body .bu-feat-card strong { color: #0e3340 !important; text-shadow: none !important; }
html body .bu-hero-solve { color: #f8fafc !important; }

/* —— Yearly price: strike only monthly, never 20.83 —— */
html body .bu-price-card.is-year .bu-price-was s { text-decoration: line-through; color: #64748b; }
html body .bu-price-card.is-year strong { color: #0e3340; }

/* —— Nalog + poruke contrast —— */
html body.bu-nalog-page .bu-cc-hero,
html body.bu-nalog-page .bu-cc-hero h1,
html body.bu-nalog-page .bu-cc-hero p { color: #fff !important; }
html body.bu-nalog-page .bu-cc-pill { background: #fff !important; color: #123a48 !important; }
html body.bu-nalog-page .bu-cc-sys a,
html body.bu-nalog-page .bu-cc-sys a small,
html body.bu-nalog-page .bu-cc-sys a strong {
  background: #fff;
  color: #123a48 !important;
}
html body.bu-nalog-page .bu-cc-sys a {
  border: 1px solid #d5e4ea !important;
  border-radius: 16px;
}
html body.bu-nalog-page .bu-poruke-panel,
html body.bu-nalog-page .bu-message-card,
html body.bu-nalog-page .bu-nalog-chat-dock,
html body.bu-nalog-page .bu-empty-state-poruke {
  background: #fff !important;
  color: #123a48 !important;
}
html body.bu-nalog-page .bu-bubble { background: #eef6f8 !important; color: #123a48 !important; }
html body.bu-nalog-page .bu-bubble.me { background: #0b6e86 !important; color: #fff !important; }

/* Board chat bubbles (Utovari Dispo + messages) */
html body.bu-board-page .bu-bubble,
html body .bu-chat-panel .bu-bubble {
  background: #eef6f8 !important;
  color: #123a48 !important;
}
html body.bu-board-page .bu-bubble.me,
html body .bu-chat-panel .bu-bubble.me {
  background: #0b6e86 !important;
  color: #fff !important;
}

/* Dispo Pošalji stays above filters / safe area */
html body.bu-board-page #bu-dispo .bu-dispo-form,
html body.bu-board-page .bu-board-ai .bu-dispo-form {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 12 !important;
  background: #fff !important;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

html body .bu-perm-toast {
  background: #0e3340 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(122, 240, 255, 0.35);
}
html body .bu-perm-toast strong,
html body .bu-perm-toast p { color: #f8fafc !important; }
html body .bu-perm-yes {
  background: #fff !important;
  color: #0e3340 !important;
  font-weight: 800;
}
html body .bu-perm-no {
  background: transparent !important;
  color: #d7ebe8 !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

html body.bu-auth-chrome .bu-auth-top-cta {
  background: #0b6e86 !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 800 !important;
}
html body.bu-auth-chrome .bu-auth-top-cta.is-solid {
  background: #fff !important;
  color: #0e3340 !important;
  border: 1px solid #d5e4ea !important;
}