/* Berza Utovara 7.9.81 — telefon: nav, lista, mapa, Dispo sheet, novo */

/* Google Maps link */
html body a.bu-gmaps {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1.5px solid #0b6e86;
  color: #0b6e86 !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  background: #f0fafc;
}
html body a.bu-gmaps[hidden] { display: none !important; }
html body a.bu-gmaps:hover { background: #0b6e86; color: #fff !important; }

/* Novo badge — čip, ne vika */
html body .bu-tag.bu-tag-new,
html body .bu-feed .bu-tag-new {
  display: inline-flex !important;
  align-items: center;
  margin-left: 6px;
  padding: 1px 7px !important;
  border-radius: 999px !important;
  background: #059669 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  vertical-align: middle;
  box-shadow: none !important;
}
html body .bu-feed .bu-item.is-new {
  box-shadow: inset 3px 0 0 #059669, 0 8px 18px rgba(15, 23, 42, .06) !important;
  border-color: #b7e4c7 !important;
  background: linear-gradient(90deg, #ecfdf5 0, #fff 28px) !important;
}

/* Fresh toast — mali, dolje, ne 20% ekrana */
html body .bu-fresh,
html body .bu-fresh-toast,
html body.bu-board-page .bu-fresh-toast,
html body.bu-board-page .bu-fresh {
  position: fixed !important;
  top: auto !important;
  right: 12px !important;
  left: 12px !important;
  bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 4200 !important;
  width: auto !important;
  max-width: 420px;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border: 1px solid #059669 !important;
  background: #042f2e !important;
  color: #ecfdf5 !important;
  box-shadow: 0 16px 40px rgba(4, 47, 46, .4) !important;
  overflow: hidden;
}
html body .bu-fresh-go {
  color: #ecfdf5 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  padding: 10px 12px !important;
  gap: 4px !important;
  flex-direction: column;
  align-items: flex-start;
}
html body .bu-fresh-go strong {
  display: block;
  font-size: 13.5px;
  font-weight: 800;
}
html body .bu-fresh-go small {
  display: block;
  font-size: 11px;
  font-weight: 650;
  opacity: .85;
}
html body .bu-fresh-dot {
  background: #34d399 !important;
  box-shadow: 0 0 0 3px rgba(52, 211, 153, .35) !important;
}
html body .bu-fresh-x {
  color: #ecfdf5 !important;
  background: rgba(255,255,255,.08) !important;
}

html body .bu-renew-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12.5px;
  color: #3d5c68;
  margin: 4px 0 0;
}
html body .bu-listings-row .bu-btn.is-renew {
  border-color: #059669;
  color: #047857;
  font-weight: 800;
}

@media (max-width: 899px) {
  /* —— NAV BUDGET: jedan top, jedan slim filter, jedan dock —— */
  html body.bu-board-page .bu-board-bar .bu-switch,
  html body.bu-board-page .bu-switch.bu-mobile-only,
  html body.bu-board-page .bu-cols-head,
  html body .bu-cols-head,
  html body.bu-board-page .bu-list-head,
  html body.bu-board-page .bu-list-toolbar,
  html body.bu-board-page .bu-mobile-results,
  html body.bu-board-page footer .bu-dock {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.bu-board-page .bu-mshell-bar {
    min-height: 48px !important;
    padding: 4px 8px !important;
  }
  html body.bu-board-page .bu-mshell-views,
  html body.bu-board-page .bu-mshell-view-ai { display: none !important; }

  html body.bu-board-page .bu-twin-bars {
    display: flex !important;
    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: 36px !important;
    max-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 10px !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-bar {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    flex: 0 0 36px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  html body.bu-board-page .bu-alert-txt { display: none !important; }
  html body.bu-board-page .bu-filter-bar { flex: 1 1 auto !important; }
  html body.bu-board-page #bu-filter-bar-title {
    font-size: 12.5px !important;
    font-weight: 800;
  }
  html body.bu-board-page .bu-twin-bars {
    max-height: 48px;
    overflow: hidden;
    transition: max-height .22s ease, opacity .22s ease, padding .22s ease;
  }
  html body.bu-board-page.bu-filters-sheet-open .bu-twin-bars {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0;
  }
  html body.bu-board-page .bu-tabs-chrome {
    padding: 0 8px 4px;
    max-height: 36px;
    overflow-x: auto;
  }

  html body.bu-board-page #bu-filter-fold {
    transition: transform .24s ease;
  }

  /* Lista — dvije linije, puni nazivi, bez labela kolona */
  html body.bu-board-page .bu-feed {
    padding: 4px 8px 88px !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact,
  html body.bu-board-page .bu-feed .bu-item.bu-row.compact,
  html body.bu-lista-chrome .bu-item.compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px !important;
    grid-template-areas: "route fav" "meta fav" !important;
    flex-direction: unset !important;
    align-items: start !important;
    gap: 2px 6px !important;
    margin: 0 0 6px !important;
    padding: 9px 6px 9px 10px !important;
    min-height: 0 !important;
    border-radius: 12px !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-c,
  html body.bu-lista-chrome .bu-item.compact > .bu-c {
    display: none !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-c-fav {
    display: flex !important;
    grid-area: fav;
    justify-content: flex-end;
    align-items: flex-start;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-c::before,
  html body.bu-lista-chrome .bu-item.compact .bu-c::before {
    content: none !important;
    display: none !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-c-route,
  html body.bu-board-page .bu-feed .bu-item.compact .bu-m-meta {
    display: none !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-route {
    grid-area: route;
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    font-size: 14.5px;
    font-weight: 800;
    color: #0e3340;
    line-height: 1.3;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-route i {
    font-style: normal;
    color: #0b6e86;
    flex: 0 0 auto;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-route b {
    font-weight: 800;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-meta {
    grid-area: meta;
    display: flex !important;
    flex-wrap: wrap;
    gap: 3px 8px;
    font-size: 11.5px;
    font-weight: 700;
    color: #3d5c68;
    line-height: 1.3;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-meta .bu-mchip {
    white-space: nowrap;
  }
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-meta .bu-mchip-new {
    color: #047857;
    background: #d1fae5;
    border-radius: 6px;
    padding: 0 5px;
  }

  /* Mapa fullscreen ispod bara */
  html body.bu-board-page #bu-map-pane:not(.hidden-m) {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 92px;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    z-index: 40;
    background: #e8eef5;
  }
  html body.bu-board-page.bu-filters-sheet-open #bu-map-pane:not(.hidden-m) {
    top: 48px;
  }
  html body.bu-board-page button.bu-phonedock-a {
    appearance: none;
    background: none;
    border: 0;
    font: inherit;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    flex: 1;
    cursor: pointer;
  }
  html body.bu-board-page .bu-ai-close {
    min-width: 36px;
    padding: 6px 10px;
  }
  html body.bu-board-page #bu-map { height: 100% !important; }

  /* Dispo AI = chat sheet odozdo */
  html body.bu-board-page #bu-dispo {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto !important;
    height: min(78dvh, 620px) !important;
    z-index: 95 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 18px 18px 0 0;
    background: #fff;
    box-shadow: 0 -18px 40px rgba(15, 23, 42, .28);
    transform: translateY(110%);
    transition: transform .24s ease;
    pointer-events: none;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  html body.bu-board-page.bu-ai-open #bu-dispo,
  html body.bu-board-page #bu-dispo:not(.hidden-m).is-sheet {
    transform: translateY(0);
    pointer-events: auto;
  }
  html body.bu-board-page.bu-ai-open #bu-dispo.hidden-m {
    display: flex !important;
    transform: translateY(0);
    pointer-events: auto;
  }
  html body .bu-ai-scrim {
    position: fixed;
    inset: 0;
    z-index: 94;
    background: rgba(14, 51, 64, .42);
  }
  html body .bu-ai-scrim[hidden] { display: none !important; }
  html body.bu-board-page #bu-dispo .bu-dispo-log,
  html body.bu-board-page #bu-dispo .bu-chat-body {
    flex: 1;
    overflow-y: auto;
  }

  /* Board dock: Lista Mapa + Dispo, ne 5 site linkova */
  html body.bu-board-page .bu-phonedock {
    display: flex !important;
    justify-content: space-around;
    min-height: 56px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  html body.bu-board-page .bu-phonedock-a em {
    font-size: 10px;
    font-weight: 800;
  }

  html body.bu-auth-chrome .bu-phonedock { display: none !important; }
}

@media (min-width: 900px) {
  html body .bu-mcard-route,
  html body .bu-mcard-meta { display: none !important; }
}