/* Shared visibility + spacing fixes. Preserve the existing TenderPilot design and original logo. */

/* =========================================================
   GLOBAL COMMAND SEARCH HINT
   Must remain visible on every page, including light/dark states.
   ========================================================= */
.site-header .nav-actions .command-btn,
.site-header .nav-actions .command-btn *{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  min-width:52px !important;
  height:42px !important;
  padding:0 12px !important;
  color:#07192d !important;
  -webkit-text-fill-color:#07192d !important;
  text-shadow:0 0 0 #07192d !important;
  font-family:Manrope,DM Sans,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  border:1px solid #dfe6ed !important;
  background:#fff !important;
  box-shadow:none !important;
}
.site-header .nav-actions .command-btn:hover,
.site-header .nav-actions .command-btn:focus,
.site-header .nav-actions .command-btn:active{
  color:#07192d !important;
  -webkit-text-fill-color:#07192d !important;
  background:#f7fafc !important;
  outline:none !important;
}

/* =========================================================
   PAGINATION
   Force readable numbers/arrows on every listing page.
   ========================================================= */
.pagination,
.pagination[hidden]{
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:40px !important;
}
.pagination{
  display:flex !important;
}
.pagination button,
#pagination button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 10px !important;
  color:#07192d !important;
  -webkit-text-fill-color:#07192d !important;
  text-shadow:0 0 0 #07192d !important;
  font-family:Manrope,DM Sans,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  border:1px solid #dfe6ed !important;
  border-radius:10px !important;
  background:#fff !important;
}
.pagination button.active,
#pagination button.active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  background:#07192d !important;
  border-color:#07192d !important;
}
.pagination button:disabled,
#pagination button:disabled{
  color:#718196 !important;
  -webkit-text-fill-color:#718196 !important;
  opacity:.65 !important;
  background:#f7fafc !important;
}

/* =========================================================
   LOADING SKELETONS / TENDERS WHITESPACE
   Do not leave three empty skeleton blocks reserving hundreds
   of pixels after the API has finished loading.
   ========================================================= */
#loadingCards[hidden],
.loading-cards[hidden]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.loading-cards{
  margin:10px 0 !important;
  gap:10px !important;
}
.loading-cards i{
  height:90px !important;
  min-height:0 !important;
}

/* Tenders page: remove artificial vertical space while keeping
   the page comfortable and responsive. */
.page-hero.compact{
  min-height:0 !important;
  height:auto !important;
  padding:112px 0 38px !important;
}
.listing-section{
  padding:18px 0 55px !important;
  min-height:0 !important;
}
.listing-layout{
  gap:18px !important;
  align-items:start !important;
}
.results{
  min-height:0 !important;
  height:auto !important;
}
.result-list{
  gap:10px !important;
  margin-top:10px !important;
}
.result-card{
  min-height:0 !important;
}
#pagination{
  margin-top:14px !important;
  margin-bottom:0 !important;
}

/* Footer logo: use the original transparent asset, never a replacement. */
.footer img{
  width:auto !important;
  height:72px !important;
  max-width:300px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  background:transparent !important;
}
@media (max-width:700px){
  .site-header .nav-actions .command-btn{
    min-width:48px !important;
    height:40px !important;
    padding:0 9px !important;
    font-size:12px !important;
  }
  .footer img{height:62px !important;max-width:260px !important;}
  .page-hero.compact{padding:100px 0 28px !important;}
}

/* TenderPilot admin dashboard visibility */
.hero-section .secondary{
  color:#0a1b2b !important;
  -webkit-text-fill-color:#0a1b2b !important;
  background:#fff !important;
  opacity:1 !important;
  font-weight:800 !important;
}
.hero-section .primary{color:#fff !important;-webkit-text-fill-color:#fff !important;}
.small-actions button{
  color:#0a1b2b !important;
  -webkit-text-fill-color:#0a1b2b !important;
  background:#fff !important;
  opacity:1 !important;
}