/**
 * Pager (Pagination) Styles
 * Based on the original ANF Cinemateca website design
 */

/* Pager container */
.item-list .pager {
  clear: both;
  text-align: center;
  margin: 1em 0;
}

/* Pager list items */
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0 2px;
}

/* Current page (active) */
ul.pager li.pager-current,
.pager__item.is-active,
.pager__item.is-active a,
.pager__item--current,
.pager__item--current a,
nav.pager .is-active {
  background-color: #005a8c !important;
  color: #FFFFFF !important;
  padding: 1px 4px;
  font-weight: bold;
}

/* Pager links */
.item-list .pager li a,
.pager__item a {
  padding: 1px 4px;
  background-color: transparent;
  text-decoration: none;
  color: #333;
  display: inline-block;
}

/* Pager links hover state */
.item-list .pager li a:hover,
.pager__item a:hover {
  text-decoration: underline;
}

/* First/Previous/Next/Last specific styling */
.pager__item--first,
.pager__item--previous,
.pager__item--next,
.pager__item--last {
  font-weight: normal;
}

/* Drupal 10+ pager wrapper */
nav.pager {
  text-align: center;
  margin: 1em 0;
}

nav.pager ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 4px;
}

nav.pager .pager__item {
  display: inline-block;
}