/* Figma Pagination (Item), Breadcrumbs (Item). Outer page bands stay page-owned. */
.fenix-site-main:has([class$='-breadcrumb']) {
  padding-top: var(--fenix-header-block-size);
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  width: auto;
  max-width: 100%;
  min-height: 48px;
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > :is(a, button, span),
.fenix-pagination__item {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 12px;
  border: 0;
  border-radius: 24px;
  background: transparent;
  color: var(--fenix-primary-800);
  font: var(--fenix-weight-regular) 16px / 24px var(--fenix-font);
  letter-spacing: 0;
  text-decoration: none;
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > :is(a, button):hover:not([aria-disabled='true']):not(:disabled),
.fenix-pagination__item:hover:not([aria-disabled='true']):not(:disabled) {
  background: var(--fenix-primary-100);
  color: var(--fenix-primary-500);
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > :focus-visible,
.fenix-pagination__item:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--fenix-primary-100);
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > :is(.is-active, [aria-current='page']),
.fenix-pagination__item[aria-current='page'] {
  background: var(--fenix-primary-500);
  color: var(--fenix-white);
}

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > :is([aria-disabled='true'], :disabled),
.fenix-pagination__item:is([aria-disabled='true'], :disabled) {
  color: var(--fenix-neutral-400);
  background: transparent;
  cursor: not-allowed;
}

.fenix-pagination__arrow::before,
:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > .page-numbers:is(.prev, .next)::before {
  content: '';
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: currentColor;
  mask: url('../../images/design-system/chevron-right.svg') center / 24px 24px no-repeat;
}
.fenix-pagination__arrow--previous::before,
:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > .page-numbers.prev::before { transform: rotate(180deg); }

:is(.fenix-pagination, .fenix-case-study-pagination, .fenix-resources-pagination, .fenix-testimonials-pagination) > .page-numbers:is(.prev, .next) > [aria-hidden='true'] { display: none; }

:is(.fenix-breadcrumb, .fenix-case-detail-breadcrumb__inner,
  .fenix-job-detail-breadcrumb__inner, .fenix-testimonial-detail-breadcrumb__inner,
  .fenix-blog-detail-breadcrumb__inner, .fenix-news-detail-breadcrumb__inner) {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  margin-inline: auto;
}

:is(.fenix-breadcrumb, .fenix-case-detail-breadcrumb__inner,
  .fenix-job-detail-breadcrumb__inner, .fenix-testimonial-detail-breadcrumb__inner,
  .fenix-blog-detail-breadcrumb__inner, .fenix-news-detail-breadcrumb__inner) > :is(a, strong),
.fenix-breadcrumb__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  color: var(--fenix-neutral-600);
  background: transparent;
  font: var(--fenix-weight-regular) 14px / 20px var(--fenix-font);
  letter-spacing: 0;
  text-decoration: none;
  overflow-wrap: anywhere;
}

:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > a:hover:not([aria-disabled='true']),
.fenix-breadcrumb__item:hover:not([aria-disabled='true']) {
  background: var(--fenix-neutral-100);
}
:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > a:focus-visible,
.fenix-breadcrumb__item:focus-visible {
  outline: 0;
  color: var(--fenix-primary-500);
  background: var(--fenix-primary-50);
}
:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > :is(strong, [aria-current='page']),
.fenix-breadcrumb__item[aria-current='page'] {
  color: var(--fenix-primary-500);
  font-weight: var(--fenix-weight-bold);
  background: transparent;
}
:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > [aria-disabled='true'],
.fenix-breadcrumb__item[aria-disabled='true'] {
  color: var(--fenix-neutral-400);
  background: transparent;
  cursor: not-allowed;
}
.fenix-breadcrumb__separator {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: var(--fenix-neutral-400);
  mask: url('../../images/design-system/chevron-right.svg') center / 24px 24px no-repeat;
}

:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > a {
  flex: 0 0 auto;
  max-width: 50%;
}
:is(.fenix-breadcrumb, [class$='-breadcrumb__inner']) > strong {
  display: block;
  flex: 0 1 auto;
  padding-block: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}