/* Halabag reusable pagination
   Use wrapper class: .hb-pagination
   Works with Laravel paginator links and DataTables .pagination
*/
.hb-pagination {
  --hb-pagination-olive: var(--brand-t-8ca84f, #8ca84f);
  --hb-pagination-olive-dark: var(--brand-t-75923f, #75923f);
  --hb-pagination-border: var(--hairline, #d9d4c8);
  --hb-pagination-text: var(--ink-2, #5f5a52);
  --hb-pagination-radius: 10px;
}

.hb-pagination .pagination,
ul.pagination.hb-pagination {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hb-pagination .pagination .page-item,
ul.pagination.hb-pagination .page-item {
  margin: 0;
}

.hb-pagination .pagination .page-item .page-link,
.hb-pagination .pagination .page-item > a,
.hb-pagination .pagination .page-item > span,
ul.pagination.hb-pagination .page-item .page-link,
ul.pagination.hb-pagination .page-item > a,
ul.pagination.hb-pagination .page-item > span,
.hb-pagination .hb-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 38px;
  height: 38px;
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--hb-pagination-border);
  border-radius: var(--hb-pagination-radius) !important;
  background: var(--surface-1, #fff);
  color: var(--hb-pagination-text) !important;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.hb-pagination .hb-page-arrow,
.hb-pagination .material-icons.hb-page-arrow,
.hb-pagination .material-icons-outlined.hb-page-arrow {
  font-size: 1.35rem !important;
  line-height: 1 !important;
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-weight: normal;
}

.hb-pagination .pagination .page-item .page-link:hover,
.hb-pagination .pagination .page-item > a:hover,
ul.pagination.hb-pagination .page-item .page-link:hover,
.hb-pagination .hb-page-btn:hover:not(:disabled):not(.is-active) {
  background: var(--surface-2, #f7f6f2);
  border-color: #cfc8ba;
  color: var(--hb-pagination-text) !important;
}

.hb-pagination .pagination .page-item.active .page-link,
.hb-pagination .pagination .page-item.active > a,
.hb-pagination .pagination .page-item.active > span,
ul.pagination.hb-pagination .page-item.active .page-link,
.hb-pagination .hb-page-btn.is-active {
  background: var(--hb-pagination-olive) !important;
  border-color: var(--hb-pagination-olive) !important;
  color: #fff !important;
}

.hb-pagination .pagination .page-item.active .page-link:hover,
ul.pagination.hb-pagination .page-item.active .page-link:hover,
.hb-pagination .hb-page-btn.is-active:hover {
  background: var(--hb-pagination-olive-dark) !important;
  border-color: var(--hb-pagination-olive-dark) !important;
  color: #fff !important;
}

.hb-pagination .pagination .page-item.disabled .page-link,
.hb-pagination .pagination .page-item.disabled > a,
.hb-pagination .pagination .page-item.disabled > span,
ul.pagination.hb-pagination .page-item.disabled .page-link,
.hb-pagination .hb-page-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  background: var(--surface-1, #fff);
  color: var(--ink-muted, #9a948a) !important;
}

.hb-pagination .pagination .page-item.previous .page-link,
.hb-pagination .pagination .page-item.next .page-link,
.hb-pagination .hb-page-btn.is-nav {
  min-width: auto;
  padding-left: 0.95rem;
  padding-right: 0.95rem;
}

/* Hide theme chevron icons so only single ← / → text arrows show */
.hb-pagination .pagination .page-item.previous .page-link::before,
.hb-pagination .pagination .page-item.prev .page-link::before,
.hb-pagination .pagination .page-item.next .page-link::after,
.hb-pagination .pagination .page-item.next-item .page-link::after,
.hb-pagination .pagination .page-item.prev-item .page-link::before,
ul.pagination.hb-pagination .page-item.previous .page-link::before,
ul.pagination.hb-pagination .page-item.prev .page-link::before,
ul.pagination.hb-pagination .page-item.next .page-link::after,
ul.pagination.hb-pagination .page-item.next-item .page-link::after,
.dataTables_paginate.hb-pagination .pagination .page-item.previous .page-link::before,
.dataTables_paginate.hb-pagination .pagination .page-item.next .page-link::after,
.dt-paging.hb-pagination .pagination .page-item.previous .page-link::before,
.dt-paging.hb-pagination .pagination .page-item.next .page-link::after {
  content: none !important;
  display: none !important;
}

/* DataTables wrapper alignment (1.x + 2.x) */
.dataTables_wrapper .dataTables_paginate.hb-pagination,
.dt-container .dt-paging.hb-pagination {
  float: none;
  text-align: right;
  padding-top: 0.75rem;
}

.dataTables_wrapper .dataTables_paginate.hb-pagination .pagination,
.dt-container .dt-paging.hb-pagination .pagination {
  justify-content: flex-end;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_paginate.hb-pagination,
html[data-textdirection="rtl"] .dataTables_wrapper .dataTables_paginate.hb-pagination,
html[dir="rtl"] .dt-container .dt-paging.hb-pagination,
html[data-textdirection="rtl"] .dt-container .dt-paging.hb-pagination {
  text-align: left;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_paginate.hb-pagination .pagination,
html[data-textdirection="rtl"] .dataTables_wrapper .dataTables_paginate.hb-pagination .pagination,
html[dir="rtl"] .dt-container .dt-paging.hb-pagination .pagination,
html[data-textdirection="rtl"] .dt-container .dt-paging.hb-pagination .pagination {
  justify-content: flex-start;
}