/* 7.9.43 — vidljivost, isti sidebar, marketing scroll, blur, HUD, nalog */

/* —— Scroll: marketing stranice se moraju skrolati —— */
html body.bu-landing-page,
html body.bu-public-inner {
  height: auto !important;
  min-height: 100dvh;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
html body.bu-landing-page .landing-shell,
html body.bu-public-inner .landing-shell {
  height: auto !important;
  min-height: 100dvh;
  overflow: visible !important;
  gap: 0 !important;
  column-gap: 0 !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-public-inner .landing-shell-main {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1100px) {
  html body.bu-landing-page .landing-shell,
  html body.bu-public-inner .landing-shell {
    display: grid !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
  }
}

/* —— Jedan sidebar: tamna ploča, SVJETLA slova (isti na početnoj, tabli, nalogu) —— */
html body.bu-landing-page aside.bu-neon-side,
html body.bu-landing-page aside.landing-sidebar,
html body.bu-public-inner aside.bu-neon-side,
html body.bu-public-inner aside.landing-sidebar,
html body.bu-public-inner aside.bu-board-sidebar,
html body.bu-board-page aside.bu-board-sidebar,
html body.bu-nalog-page aside.bu-board-sidebar,
html body.bu-lista-chrome aside.bu-board-sidebar {
  width: 232px !important;
  max-width: 232px !important;
  margin: 0 !important;
  background: #07111f !important;
  background-image: linear-gradient(180deg, #0a1628 0%, #07111f 100%) !important;
  border-right: 1px solid rgba(122, 240, 255, 0.28) !important;
  color: #f4fbff !important;
  box-shadow: none !important;
}
html body.bu-landing-page .bu-neon-side,
html body.bu-landing-page .bu-neon-side a,
html body.bu-landing-page .bu-neon-side span,
html body.bu-landing-page .bu-neon-side p,
html body.bu-landing-page .bu-neon-side strong,
html body.bu-public-inner .bu-neon-side,
html body.bu-public-inner .bu-neon-side a,
html body.bu-public-inner .bu-neon-side span,
html body.bu-public-inner .bu-neon-side p,
html body.bu-public-inner .bu-neon-side strong,
html body.bu-board-page .bu-board-sidebar,
html body.bu-board-page .bu-board-sidebar a,
html body.bu-board-page .bu-board-sidebar span,
html body.bu-board-page .bu-board-sidebar p,
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-sidebar-hint,
html body.bu-nalog-page .bu-board-sidebar,
html body.bu-nalog-page .bu-board-sidebar a,
html body.bu-nalog-page .bu-board-sidebar span,
html body.bu-nalog-page .bu-board-sidebar-lab,
html body.bu-nalog-page .bu-board-sidebar-sec {
  color: #f4fbff !important;
}
html body.bu-landing-page .bu-neon-side-sec,
html body.bu-board-page .bu-board-sidebar-sec,
html body.bu-nalog-page .bu-board-sidebar-sec {
  color: #7af0ff !important;
  letter-spacing: 0.08em;
  font-weight: 800;
}
html body.bu-landing-page .bu-neon-side-link:not(.is-on),
html body.bu-public-inner .bu-neon-side-link:not(.is-on),
html body.bu-board-page .bu-board-sidebar-link:not(.is-on),
html body.bu-nalog-page .bu-board-sidebar-link:not(.is-on) {
  color: #eaf6ff !important;
  background: transparent !important;
}
html body.bu-landing-page .bu-neon-side-link.is-on,
html body.bu-public-inner .bu-neon-side-link.is-on,
html body.bu-board-page .bu-board-sidebar-link.is-on,
html body.bu-nalog-page .bu-board-sidebar-link.is-on {
  background: linear-gradient(90deg, #00a8ff, #0066ff) !important;
  color: #fff !important;
}
html body.bu-landing-page .bu-neon-ico,
html body.bu-landing-page .bu-neon-ico svg,
html body.bu-board-page .bu-board-sidebar-ico {
  color: #7af0ff !important;
  opacity: 1 !important;
}
html body.bu-landing-page .bu-neon-side-link.is-on .bu-neon-ico,
html body.bu-landing-page .bu-neon-side-link.is-on .bu-neon-ico svg {
  color: #fff !important;
}

/* —— Header tamni, jezik čitljiv i klikabilan —— */
html body.bu-board-page .bu-board-header,
html body.bu-board-page .bu-board-header-inner,
html body.bu-nalog-page .bu-board-header,
html body.bu-nalog-page .bu-board-header-inner,
html body.bu-lista-chrome .bu-board-header {
  background: #07111f !important;
  color: #f4fbff !important;
  overflow: visible !important;
  z-index: 12000;
}
html body.bu-board-page .bu-board-tab,
html body.bu-nalog-page .bu-board-tab,
html body.bu-nalog-page .bu-board-brand-lab,
html body.bu-board-page .bu-board-brand-lab,
html body.bu-nalog-page .bu-nalog-sec-a {
  color: #f4fbff !important;
}
.bu-lang-pick {
  position: relative !important;
  z-index: 50000 !important;
  pointer-events: auto !important;
}
.bu-lang-btn,
.bu-lang-pick-compact .bu-lang-btn {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(122, 240, 255, 0.45) !important;
  color: #fff !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.bu-lang-btn-code,
.bu-lang-pick-compact .bu-lang-btn-code {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em;
}
.bu-lang-pick.is-open .bu-lang-menu {
  z-index: 50001 !important;
  background: #fff !important;
  color: #0b1220 !important;
}

/* —— Filteri: blur liste, NE mape / headera / sidebara / filtera —— */
body.bu-filters-open .bu-feed,
body.bu-filters-open .bu-board-list,
body.bu-filters-open .bu-list-head,
body.bu-filters-open .bu-cols-head,
body.bu-filters-open .bu-drawer,
body.bu-filters-open #bu-detail,
body.bu-filters-open .bu-term-list {
  filter: blur(7px) saturate(0.7) !important;
  pointer-events: none !important;
}
body.bu-filters-open .bu-board-header,
body.bu-filters-open .bu-board-sidebar,
body.bu-filters-open .bu-board-map,
body.bu-filters-open .bu-filters-box,
body.bu-filters-open .bu-lane,
body.bu-filters-open .bu-board-bar,
body.bu-filters-open .leaflet-container {
  filter: none !important;
  pointer-events: auto !important;
}

/* —— Grid: tekst s lijeva, datumi bojom —— */
body.bu-board-page .bu-feed .bu-item.compact {
  justify-items: start !important;
  text-align: left !important;
}
body.bu-board-page .bu-feed .bu-c-from {
  justify-content: flex-start !important;
}
body.bu-board-page .bu-feed .bu-fav-btn {
  margin-left: 0 !important;
  order: -1;
}
body.bu-board-page .bu-c-ldate,
body.bu-board-page .bu-date-load {
  color: #166534 !important;
  font-weight: 850 !important;
  background: #dcfce7;
  border-radius: 8px;
  padding: 2px 8px;
}
body.bu-board-page .bu-c-udate,
body.bu-board-page .bu-date-unload {
  color: #991b1b !important;
  font-weight: 850 !important;
  background: #fee2e2;
  border-radius: 8px;
  padding: 2px 8px;
}
@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.2fr) 7.5rem minmax(0, 1.2fr) 7.5rem minmax(0, 0.8fr) 4.2rem 4.6rem 5.2rem !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.2fr) 7.2rem 5.6rem minmax(0, 1fr) 5.4rem minmax(0, 0.9fr) !important;
  }
}

/* —— Potrošnja: široka, čitljiva —— */
#bu-detail-hud,
.bu-fuel-card.bu-fuel-wide {
  width: 100% !important;
  max-width: none !important;
}
.bu-fuel-card.bu-fuel-wide {
  display: grid;
  gap: 14px;
  padding: 18px 18px 14px !important;
  background: #f8fbff !important;
  border: 1px solid #bfdbfe !important;
  color: #0b1220 !important;
}
.bu-fuel-wide-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}
.bu-fuel-wide-head .bu-fuel-kicker {
  margin: 0;
  color: #1d4ed8 !important;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
}
.bu-fuel-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.bu-fuel-stats .bu-fuel-stat {
  background: #fff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 14px;
  padding: 12px 12px 10px;
}
.bu-fuel-stats .bu-fuel-stat small {
  display: block;
  color: #1d4ed8 !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bu-fuel-stats .bu-fuel-stat b {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  color: #0b1220 !important;
  letter-spacing: -0.03em;
}
.bu-fuel-stats .bu-fuel-stat span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #475569 !important;
}
.bu-fuel-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bu-fuel-field {
  display: grid;
  gap: 6px;
  color: #0b1220 !important;
  font-weight: 800;
  font-size: 12px;
}
.bu-fuel-field input {
  min-height: 44px;
  background: #fff !important;
  color: #0b1220 !important;
  border: 1px solid #93c5fd !important;
  border-radius: 10px;
  padding: 0 10px;
  font-weight: 800;
}

/* —— Marketing inner: svijetla čitljiva knjiga ispod heroja —— */
html body.bu-public-inner {
  background: #eef3f8 !important;
  color: #0b1220 !important;
}
html body.bu-public-inner .landing-shell-main {
  background: #eef3f8 !important;
  color: #0b1220 !important;
}
html body.bu-public-inner .landing-shell-main h1,
html body.bu-public-inner .landing-shell-main h2,
html body.bu-public-inner .landing-shell-main h3,
html body.bu-public-inner .landing-shell-main h4 {
  color: #0b1220 !important;
}
html body.bu-public-inner .landing-shell-main p,
html body.bu-public-inner .landing-shell-main li,
html body.bu-public-inner .landing-shell-main td,
html body.bu-public-inner .landing-shell-main th,
html body.bu-public-inner .landing-shell-main span,
html body.bu-public-inner .bu-mkt-sec-lead {
  color: #334155;
}
html body.bu-public-inner .bu-mkt-hero,
html body.bu-public-inner .bu-mkt-hero-inner,
html body.bu-public-inner .bu-mkt-hero h1,
html body.bu-public-inner .bu-mkt-hero p,
html body.bu-public-inner .bu-mkt-hero span,
html body.bu-public-inner .bu-mkt-lead,
html body.bu-public-inner .bu-mkt-eyebrow,
html body.bu-public-inner .bu-mkt-brand {
  color: #f4fbff !important;
}
html body.bu-public-inner .bu-mkt-hero {
  min-height: 42vh;
  max-height: none;
}
.bu-mkt-subnav {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #07111f !important;
  border-bottom: 1px solid rgba(122, 240, 255, 0.22);
}
.bu-mkt-section {
  background: #fff;
  color: #0b1220;
  padding: 48px 0;
}
.bu-mkt-section-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}
.bu-mkt-sec-head h2 { color: #0b1220 !important; }
.bu-price-grid,
.bu-cmp-cards,
.bu-soft-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.bu-price-card,
.bu-cmp-card,
.bu-soft-card {
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 18px;
  padding: 22px;
  color: #0b1220;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}
.bu-price-card.is-featured {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px rgba(0, 163, 255, 0.25), 0 16px 40px rgba(0, 140, 255, 0.12);
}
.bu-price-num { font-size: 48px; font-weight: 900; letter-spacing: -0.04em; color: #0b1220; }
.bu-price-was {
  text-decoration: line-through;
  color: #94a3b8;
  font-size: 22px;
  font-weight: 800;
  margin-right: 8px;
}
.bu-price-saved {
  display: inline-block;
  margin-top: 6px;
  background: #dcfce7;
  color: #166534;
  font-weight: 800;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
}
.bu-cmp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #dbe4ef;
}
.bu-cmp-table th,
.bu-cmp-table td {
  padding: 14px 16px;
  text-align: left;
  border-bottom: 1px solid #e8eef6;
  color: #0b1220 !important;
}
.bu-cmp-table thead th {
  background: #07111f;
  color: #f4fbff !important;
}
.bu-cmp-table td.is-us {
  background: #f0f9ff;
  font-weight: 750;
  color: #0c4a6e !important;
}

/* —— Nalog header: bez duplog menija —— */
body.bu-nalog-page .bu-nalog-sec-nav { display: none !important; }
body.bu-nalog-page .bu-board-header-inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
body.bu-nalog-page .bu-board-userchip span { color: #f4fbff !important; max-width: 14ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* —— Paketi modal —— */
.bu-pkg-v5 .bu-pkg-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.bu-pkg-v5 .bu-pkg-card {
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 18px;
  padding: 18px;
  color: #0b1220;
}
.bu-pkg-v5 .bu-pkg-card.is-vip {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px rgba(0, 163, 255, 0.2);
}
.bu-pkg-v5 .bu-pkg-was {
  text-decoration: line-through;
  color: #94a3b8;
  font-size: 20px;
  font-weight: 800;
  margin-right: 6px;
}
.bu-pkg-v5 .bu-pkg-card strong { font-size: 36px; letter-spacing: -0.04em; }
.bu-pkg-v5 .bu-pkg-saved {
  display: inline-block;
  margin: 6px 0 8px;
  background: #dcfce7;
  color: #166534;
  font-weight: 800;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
}
.bu-pkg-force {
  background: #fff7ed;
  border: 1px solid #fdba74;
  color: #9a3412;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 750;
}

/* —— Chat: oglas je kontekst poruke, nije „poslato“ —— */
.bu-chat-listing-preview { display: none !important; }
.bu-chat-thread-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bu-chat-context {
  margin: 0 0 12px;
}
.bu-chat-context .bu-chat-ad-card {
  background: #eef2f7;
  border: 1px solid #dbe4ef;
  border-radius: 16px 16px 16px 6px;
  padding: 12px 14px;
  max-width: 94%;
  color: #0b1220;
  box-shadow: none;
}
.bu-chat-context .bu-chat-ad-kicker {
  margin: 0 0 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0369a1;
}
.bu-chat-context .bu-chat-ad-card strong { display: block; font-size: 12px; color: #64748b; }
.bu-chat-context .bu-chat-ad-route { margin: 2px 0 6px; font-size: 15px; font-weight: 850; color: #0b1220; }
.bu-chat-context .bu-chat-ad-card a { color: #0369a1; font-weight: 800; font-size: 12px; }

/* —— Koordinate: uvijek vidljive —— */
.bu-place-gps-strip {
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  background: #eff6ff;
  border: 1px dashed #3b82f6;
}
.bu-place-gps-strip strong { display: block; color: #1d4ed8; font-size: 13px; }
.bu-place-gps-strip p { margin: 4px 0 8px; font-size: 12px; color: #1e3a8a; }
.bu-place-paste {
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid #93c5fd;
  padding: 0 12px;
  font-weight: 750;
  font-family: ui-monospace, Consolas, monospace;
}
.bu-place-load .bu-date-field span,
.bu-compose-step[data-step="1"] .bu-date-field span { color: #166534; }
.bu-place-unload .bu-date-field span,
.bu-compose-step[data-step="2"] .bu-date-field span { color: #991b1b; }
.bu-compose-step[data-step="2"] .bu-date-field {
  border-color: #fca5a5;
  background: #fef2f2;
}

/* —— Finansije —— */
.bu-nalog-win-pay .bu-bill-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.bu-bill-card {
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  padding: 16px;
}
.bu-bill-pack-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.bu-bill-pack {
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  padding: 16px;
  background: #fff;
}
.bu-bill-pack.is-year { border-color: #38bdf8; }
.bu-free-now-box {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  background: #ecfdf5;
  border: 1px solid #86efac;
  margin: 10px 0;
}

@media (max-width: 899px) {
  .bu-fuel-stats,
  .bu-price-grid,
  .bu-pkg-v5 .bu-pkg-cards,
  .bu-bill-overview,
  .bu-bill-pack-row,
  .bu-soft-grid {
    grid-template-columns: 1fr !important;
  }
}

/* —— Grid: 8 kolona cargo, tekst s lijeva, zvijezda ne gura grad u sredinu —— */
html body.bu-board-page .bu-feed .bu-item.bu-row.compact,
html body.bu-board-page .bu-feed .bu-item.compact {
  justify-items: stretch !important;
  text-align: left !important;
}
html body.bu-board-page .bu-feed .bu-item .bu-c {
  text-align: left !important;
  justify-self: stretch !important;
}
html body.bu-board-page .bu-feed .bu-c-from {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
  gap: 6px;
  text-align: left !important;
}
html body.bu-board-page .bu-feed .bu-c-from .bu-city {
  order: 2;
  min-width: 0;
  text-align: left;
}
html body.bu-board-page .bu-feed .bu-fav-btn,
html body.bu-board-page .bu-feed .bu-c-from .bu-fav-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  order: 1;
  flex: 0 0 28px;
}
html body.bu-board-page .bu-feed .bu-item.compact.cargo,
html body.bu-board-page.bu-board-cargo .bu-cols-head,
html body.bu-board-page .bu-board-cargo .bu-cols-head,
html body.bu-board-page .bu-feed .bu-item.bu-row.compact.cargo {
  grid-template-columns: minmax(0, 1.2fr) 7.5rem minmax(0, 1.2fr) 7.5rem minmax(0, 0.8fr) 4.2rem 4.6rem 5.2rem !important;
}

/* —— Jezik: uvijek klikabilan, bijela slova na tamnom baru —— */
html body .bu-lang-pick,
html body .bu-lang-btn,
html body .bu-board-header-right,
html body .bu-board-header-right .bu-lang-pick {
  pointer-events: auto !important;
  position: relative;
  z-index: 50000 !important;
}
html body .bu-lang-btn-code,
html body.bu-board-page .bu-lang-btn-code,
html body.bu-nalog-page .bu-lang-btn-code,
html body.bu-landing-page .bu-lang-btn-code,
html body.bu-public-inner .bu-lang-btn-code {
  color: #f8fbff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}
html body.bu-board-page .bu-board-header,
html body.bu-nalog-page .bu-board-header,
html body.bu-lista-chrome .bu-board-header {
  overflow: visible !important;
}
html body.bu-nalog-page .bu-header-nalog .bu-board-header-inner {
  background: #07111f !important;
  color: #f4fbff !important;
}
html body.bu-nalog-page .bu-board-header-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
html body.bu-nalog-page .bu-board-userchip span { display: none !important; }
@media (min-width: 900px) {
  html body.bu-nalog-page .bu-nalog-tabs-mobile,
  html body.bu-nalog-page .bu-nalog-tabs { display: none !important; }
}

/* —— Chat citat, nije poslano —— */
.bu-chat-thread-body .bu-chat-context {
  align-self: stretch;
}
.bu-chat-context .bu-chat-ad-card {
  margin-right: auto;
  max-width: min(420px, 94%);
  border-left: 4px solid #38bdf8;
  background: #f1f5f9 !important;
  color: #0b1220 !important;
}
.bu-bubble.is-inquiry,
.bu-bubble.me.is-inquiry {
  margin-left: 0 !important;
  margin-right: auto !important;
  background: #eef2f7 !important;
  color: #0b1220 !important;
  border-radius: 16px 16px 16px 6px !important;
}

.bu-fuel-note { color: #64748b !important; font-size: 12px; margin: 0; }
.bu-soft-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.bu-soft-lane {
  display: grid;
  gap: 4px;
  padding: 16px;
  border-radius: 16px;
  background: #07111f;
  color: #f4fbff !important;
  text-decoration: none;
}
.bu-soft-lane strong { color: #fff !important; }
.bu-soft-lane span { color: #9ad8ff !important; }
@media (max-width: 899px) {
  .bu-soft-lanes { grid-template-columns: 1fr; }
}

html body.bu-public-inner .landing-shell {
  grid-template-columns: 232px minmax(0, 1fr) !important;
}
html body.bu-public-inner .bu-mkt,
html body.bu-public-inner .bu-guide {
  overflow: visible !important;
  height: auto !important;
}