/* Consistent keyboard focus indicator for all links. */
a:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
}

/* Safari does not render this menu item's focus treatment reliably. */
@supports (font: -apple-system-body) {
  .modal[data-modal="menu"].is-open [data-menu-image-target="fashion"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
  }
}

.header__buttons .header__button:focus-visible,
.footer__button--top:focus-visible,
.section-category-cta-button:focus-visible,
:is(
  .modal__close,
  .search-modal__submit,
  .slider-button,
  .search-result__filter-buttons button
):focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 106, 179, 0.89) !important;
}

.text-credit-vertical {
  color: var(--primary);
  writing-mode: sideways-lr;
}

.text-credit-vertical b {
  color: var(--secondary);
  font-weight: 500;
}

@supports not (writing-mode: sideways-lr) {
  .text-credit-vertical {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    text-orientation: sideways;
    white-space: nowrap;
    transform: rotate(180deg);
  }
}