.ov-nav-item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-12);
  min-height: var(--height-56);
  max-width: 100%;
  padding: var(--spacing-12) var(--spacing-16);
  border: 0;
  border-radius: var(--radius-16);
  background: transparent;
  color: var(--color-text-primary);
  font: var(--font-weight-regular)
    var(--font-size-field)/var(--line-height-field) var(--font-ui);
  text-decoration: none;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition:
    background-color var(--transition-interactive),
    color var(--transition-interactive);
}
.ov-nav-item[aria-current="page"] {
  background: var(--color-bg-accent);
}
.ov-nav-item[aria-disabled="true"] {
  color: var(--color-text-muted);
  cursor: default;
}
@media (hover: hover) {
  .ov-nav-item:not([aria-disabled="true"]):not([aria-current="page"]):hover {
    background: var(--color-bg-page);
    color: var(--color-text-primary);
  }
}
#page .ov-nav-item:focus-visible,
.ov-nav-item:focus-visible {
  outline: var(--focus-width) solid var(--color-border-focus);
  outline-offset: var(--focus-offset);
}
.ov-nav-item:active:not([aria-disabled="true"]) {
  background: var(--color-bg-accent);
}
.woocommerce-breadcrumb.ov-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-8);
  margin: 0;
  font: var(--font-weight-regular) var(--font-size-body)/var(--line-height-body)
    var(--font-ui);
}
.ov-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  min-height: var(--action-target-min);
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.woocommerce-breadcrumb.ov-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  min-height: var(--action-target-min);
}
.woocommerce-breadcrumb.ov-breadcrumb a:first-of-type::before {
  display: none;
}
#page .woocommerce-breadcrumb.ov-breadcrumb a:not(.ov-link) {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-underline-offset: var(--spacing-4);
  transition: color var(--transition-interactive),
    text-decoration-color var(--transition-interactive);
}
#page .woocommerce-breadcrumb.ov-breadcrumb a:not(.ov-link):is(:hover, :focus-visible) {
  text-decoration-color: currentColor;
}
#page .woocommerce-breadcrumb.ov-breadcrumb a:not(.ov-link):active {
  text-decoration-color: transparent;
}
.ov-breadcrumb__separator {
  color: var(--color-text-muted);
}

/* Keep native product tab IDs, panels, callbacks and keyboard handling. */
.woocommerce div.product .woocommerce-tabs {
  padding-top: var(--spacing-32);
}
.woocommerce div.product .woocommerce-tabs > ul.tabs {
  display: flex;
  flex-wrap: wrap;
  float: none;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 var(--spacing-24);
  padding: var(--spacing-4);
  gap: var(--spacing-4);
  border: 0;
  border-radius: var(--radius-16);
  background: var(--color-bg-subtle);
  list-style: none;
}
.woocommerce div.product .woocommerce-tabs > ul.tabs::before,
.woocommerce div.product .woocommerce-tabs > ul.tabs::after,
.woocommerce div.product .woocommerce-tabs > ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs > ul.tabs li::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs > ul.tabs li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-16);
  background: transparent;
}
.woocommerce div.product .woocommerce-tabs > ul.tabs li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--height-56);
  padding: var(--spacing-12) var(--spacing-24);
  border-radius: var(--radius-16);
  font: var(--font-weight-regular)
    var(--font-size-field)/var(--line-height-field) var(--font-ui);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: background-color var(--transition-interactive);
}
.woocommerce div.product .woocommerce-tabs > ul.tabs li.active a {
  background: var(--color-bg-accent);
}
.woocommerce div.product .woocommerce-tabs > ul.tabs li a:hover {
  background: var(--color-bg-page);
}
#page .woocommerce-tabs > ul.tabs li a:focus-visible {
  outline: var(--focus-width) solid var(--color-border-focus);
  outline-offset: var(--focus-offset);
  background: var(--color-bg-page);
}
.woocommerce div.product .woocommerce-tabs > .panel {
  float: none;
  width: 100%;
  margin-inline: 0;
}

.woocommerce-pagination .ov-pagination {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  max-width: 100%;
}
.woocommerce-pagination .ov-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}
.woocommerce-pagination .ov-pagination ul li {
  margin: 0;
  border: 0;
  float: none;
}
.woocommerce-pagination .ov-pagination ul li .page-numbers,
.ov-pagination__limit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--height-56);
  height: var(--height-56);
  padding: 0;
  border: 0;
  border-radius: var(--radius-16);
  color: var(--color-text-primary);
  background: transparent;
  text-decoration: none;
  font: var(--font-weight-regular)
    var(--font-size-field)/var(--line-height-field) var(--font-ui);
  transition:
    background-color var(--transition-interactive),
    color var(--transition-interactive);
}
.woocommerce-pagination
  .ov-pagination
  .page-numbers:is(.current, .prev, .next) {
  background: var(--color-bg-accent);
}
.woocommerce-pagination .ov-pagination a.page-numbers:hover {
  background: var(--color-text-primary);
  color: var(--color-text-inverse);
}
#page .ov-pagination a:focus-visible {
  outline: var(--focus-width) solid var(--color-border-focus);
  outline-offset: var(--focus-offset);
}
.ov-pagination__limit {
  color: var(--color-text-muted);
  background: var(--color-bg-subtle);
  flex: none;
}
.ov-pagination__status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ov-steps {
  font-family: var(--font-ui);
}
.ov-steps ol {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: var(--spacing-16);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ov-steps__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  min-height: var(--height-56);
  padding: var(--spacing-12) var(--spacing-16);
  border-radius: var(--radius-16);
  color: var(--color-text-muted);
}
.ov-steps__item[aria-current="step"] {
  background: var(--color-bg-accent);
  color: var(--color-text-primary);
}
.ov-steps__item.is-complete {
  color: var(--color-text-primary);
}
.ov-steps__number {
  display: grid;
  place-items: center;
  width: 24px;
  flex: none;
}
.ov-steps__label {
  overflow-wrap: anywhere;
}
.ov-steps__status {
  display: none;
}
@media (max-width: 767px) {
  .woocommerce div.product .woocommerce-tabs > ul.tabs {
    width: 100%;
  }
  .woocommerce div.product .woocommerce-tabs > ul.tabs li {
    flex: 1 1 auto;
  }
  .woocommerce div.product .woocommerce-tabs > ul.tabs li a {
    width: 100%;
    font-size: var(--font-size-body);
    padding-inline: var(--spacing-12);
  }
  .woocommerce-pagination .ov-pagination {
    display: grid;
    grid-template-columns: var(--height-56) minmax(100px, 1fr) var(--height-56);
    gap: var(--spacing-16);
    width: 100%;
  }
  .woocommerce-pagination .ov-pagination ul.page-numbers,
  .woocommerce-pagination .ov-pagination ul.page-numbers li {
    display: contents;
  }
  .woocommerce-pagination
    .ov-pagination
    ul
    li
    .page-numbers:not(.prev):not(.next) {
    display: none;
  }
  .woocommerce-pagination .ov-pagination .prev,
  .ov-pagination__limit--prev {
    grid-column: 1;
    grid-row: 1;
  }
  .woocommerce-pagination .ov-pagination .next,
  .ov-pagination__limit--next {
    grid-column: 3;
    grid-row: 1;
  }
  .ov-pagination__status {
    position: static;
    width: auto;
    height: auto;
    clip-path: none;
    grid-column: 2;
    grid-row: 1;
    text-align: center;
    font-family: var(--font-ui);
  }
  .ov-steps__status {
    display: block;
    margin: 0 0 var(--spacing-12);
    font-size: var(--font-size-body-lg);
  }
  .ov-steps ol {
    gap: var(--spacing-8);
  }
  .ov-steps__item {
    position: relative;
    min-height: 8px;
    height: 8px;
    padding: 0;
    border-radius: var(--radius-8);
    background: var(--color-bg-subtle);
  }
  .ov-steps__item.is-complete {
    background: var(--color-text-primary);
  }
  .ov-steps__number {
    display: none;
  }
  .ov-steps__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ov-nav-item,
  .woocommerce div.product .woocommerce-tabs > ul.tabs li a,
  .woocommerce-pagination .ov-pagination ul li .page-numbers {
    transition: none;
  }
}
