/* 7.9.42 — last in chain. Vidljivost, gapovi, telefon, chrome. */

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* —— Jezik: zatvoren dok nije .is-open —— */
.bu-lang-pick:not(.is-open) .bu-lang-menu,
.bu-lang-pick .bu-lang-menu[hidden] {
  display: none !important;
  visibility: hidden !important;
}
.bu-lang-pick.is-open .bu-lang-menu {
  display: flex !important;
  visibility: visible !important;
  flex-direction: column;
  z-index: 40000 !important;
}

/* —— Promo / P4P trake —— */
.bu-free { display: none !important; }

/* —— Landing sidebar: uvijek tamna, bez bijelog v37 gradijenta, bez gap-a —— */
html body.bu-landing-page .landing-shell {
  grid-template-columns: 212px minmax(0, 1fr) !important;
  gap: 0 !important;
  column-gap: 0 !important;
}
html body.bu-landing-page aside.bu-neon-side,
html body.bu-landing-page aside.landing-sidebar,
html body.bu-landing-page .landing-sidebar.bu-neon-side {
  background: #050a16 !important;
  background-image: linear-gradient(180deg, #07111f 0%, #050a16 100%) !important;
  border-right: 1px solid rgba(0, 180, 255, 0.22) !important;
  color: #eaf6ff !important;
  overflow: hidden !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-landing-page .bu-neon-hero {
  margin: 0 !important;
  padding-left: 0 !important;
}
html body.bu-landing-page .bu-neon-side-nav {
  overflow: hidden auto;
  overscroll-behavior: contain;
}
html body.bu-landing-page .bu-neon-side-foot {
  padding: 10px 12px 14px !important;
  gap: 8px !important;
  display: grid !important;
}
html body.bu-landing-page .bu-neon-side-app,
html body.bu-landing-page .bu-neon-ai,
html body.bu-landing-page .bu-neon-side-stores,
html body.bu-landing-page .bu-neon-side-phone {
  display: none !important;
}
html body.bu-landing-page .bu-neon-side-cta,
html body.bu-landing-page .bu-neon-side-login {
  min-height: 40px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
html body.bu-landing-page .bu-neon-side-cta {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  color: #fff !important;
}
html body.bu-landing-page .bu-neon-side-login {
  color: #cfe3f6 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

/* —— Board header + sidebar: isti tamni chrome —— */
html body.bu-board-page .bu-board-header,
html body.bu-board-page .bu-board-header-inner,
html body.bu-board-page header.bu-board-header {
  background: #07111f !important;
  color: #eaf6ff !important;
  border-bottom: 1px solid rgba(0, 180, 255, 0.2) !important;
}
html body.bu-board-page aside.bu-board-sidebar {
  background: #050a16 !important;
  background-image: linear-gradient(180deg, #07111f, #050a16) !important;
  border-right: 1px solid rgba(0, 180, 255, 0.2) !important;
  color: #eaf6ff !important;
}
html body.bu-board-page .bu-board-sidebar-lab,
html body.bu-board-page .bu-board-sidebar-sec,
html body.bu-board-page .bu-board-tab,
html body.bu-board-page .bu-board-brand-lab {
  color: #d5e8fa !important;
}
html body.bu-board-page .bu-board-tab.is-on,
html body.bu-board-page .bu-board-sidebar-link.is-on {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  color: #fff !important;
}

/* —— Filter blur ugašen —— */
body.bu-filters-open .bu-board-stage,
body.bu-filters-open .bu-term-grid,
body.bu-filters-open .bu-board-body,
body.bu-filters-open .bu-board-list,
body.bu-filters-open .bu-board-map,
body.bu-filters-open .bu-feed,
body.bu-filters-open .bu-board-main {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
}
html body.bu-board-page .bu-map-tools { display: none !important; }

/* —— Grad + zvjezdica u jednom redu —— */
.bu-c-from,
.bu-c-to {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.bu-fav-btn { flex: 0 0 auto !important; }

/* —— Potrošnja: svijetla, čitljiva —— */
.bu-fuel-card,
.bu-fuel-row,
.bu-drawer .bu-fuel-card,
#bu-mobile-detail-sheet .bu-fuel-card {
  background: #f4f8ff !important;
  color: #0b1220 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.bu-fuel-card *,
.bu-fuel-kicker,
.bu-fuel-hero strong,
.bu-fuel-hero span,
.bu-fuel-note,
.bu-fuel-field,
.bu-fuel-stat small,
.bu-fuel-stat b {
  color: #0b1220 !important;
}
.bu-fuel-kicker,
.bu-fuel-stat small {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}
.bu-fuel-field input,
.bu-fuel-card input {
  background: #fff !important;
  color: #0b1220 !important;
  border: 1px solid #93c5fd !important;
}
.bu-fuel-stat {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}

/* —— Auth: full-bleed, bijelo dugme ugašeno, bez telefonskih gapova —— */
html body.bu-auth-chrome {
  margin: 0 !important;
  padding: 0 !important;
  background: #07111f !important;
}
html body.bu-auth-chrome .bu-auth-head {
  background: #07111f !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
html body.bu-auth-chrome .bu-auth-head-tag { color: #cfe3f6 !important; }
html body.bu-auth-chrome .bu-auth-head-link {
  background: #00a3ff !important;
  color: #fff !important;
  border: 0 !important;
}
html body.bu-auth-chrome main.bu-auth,
html body.bu-auth-chrome .bu-page.bu-auth {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 38%) minmax(0, 1fr) !important;
  min-height: calc(100dvh - 56px);
}
html body.bu-auth-chrome .bu-auth-aside {
  background: #07111f !important;
  color: #eaf6ff !important;
  border-radius: 0 !important;
  padding: 40px 36px !important;
}
html body.bu-auth-chrome .bu-auth-main {
  background: #eef3f9 !important;
  padding: 28px 36px 48px !important;
}
html body.bu-auth-chrome .bu-form-card {
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  padding: 18px !important;
  max-width: none !important;
  width: 100% !important;
}
html body.bu-auth-chrome .bu-form label {
  display: grid !important;
  gap: 6px !important;
  color: #0b1220 !important;
  font-weight: 750 !important;
}
html body.bu-auth-chrome .bu-form input,
html body.bu-auth-chrome .bu-form select,
html body.bu-auth-chrome .bu-form textarea {
  min-height: 48px !important;
  background: #fff !important;
  color: #0b1220 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
}
html body.bu-auth-chrome .bu-btn.dark,
html body.bu-auth-chrome .bu-btn.blue,
html body.bu-auth-chrome .bu-btn.green,
html body.bu-auth-chrome .bu-reg-submit {
  background: #0066ff !important;
  color: #fff !important;
  min-height: 48px !important;
  border: 0 !important;
}
html body.bu-auth-chrome .bu-foot,
html body.bu-auth-chrome .bu-foot-auth {
  background: #07111f !important;
  color: #cfe3f6 !important;
  margin: 0 !important;
  padding: 16px 24px 24px !important;
  width: 100% !important;
  max-width: none !important;
}

/* —— Softver: više događaja —— */
.bu-soft-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.bu-soft-lanes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.bu-soft-lane {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(7, 16, 32, 0.8);
  border: 1px solid rgba(0, 180, 255, 0.3);
  color: #eaf6ff;
  text-decoration: none;
  position: relative;
}
.bu-soft-lane::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  background:
    linear-gradient(#7af0ff, #7af0ff) top left / 16px 2px no-repeat,
    linear-gradient(#7af0ff, #7af0ff) top left / 2px 16px no-repeat;
  filter: drop-shadow(0 0 8px #00d4ff);
}
.bu-soft-lane strong { color: #fff; font-size: 16px; }
.bu-soft-lane span { color: #cfe3f6; font-size: 13px; }

/* —— Profil —— */
.bu-public-profile { max-width: 1080px; margin: 0 auto; padding: 0 16px 48px; }
.bu-pubpro-hero {
  position: relative;
  margin: 16px 0 18px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(135deg, #07111f, #0a1f3a);
  border: 1px solid rgba(0, 180, 255, 0.28);
  color: #eaf6ff;
}
.bu-pubpro-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 22px;
}
.bu-pubpro-kicker {
  margin: 0 0 4px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7af0ff;
  font-weight: 800;
}
.bu-pubpro-id h1 { margin: 0; color: #fff; font-size: 28px; }
.bu-pubpro-where { margin: 6px 0 10px; color: #cfe3f6; }
.bu-pubpro-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.bu-pubpro-code code {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(0, 160, 255, 0.16);
  color: #7af0ff;
}
.bu-pubpro-cta { display: grid; gap: 8px; }
.bu-pubpro-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.bu-pubpro-facts article {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
}
.bu-pubpro-facts small {
  display: block;
  color: #64748b;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bu-pubpro-facts strong { color: #0b1220; font-size: 15px; }
.bu-pubpro-about, .bu-pubpro-list { margin-top: 8px; }
.bu-pubpro-list header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.bu-pubpro-cards { display: grid; gap: 10px; }
.bu-pubpro-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  color: inherit;
}
.bu-pubpro-card strong { color: #0b1220; }
.bu-pubpro-card span { color: #64748b; font-size: 13px; }
.bu-public-empty { padding: 48px 16px; text-align: center; }

/* —— Footer —— */
.bu-pub-foot,
body.bu-landing-page .bu-pub-foot {
  background: #050a16 !important;
  color: #cfe3f6 !important;
  border-top: 1px solid rgba(0, 180, 255, 0.22) !important;
}
.bu-pub-foot-inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 24px;
  padding: 36px 28px 18px;
  max-width: 1280px;
  margin: 0 auto;
}
.bu-pub-foot a { color: #d5e8fa; }

/* —— Neon packovi / boxovi: svijetleći uglovi ostaju čitljivi —— */
.bu-neon-gate, .bu-neon-pack, .bu-neon-q, .bu-soft-card {
  position: relative;
}
.bu-neon-gate h3, .bu-neon-pack h3, .bu-neon-q strong { color: #fff !important; }
.bu-neon-gate p, .bu-neon-pack li, .bu-neon-q p { color: #d5e8fa !important; }

@media (max-width: 1099px) {
  html body.bu-landing-page .landing-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 899px) {
  html, body { overflow-x: hidden !important; }

  .bu-mshell { z-index: 30000 !important; }
  .bu-mshell-bar {
    background: #07111f !important;
    color: #fff !important;
  }
  .bu-mshell-menu {
    background: rgba(255, 255, 255, 0.12) !important;
  }
  .bu-mshell-menu span { background: #fff !important; }
  .bu-mshell-cta {
    background: #00a3ff !important;
    color: #fff !important;
    border: 0 !important;
  }
  .bu-phonedock {
    background: #07111f !important;
    border-top: 1px solid rgba(0, 180, 255, 0.22) !important;
    z-index: 29000 !important;
  }
  .bu-phonedock a { color: #9fb4cc !important; }
  .bu-phonedock a.is-on,
  .bu-phonedock a[aria-current] { color: #7af0ff !important; }

  html body.bu-auth-chrome main.bu-auth,
  html body.bu-auth-chrome .bu-page.bu-auth {
    grid-template-columns: 1fr !important;
  }
  html body.bu-auth-chrome .bu-auth-aside { display: none !important; }
  html body.bu-auth-chrome .bu-auth-main { padding: 16px 14px 28px !important; }

  html body.bu-landing-page .bu-neon-hero-veil {
    background: linear-gradient(180deg, rgba(3, 8, 20, 0.72), rgba(3, 8, 20, 0.92)) !important;
  }
  html body.bu-landing-page .bu-neon-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 14px 14px 18px !important;
  }
  html body.bu-landing-page .bu-neon-hero-copy { order: 0 !important; }
  html body.bu-landing-page .bu-neon-phones { display: none !important; }
  html body.bu-landing-page .bu-neon-hero-copy h1,
  html body.bu-landing-page .bu-neon-hero-copy p,
  html body.bu-landing-page .bu-neon-lead,
  html body.bu-landing-page .bu-neon-brandline {
    color: #fff !important;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  }
  html body.bu-landing-page .bu-neon-quad { grid-template-columns: 1fr !important; }
  html body.bu-landing-page .bu-neon-phone-rail,
  html body.bu-landing-page .bu-neon-script { display: none !important; }

  html body.bu-board-page .bu-board-header { display: none !important; }
  html body.bu-board-page .bu-board-stage,
  html body.bu-board-page .bu-board-main,
  html body.bu-board-page .bu-feed {
    padding-top: 4px !important;
  }
  html body.bu-board-page .bu-feed .bu-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 2px 8px !important;
    padding: 8px 10px !important;
    margin: 0 0 5px !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  html body.bu-board-page .bu-feed .bu-c-from,
  html body.bu-board-page .bu-feed .bu-c-to {
    grid-column: 1 / -1 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }
  html body.bu-board-page .bu-feed .bu-c::before { display: none !important; }
  html body.bu-board-page .bu-feed .bu-c-route,
  html body.bu-board-page .bu-feed .bu-c-eurkm,
  html body.bu-board-page .bu-cols-head { display: none !important; }
  html body.bu-board-page .bu-feed .bu-c-price {
    grid-column: 2 !important;
    grid-row: 1 / span 2;
    align-self: center;
  }
  #bu-mobile-detail-sheet {
    max-height: min(82dvh, 680px) !important;
    padding: 12px !important;
  }

  .bu-soft-grid,
  .bu-soft-lanes,
  .bu-pub-foot-inner,
  .bu-pubpro-hero-inner,
  .bu-neon-packs {
    grid-template-columns: 1fr !important;
  }
}