/* ============================================================
   Pazar.top — override.css
   Poboljšava stilove pretrazi_ i ostalih originalnih stranica
   ============================================================ */

/* Ensure all pages use our font and base */
body {
  font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif !important;
}

/* Header poboljšanja na pretrazi stranicama */
.page-header {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
  border-bottom: none !important;
}

/* Oglas kartice - uniformni stil */
.oglas-card, .card-oglas, .izlog-card {
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
  transition: transform .2s, box-shadow .2s !important;
  border: 1.5px solid #f0f0f0 !important;
  overflow: hidden !important;
}
.oglas-card:hover, .card-oglas:hover, .izlog-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.14) !important;
  border-color: #007BFF !important;
}

/* Filter box */
.filter-box, .filter-card {
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
}

/* Dugmad */
button[type=submit], .btn-filter, .submit-btn {
  background: linear-gradient(90deg, #007BFF, #00C2FF) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: .65rem 1.4rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: opacity .2s !important;
}
button[type=submit]:hover, .btn-filter:hover, .submit-btn:hover {
  opacity: .88 !important;
}

/* Back dugme */
.back-btn {
  background: transparent !important;
  border: 1.5px solid #007BFF !important;
  color: #007BFF !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .15s, color .15s !important;
}
.back-btn:hover {
  background: #007BFF !important;
  color: #fff !important;
}

/* Badge brojači */
.badge {
  background: linear-gradient(90deg,#007BFF,#00C2FF) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Input polja */
select, input[type=text], input[type=number], input[type=search] {
  border-radius: 8px !important;
  border: 1.5px solid #e2e8f0 !important;
  padding: .55rem .9rem !important;
  font-size: 13px !important;
  transition: border-color .2s !important;
}
select:focus, input[type=text]:focus, input[type=number]:focus, input[type=search]:focus {
  border-color: #007BFF !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,123,255,.1) !important;
}

/* Topbar navigacija unutar kategorija */
.topbar {
  background: #fff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
.topbar a {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: color .2s !important;
}
.topbar a:hover, .topbar a.active {
  color: #007BFF !important;
}
.topbar a.active {
  border-bottom: 3px solid #007BFF !important;
}

/* Submenu */
.submenu {
  background: #f8faff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.submenu a {
  background: #fff !important;
  border-radius: 8px !important;
  color: #333 !important;
  border: 1px solid #e2e8f0 !important;
  transition: all .15s !important;
}
.submenu a:hover {
  background: #007BFF !important;
  color: #fff !important;
  border-color: #007BFF !important;
}

/* VIP oznake */
.vip-badge, .vip-label, [class*="vip"] {
  background: linear-gradient(90deg,#f6d365,#fda085) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
}

/* Paginacija */
.pagination, .paging {
  display: flex !important;
  gap: .4rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 2rem 0 !important;
}
.pagination a, .paging a, .pagination span, .paging span {
  padding: .5rem .9rem !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #333 !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: background .15s !important;
}
.pagination a:hover, .paging a:hover {
  background: #007BFF !important;
  color: #fff !important;
  border-color: #007BFF !important;
}
.pagination .active, .paging .active, .pagination .current, .paging .current {
  background: linear-gradient(90deg,#007BFF,#00C2FF) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #007BFF; }

/* Chip filteri */
.chip {
  background: #ebf8ff !important;
  border: 1px solid #bee3f8 !important;
  color: #2c5282 !important;
  border-radius: 999px !important;
  padding: 4px 10px 4px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.chip-x {
  color: #e53e3e !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 4px !important;
}

/* Footer chat button margin */
.chat-widget { z-index: 9000 !important; }

/* Responsive fixes */
@media (max-width: 768px) {
  .oglas-card img, .card-oglas img {
    height: 160px !important;
    object-fit: cover !important;
  }
}