/* Catalogue controls: compact, legible and independent of the compiled theme cache. */
.pagination .page-link,
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link:focus-visible,
.pagination .page-item.active .page-link {
  color: #25261f;
}

.pagination .page-item.active .page-link {
  font-weight: 700;
}

.pagination .page-item.disabled .page-link,
.pagination .page-link:disabled,
.pagination .page-link.disabled {
  color: var(--bs-secondary-color);
}

#js-product-list-top .products__sort-dropdown-button:hover,
#js-product-list-top .products__sort-dropdown-button:focus,
#js-product-list-top .products__sort-dropdown-button:focus-visible {
  color: #25261f;
}

#js-product-list-top .products__sort-dropdown .dropdown-item:hover,
#js-product-list-top .products__sort-dropdown .dropdown-item:focus-visible {
  background-color: transparent;
  color: #188251;
}

@media (min-width: 768px) {
  #js-product-list-top .products__sort {
    justify-content: flex-end;
  }

  #js-product-list-top .products__sort-dropdown {
    flex: 0 0 23rem;
  }
}

#js-product-list-top .products__sort-dropdown .dropdown-menu {
  min-width: 100%;
  overflow: hidden;
  padding: 0;
}

/* The template's sort wrapper is not a Bootstrap .dropdown element.
   It therefore needs to establish its own positioning context. */
#js-product-list-top .products__sort-dropdown {
  position: relative;
}

#js-product-list-top .products__sort-dropdown .dropdown-item {
  border-bottom: 1px solid #e5ddcf;
  padding: .78rem 1rem;
  white-space: nowrap;
}

#js-product-list-top .products__sort-dropdown .dropdown-item:last-child {
  border-bottom: 0;
}

#js-product-list-top .products__sort-dropdown .dropdown-item.current {
  background: #f7f2e8;
  color: #25261f;
  font-weight: 700;
}

/* Product-page notice when the cart already contains the product. */
.page-product .alert-info {
  background-color: #ebebeb;
  border-color: #25261f;
  color: #25261f;
}

/* The compact related list is placed beside the product details. Hide only the
   duplicate category-products module emitted by the legacy footer hook. */
.ij-product-footer-hooks .ps-categoryproducts {
  display: none;
}