/* Header chevrons only. The original text and ARIA labels stay in the DOM. */
body.oko-preview .oko-header .oko-sub-toggle,
body.oko-preview .oko-header .oko-sub-toggle :is(font, span) {
  font-size: 0 !important;
  line-height: 0 !important;
}
body.oko-preview .oko-header .oko-sub-toggle::before,
body.oko-preview .oko-header .oko-language > button span::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: solid currentColor;
  border-width: 0 1.6px 1.6px 0;
  transform: translate(-50%, -75%) rotate(45deg);
  transform-origin: center;
  pointer-events: none;
  transition: none;
}
body.oko-preview .oko-header .oko-language > button span {
  position: relative;
  display: inline-block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  font-size: 0 !important;
  line-height: 0 !important;
}
body.oko-preview .oko-header .oko-language > button span font {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* The pseudo-element owns rotation; preserve the original desktop centering. */
@media (min-width: 1081px) {
  body.oko-preview .oko-header .oko-sub-toggle {
    transform: translateY(-50%) !important;
  }
  body.oko-preview .oko-header .oko-nav-group:not(.is-dismissed):is(:hover, :focus-within, .is-open) > .oko-sub-toggle::before {
    transform: translate(-50%, -25%) rotate(225deg);
  }
}
@media (max-width: 1080px) {
  body.oko-preview .oko-header .oko-sub-toggle {
    position: relative;
    transform: none !important;
  }
  body.oko-preview .oko-header .oko-nav-group.is-open > .oko-sub-toggle::before {
    transform: translate(-50%, -25%) rotate(225deg);
  }
}
body.oko-preview .oko-header .oko-language.is-open:not(.is-dismissed) > button span::before {
  transform: translate(-50%, -25%) rotate(225deg);
}