/* Catalog links and the fallback paginator supplied by the Flex theme. */
.zp-catalog-pagination:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: 1.25rem .5rem;
}
.zp-catalog-pagination > span {
  order: -1;
  flex: 0 0 100%;
  color: #453b32;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.zp-catalog-pagination > a,
#zp-native-pagination a:is(.pagination-button-prev, .pagination-button-next) {
  display: inline-flex;
  position: static;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  box-sizing: border-box;
  width: auto;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: .6rem 1.15rem;
  border: 1px solid #453b32;
  border-radius: 999px;
  background: #332b25;
  color: #fffaf5;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
}
.zp-catalog-pagination > a:hover,
#zp-native-pagination a[href]:is(.pagination-button-prev, .pagination-button-next):hover {
  background: #514238;
}
.zp-catalog-pagination > a:focus-visible,
#zp-native-pagination a[href]:focus-visible,
#zp-native-pagination input:focus-visible {
  outline: 3px solid #805626;
  outline-offset: 3px;
}
#zp-native-pagination .pagination-button-prev::after { content: "Anterior"; }
#zp-native-pagination .pagination-button-next::before { content: "Próxima"; }
#zp-native-pagination a:not([href]):is(.pagination-button-prev, .pagination-button-next) {
  background: #f1ebe5;
  border-color: #d5c9bd;
  color: #68594e;
  opacity: 1;
}
#zp-native-pagination .pagination-input-container {
  color: #453b32;
  font-size: 1rem;
}
@media (max-width: 575px) {
  #zp-native-pagination .row { gap: .6rem; margin-inline: 0; }
  #zp-native-pagination .col-auto { padding-inline: 0; }
  #zp-native-pagination .col-auto:nth-child(2) { order: -1; flex-basis: 100%; }
}

/* Draw inside the existing Flex menu button without resizing its icon or hit area. */
.btn-hamburger[data-component="menu-button"][data-toggle="#nav-hamburger"] {
  border-radius: 8px;
  outline: 1px solid currentColor;
  outline-offset: -3px;
}
.btn-hamburger[data-component="menu-button"][data-toggle="#nav-hamburger"]:focus-visible {
  outline-width: 2px;
}
