/* Ferizaj24 — Frontend CSS */
:root { --primary:#1a56db; --warning:#f59e0b }
body { font-family:'Segoe UI',system-ui,sans-serif; color:#374151; background:#f9fafb }

/* HERO */
.hero-search .input-group { border-radius:12px; overflow:hidden }
.hero-search input, .hero-search select, .hero-search .input-group-text { padding:.75rem 1rem }
.hero-search .btn { border-radius:0 12px 12px 0; padding:.75rem 2rem }

/* CARDS */
.category-card { transition:transform .2s, box-shadow .2s; border:none; border-radius:12px }
.category-card:hover { transform:translateY(-4px); box-shadow:0 8px 25px rgba(0,0,0,.12)!important }
.business-card { border-radius:12px; transition:transform .2s, box-shadow .2s; overflow:hidden }
.business-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.12)!important }

/* STARS */
.star-rating { display:flex; flex-direction:row-reverse; justify-content:flex-end }
.star-rating input { display:none }
.star-rating label { font-size:2rem; color:#d1d5db; cursor:pointer; transition:color .1s }
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label { color:#f59e0b }

/* MAP */
#map { height:320px; border-radius:0 0 12px 12px; z-index:1 }

/* PAGINATION */
.pagination .page-link { border-radius:8px!important; margin:0 2px; color:var(--primary) }
.pagination .page-item.active .page-link { background:var(--primary); border-color:var(--primary) }

/* ALERTS */
.alert { border-radius:10px }

/* BUTTONS */
.btn { border-radius:8px }

/* NAVBAR */
.navbar-dark .navbar-nav .nav-link { color:rgba(255,255,255,.85) }
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active { color:#fff }

@media(max-width:768px) {
  #map { height:220px }
}