/* =========================
   FIXES FINAIS (compat total)
   ========================= */

/* 1) “Ver lances” sem CSS variables (cores fixas) */
.job-card .btn.btn-light-outline[data-toggle-bids]{
  color:#0d6efd !important;          /* primary Bootstrap */
  border-color:#0d6efd !important;
  background:transparent;
  font-weight:600;
}
.job-card .btn.btn-light-outline[data-toggle-bids]:hover,
.job-card .btn.btn-light-outline[data-toggle-bids]:focus{
  color:#fff !important;
  background:#0d6efd !important;
  border-color:#0d6efd !important;
  box-shadow:0 0 0 .2rem rgba(13,110,253,.25);
}
.job-card .btn.btn-light-outline[data-toggle-bids]:active{
  color:#fff !important;
  background:#0b5ed7 !important;
  border-color:#0b5ed7 !important;
}

/* Dark mode do botão (também sem var()) */
html.dark .job-card .btn.btn-light-outline[data-toggle-bids]{
  color:#60a5fa !important;          /* azul claro no escuro */
  border-color:#60a5fa !important;
}
html.dark .job-card .btn.btn-light-outline[data-toggle-bids]:hover,
html.dark .job-card .btn.btn-light-outline[data-toggle-bids]:focus{
  color:#0b1220 !important;
  background:#60a5fa !important;
  border-color:#60a5fa !important;
  box-shadow:0 0 0 .2rem rgba(96,165,250,.35);
}

/* 2) Dimensão da logo (navbar + footer) */
.navbar .brand-logo{height:28px;width:auto;object-fit:contain}
@media (max-width:576px){ .navbar .brand-logo{height:22px} }

.site-footer .logo{height:28px;width:auto;object-fit:contain;opacity:.9}
@media (max-width:576px){ .site-footer .logo{height:24px} }

/* 3) Consolidar miniaturas (evita conflito) */
.avatar-lg{width:64px;height:64px;object-fit:cover;border-radius:50%}
.img-soft-border{border:1px solid #dee2e6;border-radius:.75rem}
html.dark .img-soft-border{border-color:#1f2937}

/* Micro-polimento: sombra do header ao rolar */
.navbar.scrolled{box-shadow:0 2px 16px rgba(2,6,23,.08)}
html.dark .navbar.scrolled{box-shadow:0 2px 16px rgba(0,0,0,.35)}