/* 7.9.41 — public chrome, cijene, board, auth, telefon. Last in chain. */

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

/* —— Nema P4P / promo trake na javnom chromeu —— */
.bu-free { display: none !important; }

/* —— Landing sidebar: tamna, kompaktna, bez ogromnog app bloka —— */
@media (min-width: 1100px) {
  body.bu-landing-page .bu-neon-side,
  body.bu-landing-page .landing-sidebar.bu-neon-side {
    background: linear-gradient(180deg, #07111f, #050a16) !important;
    border-right: 1px solid rgba(0, 180, 255, 0.22) !important;
    gap: 0 !important;
  }
  body.bu-landing-page .landing-shell {
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  body.bu-landing-page .landing-shell-main {
    margin: 0 !important;
    padding: 0 !important;
  }
}
body.bu-landing-page .bu-neon-side-app {
  padding: 8px !important;
  gap: 6px !important;
  margin: 0 !important;
}
body.bu-landing-page .bu-neon-side-phone,
body.bu-landing-page .bu-neon-side-stores {
  display: none !important;
}
body.bu-landing-page .bu-neon-side-app-top {
  gap: 0;
}
body.bu-landing-page .bu-neon-side-app strong {
  font-size: 12px !important;
  color: #f2fbff !important;
}
body.bu-landing-page .bu-neon-side-app span {
  font-size: 11px !important;
  color: #9fb4cc !important;
}
body.bu-landing-page .bu-neon-side-cta {
  min-height: 36px !important;
  font-size: 12px !important;
  padding: 0 10px !important;
}
body.bu-landing-page .bu-neon-ai {
  background: rgba(0, 40, 70, 0.55) !important;
  color: #7af0ff !important;
  margin: 6px 0 4px !important;
}
body.bu-landing-page .bu-neon-side-nav {
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
  flex: 1 1 auto;
}
body.bu-landing-page .bu-neon-side-foot {
  flex: 0 0 auto;
  padding-bottom: 10px;
}

/* —— Header: bez lupe i store ikona —— */
.bu-neon-search,
.bu-neon-store {
  display: none !important;
}

/* —— Quad / agent kartice: svijetleći uglovi —— */
.bu-neon-q,
.bu-neon-gate,
.bu-neon-price,
.bu-neon-pack {
  position: relative;
  overflow: hidden;
}
.bu-neon-q::before,
.bu-neon-gate::before,
.bu-neon-pack::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(0, 200, 255, 0.28),
    0 0 0 1px rgba(0, 160, 255, 0.12);
}
.bu-neon-q::after,
.bu-neon-gate::after,
.bu-neon-pack::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  pointer-events: none;
  background:
    linear-gradient(#7af0ff, #7af0ff) top left / 18px 2px no-repeat,
    linear-gradient(#7af0ff, #7af0ff) top left / 2px 18px no-repeat;
  filter: drop-shadow(0 0 8px #00d4ff);
}
.bu-neon-quad {
  background: rgba(5, 10, 24, 0.55) !important;
  border: 1px solid rgba(0, 180, 255, 0.2);
  backdrop-filter: blur(10px);
}
.bu-neon-q {
  background: rgba(7, 16, 32, 0.72) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.bu-neon-q strong { color: #fff !important; }
.bu-neon-q p { color: #cfe3f6 !important; }

.bu-neon-phone-rail {
  background: rgba(5, 12, 28, 0.72);
  border: 1px solid rgba(0, 200, 255, 0.28);
  border-radius: 16px;
  padding: 8px 10px;
}

/* —— Domeni: slika ostaje, boxovi čitljivi na dnu —— */
.bu-neon-stage {
  position: relative;
  min-height: 78vh;
  overflow: hidden;
}
.bu-neon-stage-bg {
  object-fit: cover;
  object-position: center 40%;
  filter: none;
}
.bu-neon-stage-inner {
  position: relative;
  z-index: 2;
  padding-top: 7vh !important;
  padding-bottom: 36px !important;
}
.bu-neon-gates {
  align-items: stretch;
  margin-top: 28px;
}
.bu-neon-gate {
  background: rgba(5, 10, 24, 0.82) !important;
  border: 1px solid rgba(0, 200, 255, 0.42) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35), 0 0 32px rgba(0, 160, 255, 0.18);
  color: #eaf6ff;
  padding: 22px 22px 18px !important;
}
.bu-neon-gate h3 { color: #fff !important; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45); }
.bu-neon-gate p { color: #d5e8fa !important; }
.bu-neon-gate a { color: #7af0ff !important; font-weight: 800; }
.bu-neon-gate-join {
  background: rgba(0, 30, 60, 0.85);
  border: 1px solid rgba(122, 240, 255, 0.45);
  box-shadow: 0 0 24px rgba(0, 200, 255, 0.35);
}

/* —— Firma / vozač split: puna visina, čitljiv tekst —— */
.bu-neon-live-track {
  min-height: min(72vh, 720px);
}
.bu-neon-live-copy {
  background: linear-gradient(180deg, transparent 20%, rgba(3, 8, 20, 0.88) 100%);
  padding: 28px 26px !important;
}
.bu-neon-live-copy strong {
  max-width: 18ch;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.65);
}
.bu-neon-live-copy span { color: #d7ebff !important; }

/* —— Cijene: dva paketa, mjesečno gore, godišnje sitno —— */
.bu-neon-packs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 22px;
}
.bu-neon-pack {
  background: rgba(7, 16, 32, 0.88);
  border: 1px solid rgba(0, 180, 255, 0.32);
  border-radius: 20px;
  padding: 22px 22px 18px;
  color: #e8f4ff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 0 36px rgba(0, 140, 255, 0.12);
}
.bu-neon-pack.is-on {
  border-color: rgba(122, 240, 255, 0.55);
  box-shadow: 0 0 40px rgba(0, 180, 255, 0.28);
}
.bu-neon-pack .bu-pack-role {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7af0ff;
}
.bu-neon-pack h3 { margin: 0; color: #fff; font-size: 22px; }
.bu-neon-pack .bu-pack-month {
  font-size: 42px;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #fff;
  line-height: 1;
}
.bu-neon-pack .bu-pack-month small {
  font-size: 16px;
  font-weight: 700;
  color: #9fb4cc;
  margin-left: 4px;
}
.bu-neon-pack .bu-pack-year {
  font-size: 13px;
  color: #9fb4cc;
  margin: 0;
}
.bu-neon-pack ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.bu-neon-pack li {
  font-size: 13.5px;
  color: #d5e8fa;
  padding-left: 14px;
  position: relative;
}
.bu-neon-pack li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00d4ff;
  box-shadow: 0 0 8px #00d4ff;
}

/* —— Footer —— */
.bu-pub-foot,
body.bu-landing-page .bu-pub-foot {
  background: #050a16 !important;
  border-top: 1px solid rgba(0, 180, 255, 0.22);
  color: #cfe3f6;
}
.bu-pub-foot-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 28px;
  padding: 36px 28px 20px;
  max-width: 1280px;
  margin: 0 auto;
}
.bu-pub-foot a { color: #d5e8fa; text-decoration: none; }
.bu-pub-foot a:hover { color: #7af0ff; }
.bu-pub-foot-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 12px 28px 20px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: #8aa0b8;
}

/* —— Board header + sidebar: isti neon jezik —— */
body.bu-board-page .bu-board-header,
body.bu-board-page .bu-board-header-inner {
  background: #07111f !important;
  color: #eaf6ff !important;
  border-bottom: 1px solid rgba(0, 180, 255, 0.2) !important;
}
body.bu-board-page .bu-board-tab,
body.bu-board-page .bu-board-brand-lab,
body.bu-board-page .bu-board-userchip span {
  color: #eaf6ff !important;
}
body.bu-board-page .bu-board-tab.is-on {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  color: #fff !important;
}
body.bu-board-page .bu-board-sidebar {
  background: linear-gradient(180deg, #07111f, #050a16) !important;
  border-right: 1px solid rgba(0, 180, 255, 0.2) !important;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.bu-board-page .bu-board-sidebar-lab,
body.bu-board-page .bu-board-sidebar-sec {
  color: #cfe3f6 !important;
}
body.bu-board-page .bu-board-sidebar-link.is-on {
  background: rgba(0, 160, 255, 0.18) !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 {
  filter: none !important;
}
body.bu-board-page .bu-map-tools {
  display: none !important;
}

/* —— Red table: zvjezdica ne gura ime; t i LDM odvojeno —— */
body.bu-board-page .bu-feed .bu-item.compact {
  position: relative;
}
body.bu-board-page .bu-feed .bu-c-from,
body.bu-board-page .bu-feed .bu-c-to {
  min-width: 0;
  overflow: hidden;
}
body.bu-board-page .bu-feed .bu-c-from {
  display: flex !important;
  align-items: center;
  gap: 6px;
}
body.bu-board-page .bu-feed .bu-c-from .bu-city,
body.bu-board-page .bu-feed .bu-c-to .bu-city {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.bu-board-page .bu-feed .bu-fav-btn {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin-left: auto;
}
body.bu-board-page .bu-feed .bu-c-ldm {
  font-weight: 800;
  color: #334155;
}
body.bu-board-page .bu-cols-head {
  font-size: 10px;
  letter-spacing: 0.02em;
}
@media (min-width: 900px) {
  body.bu-board-page .bu-board-cargo .bu-cols-head,
  body.bu-board-page .bu-feed .bu-item.compact.cargo {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 0.5fr) minmax(0, 0.55fr) minmax(0, 0.75fr) minmax(0, 0.5fr) minmax(0, 0.45fr) !important;
  }
  body.bu-board-page .bu-board-truck .bu-cols-head,
  body.bu-board-page .bu-feed .bu-item.compact.truck {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 0.85fr) !important;
  }
}

/* —— Potrošnja: svijetla kartica, čitljivo —— */
.bu-detail-fuel-aside,
.bu-detail-hud,
.bu-detail-hud.bu-route-hud {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}
.bu-fuel-card {
  padding: 14px;
  display: grid;
  gap: 10px;
}
.bu-fuel-kicker {
  margin: 0;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b !important;
}
.bu-fuel-hero strong {
  display: block;
  font-size: 22px;
  color: #0f172a !important;
}
.bu-fuel-hero span,
.bu-fuel-note {
  color: #475569 !important;
  font-size: 12px;
}
.bu-fuel-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.bu-fuel-field {
  display: grid;
  gap: 4px;
  font-size: 11px;
  font-weight: 800;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 8px 10px;
}
.bu-fuel-field input {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  height: 36px;
  width: 100%;
  border-radius: 8px;
  font-weight: 800;
}
.bu-fuel-result {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.bu-fuel-stat {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  padding: 10px;
}
.bu-fuel-stat small {
  display: block;
  color: #1d4ed8;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bu-fuel-stat b { color: #0f172a !important; font-size: 18px; }

/* —— Lista + profil —— */
body.bu-lista-chrome .bu-lista-hero {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 18px 18px 12px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}
body.bu-lista-chrome .bu-firm-card {
  transform: none !important;
  border-radius: 16px !important;
}
.bu-public-profile {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 20px 48px;
}
.bu-public-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.bu-public-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bu-public-facts li {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 750;
}

/* —— Auth: full bleed, čitljiv header —— */
body.bu-auth-chrome .bu-auth-head {
  background: #07111f !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(0, 180, 255, 0.22);
}
body.bu-auth-chrome .bu-auth-head-tag { color: #cfe3f6 !important; }
body.bu-auth-chrome .bu-auth-head-link {
  background: #00a3ff !important;
  color: #fff !important;
  border: 0 !important;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-weight: 800;
}
body.bu-auth-chrome .bu-page.bu-auth,
body.bu-auth-chrome main.bu-auth {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr) !important;
  min-height: calc(100dvh - 64px);
  gap: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.bu-auth-chrome .bu-auth-aside {
  background: #07111f !important;
  color: #eaf6ff !important;
  padding: 36px 32px !important;
  border-radius: 0 !important;
}
body.bu-auth-chrome .bu-auth-main {
  padding: 32px 40px 48px !important;
  background: #f4f7fb;
}
body.bu-auth-chrome .bu-form-card,
body.bu-auth-chrome .bu-form label,
body.bu-auth-chrome .bu-form input,
body.bu-auth-chrome .bu-form select {
  max-width: none;
}
body.bu-auth-chrome .bu-form input,
body.bu-auth-chrome .bu-form select {
  min-height: 48px;
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
}
body.bu-auth-chrome .bu-btn.dark,
body.bu-auth-chrome .bu-btn.blue {
  min-height: 48px;
  color: #fff !important;
}

/* —— Softver inner: subnav + druga sekcija —— */
.bu-mkt-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 22px;
  background: rgba(5, 10, 24, 0.72);
  border-bottom: 1px solid rgba(0, 180, 255, 0.2);
}
.bu-mkt-subnav a {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  font-weight: 800;
  color: #d5e8fa;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.bu-mkt-subnav a.is-on {
  background: linear-gradient(90deg, #00a8ff, #0066ff);
  color: #fff;
  border-color: transparent;
}
.bu-soft-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 8px 0 28px;
}
.bu-soft-card {
  background: rgba(7, 16, 32, 0.72);
  border: 1px solid rgba(0, 180, 255, 0.28);
  border-radius: 18px;
  padding: 18px;
  color: #e8f4ff;
  position: relative;
}
.bu-soft-card::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);
}

@media (max-width: 899px) {
  html, body { overflow-x: hidden !important; max-width: 100vw; }
  .bu-neon-packs,
  .bu-soft-grid,
  .bu-pub-foot-inner,
  body.bu-auth-chrome .bu-page.bu-auth {
    grid-template-columns: 1fr !important;
  }
  body.bu-auth-chrome .bu-auth-aside { display: none !important; }
  body.bu-auth-chrome .bu-auth-main { padding: 16px 14px 32px !important; }

  body.bu-landing-page .bu-mshell-bar {
    background: #07111f !important;
  }
  body.bu-landing-page .bu-mshell-menu {
    background: rgba(255, 255, 255, 0.14) !important;
  }
  body.bu-landing-page .bu-neon-hero {
    min-height: auto !important;
  }
  body.bu-landing-page .bu-neon-hero-bg {
    object-fit: cover !important;
    object-position: center 35% !important;
    min-height: 42vh;
  }
  body.bu-landing-page .bu-neon-hero-inner {
    padding: 12px 12px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  body.bu-landing-page .bu-neon-phones { order: -1; }
  body.bu-landing-page .bu-neon-phones-img {
    width: min(78vw, 320px);
    margin: 0 auto;
    display: block;
  }
  body.bu-landing-page .bu-neon-phone-rail { display: none !important; }
  body.bu-landing-page .bu-neon-quad { grid-template-columns: 1fr !important; }
  body.bu-landing-page .bu-neon-script { display: none !important; }

  /* 5–6 kartica: gusta lista, bez duplih labela */
  body.bu-board-page .bu-feed .bu-item.compact {
    grid-template-columns: 1fr auto !important;
    gap: 2px 8px !important;
    padding: 8px 10px !important;
    margin: 0 0 6px !important;
    min-height: 0 !important;
  }
  body.bu-board-page .bu-feed .bu-c-from,
  body.bu-board-page .bu-feed .bu-c-to {
    grid-column: 1 / -1 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }
  body.bu-board-page .bu-feed .bu-c-from::before,
  body.bu-board-page .bu-feed .bu-c-to::before,
  body.bu-board-page .bu-feed .bu-c-veh::before,
  body.bu-board-page .bu-feed .bu-c-w::before,
  body.bu-board-page .bu-feed .bu-c-ldm::before,
  body.bu-board-page .bu-feed .bu-c-date::before,
  body.bu-board-page .bu-feed .bu-c-price::before,
  body.bu-board-page .bu-feed .bu-c-eurkm::before {
    display: none !important;
  }
  body.bu-board-page .bu-feed .bu-c-veh,
  body.bu-board-page .bu-feed .bu-c-w,
  body.bu-board-page .bu-feed .bu-c-ldm,
  body.bu-board-page .bu-feed .bu-c-date {
    display: inline !important;
    grid-column: 1 !important;
    font-size: 11px !important;
    color: #475569 !important;
  }
  body.bu-board-page .bu-feed .bu-c-price {
    grid-column: 2 !important;
    grid-row: 1 / span 3;
    align-self: center;
  }
  body.bu-board-page .bu-feed .bu-c-price strong { font-size: 14px !important; }
  body.bu-board-page .bu-feed .bu-c-eurkm { display: none !important; }
  body.bu-board-page .bu-feed .bu-c-route { display: none !important; }
  body.bu-board-page .bu-board-bar { padding: 6px 8px !important; }
  body.bu-board-page .bu-lane { padding: 6px 8px !important; }
  #bu-mobile-detail-sheet {
    max-height: min(78dvh, 640px) !important;
  }
}