/* Berza Utovara 7.9.82 — i18n chrome, desktop lista, navbar, telefon */

/* —— Brand / CTA kontrast (Frachtenbörse nikad bijelo na bijelom) —— */
html body .bu-brand-wordmark,
html body .bu-brand-word,
html body.bu-edition-de .bu-brand-word {
  display: inline-flex !important;
  align-items: center !important;
  color: #0e3340 !important;
  background: #fff !important;
  padding: 4px 12px !important;
  border-radius: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  box-shadow: 0 1px 0 rgba(14, 51, 64, 0.08);
}
html body .bu-neon-cta,
html body .bu-neon-cta.bu-head-register,
html body .bu-head-register {
  background: #0b6e86 !important;
  color: #fff !important;
  border: 1px solid #0a6278 !important;
}
html body .bu-neon-cta:hover,
html body .bu-neon-cta.bu-head-register:hover,
html body .bu-head-register:hover {
  background: #095a6e !important;
  color: #fff !important;
}

/* —— Landing / product header: jedna linija, max 64px —— */
html body.bu-landing-page [data-landing-header].bu-neon-head,
html body.bu-product-page [data-landing-header].bu-neon-head,
html body [data-landing-header].bu-neon-head {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  overflow: hidden !important;
}
html body.bu-landing-page .bu-neon-head-inner,
html body.bu-product-page .bu-neon-head-inner,
html body [data-landing-header] .bu-neon-head-inner {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  overflow: hidden !important;
}
html body .bu-neon-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  min-width: 0 !important;
}
html body.bu-landing-page .landing-shell-main,
html body.bu-product-page .landing-shell-main {
  padding-top: 64px !important;
}

/* Radius label razmak: "Radius aus" ne "Radiusaus" */
html body .bu-range span,
html body .bu-range-compact span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap;
}

/* Twin bars: kompaktno, 44px touch */
html body.bu-board-page .bu-twin-bars {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}
html body.bu-board-page .bu-alert-bar,
html body.bu-board-page .bu-filter-bar {
  min-height: 44px !important;
  align-items: center !important;
}

/* Desktop: sakrij phone chrome */
@media (min-width: 900px) {
  html body .bu-mshell,
  html body .bu-phonedock,
  html body.bu-board-page .bu-mshell,
  html body.bu-board-page .bu-phonedock {
    display: none !important;
  }

  html body.bu-board-page .bu-board-header-v8 .bu-board-header-inner {
    min-height: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
    align-items: center !important;
  }

  html body.bu-board-page #bu-filter-fold:not(.open) {
    display: none !important;
  }

  html body.bu-board-page .bu-mcard-route,
  html body.bu-board-page .bu-mcard-meta {
    display: none !important;
  }

  /* Cargo: 9 kolona (fav from date to date veh t m €) */
  html body.bu-board-page .bu-cols-head,
  html body.bu-board-page .bu-feed .bu-item.bu-row.compact,
  html body.bu-board-page .bu-feed .bu-item.compact {
    display: grid !important;
    grid-template-columns: 32px minmax(110px, 1.4fr) 88px minmax(110px, 1.4fr) 88px minmax(72px, 1fr) 52px 52px 72px !important;
    grid-template-areas: none !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
  }
  html body.bu-board-page .bu-board-truck .bu-cols-head,
  html body.bu-board-page.bu-board-truck .bu-cols-head,
  html body.bu-board-page .bu-board-truck .bu-feed .bu-item.bu-row.compact,
  html body.bu-board-page.bu-board-truck .bu-feed .bu-item.compact {
    grid-template-columns: 32px minmax(110px, 1.4fr) 88px minmax(90px, 1fr) minmax(90px, 1fr) 56px minmax(90px, 1.1fr) !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-c,
  html body.bu-board-page .bu-feed .bu-item.bu-row.compact > .bu-c {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-c::before,
  html body.bu-board-page .bu-feed .bu-item.bu-row.compact .bu-c::before {
    content: none !important;
    display: none !important;
  }
}

/* Telefon: dock, filteri, compose */
@media (max-width: 899px) {
  html body.bu-board-page .bu-twin-bars {
    gap: 6px !important;
    padding: 6px 8px 4px !important;
  }
  html body.bu-board-page .bu-alert-bar,
  html body.bu-board-page .bu-filter-bar {
    min-height: 44px !important;
    max-height: 44px !important;
  }
  html body.bu-board-page .bu-alert-hint,
  html body.bu-board-page .bu-alert-bar-main small,
  html body.bu-board-page #bu-filter-bar-hint,
  html body.bu-board-page .bu-filter-bar small,
  html body.bu-board-page .bu-alert-bar-act,
  html body.bu-board-page #f-toggle-label {
    display: none !important;
  }
  html body.bu-board-page .bu-alert-txt { display: none !important; }
  html body.bu-board-page .bu-alert-bar {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  html body.bu-board-page .bu-filter-bar {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    padding: 0 12px !important;
  }
  html body.bu-board-page #bu-filter-bar-title {
    font-size: 13px !important;
    font-weight: 800;
  }

  html body.bu-board-page .bu-phonedock {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    min-height: 52px !important;
    padding: 4px 4px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    background: #0e3340 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  html body.bu-board-page .bu-phonedock-a,
  html body.bu-board-page button.bu-phonedock-a {
    min-height: 44px !important;
    gap: 2px !important;
    color: #9fb4c0 !important;
  }
  html body.bu-board-page .bu-phonedock-a.is-on,
  html body.bu-board-page .bu-phonedock-a.is-on em {
    color: #7af0ff !important;
  }
  html body.bu-board-page .bu-phonedock-a em {
    font-size: 10px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1.1;
  }
  html body.bu-board-page .bu-phonedock-pub {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 14px !important;
    background: #0b6e86 !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    align-self: center;
  }

  html body .bu-nalog-compose,
  html body.bu-nalog-page .bu-nalog-compose {
    padding: 12px 12px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .bu-compose-head {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
  }
  html body .bu-compose-head h2 {
    font-size: 22px !important;
    margin: 4px 0 !important;
  }
  html body .bu-post-layout,
  html body .bu-post-layout-nalog {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  html body .bu-compose-step {
    padding: 14px 0;
  }
  html body .bu-compose-step input,
  html body .bu-compose-step select,
  html body .bu-form input,
  html body .bu-form select,
  html body .bu-place-q {
    min-height: 44px !important;
    font-size: 16px !important;
  }
  html body .bu-compose-submit {
    position: sticky;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    z-index: 8;
    width: 100%;
    min-height: 48px !important;
    margin-top: 12px;
  }
  html body .bu-post-confirm-sheet {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}