body { background: #f8f9fa; }
.navbar-brand { font-weight: bold; }
.list-group-item { font-size: 1.2rem; cursor: pointer; }
.offcanvas-header { background: #0d6efd; color: #fff; }

/* 🔹 Search dizayn */
.input-group-text {
  border: none;
  border-radius: 12px 0 0 12px !important;
}
#searchInput {
  border-radius: 0 !important;
}
#clearSearch {
  border-radius: 0 12px 12px 0 !important;
}
@media (max-width: 576px) {
  #searchInput {
    font-size: 1rem;
    padding: 10px;
  }
}

/* 🔹 Search input focus effekti */
#searchInput:focus {
  outline: none;
  border: 2px solid #0d6efd !important;
  box-shadow: 0 0 8px rgba(13, 110, 253, 0.5);
}

.pagination .page-link { border-radius: 10px; }
.list-group-item { cursor: pointer; }  /* 🔹 sichqoncha pointer */