/* Purple-black header. Search stays light so the field stays readable. */

/* Beat ui99 `.ko-amz-header.header { background: var(--nav) !important }` */
.ko-amz-header.header,
header.ko-amz-header.header,
header.ko-amz-header {
  background: #2a1248 !important;
  border-bottom: 0 !important;
}

.nav-belt {
  background: #2a1248 !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: none !important;
  padding: 12px 12px !important;
}

.nav-main,
.nav-main-inner {
  height: 48px !important;
  min-height: 48px !important;
  max-height: none !important;
}

.nav-main {
  background: #1b0c32 !important;
  border-top: 1px solid rgba(196, 181, 253, .22) !important;
}

.nav-belt .ko-logo:hover,
.nav-belt .ks-logo:hover,
.nav-belt .nav-logo a:hover,
.nav-belt .nav-locale:hover,
.nav-belt .ko-lang-btn:hover,
.nav-belt .ko-lang.is-open .ko-lang-btn,
.nav-belt .nav-tools-links .header-links a:hover {
  border-color: #e9e4f5 !important;
}

.nav-belt .nav-locale,
.nav-belt .nav-right,
.nav-belt .ko-lang-btn,
.nav-belt .ko-lang-code,
.nav-belt .nav-tools-links .header-links a,
.nav-belt .nav-tools-links .header-links a:hover,
.nav-belt .nav-tools-links .header-links a span {
  color: #f7f4fb !important;
}

.nav-belt .nav-locale .nav-line-1,
.nav-belt .nav-tools-links .nav-line-1 {
  color: #c4b8d4 !important;
}

.nav-belt .nav-locale .nav-line-2,
.nav-belt .nav-tools-links .nav-line-2 {
  color: #ffffff !important;
}

/* Flyout sits on white; the belt's light text must not leak into it. */
.nav-belt .nav-tools-links .header-links .ko-account-flyout,
.nav-belt .header-links .ko-account-flyout {
  color: #1a1224 !important;
}

.nav-belt .nav-tools-links .header-links .ko-account-flyout a,
.nav-belt .nav-tools-links .header-links .ko-account-flyout a:hover,
.nav-belt .nav-tools-links .header-links .ko-account-flyout a span,
.nav-belt .header-links .ko-account-flyout a,
.nav-belt .header-links .ko-account-flyout a span {
  color: #1a1224 !important;
}

.nav-belt .nav-tools-links .header-links .ko-account-flyout-cols a:hover,
.nav-belt .header-links .ko-account-flyout-cols a:hover {
  color: #6d28d9 !important;
}

.nav-belt .ko-lang-menu,
.nav-belt .ko-lang-item,
.nav-belt .ko-lang-item-name {
  color: #1a1224 !important;
}

.nav-belt .nav-locale-pin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f7f4fb' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") !important;
}

.nav-belt .ko-lang-flag {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .35) !important;
}

.nav-belt .nav-search form,
.nav-belt .search-box form {
  height: 44px !important;
  border-radius: 22px !important;
  border: 1.5px solid rgba(196, 181, 253, .55) !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

.nav-belt .nav-search form:focus-within,
.nav-belt .search-box form:focus-within {
  border-color: #c4b5fd !important;
  box-shadow: 0 0 0 3px rgba(167, 139, 250, .38) !important;
}

.nav-belt .nav-search .search-box-category,
.nav-belt .search-box .search-box-category {
  display: none !important;
}

.nav-belt .nav-search input.search-box-text,
.nav-belt .search-box input.search-box-text {
  height: 44px !important;
  padding: 0 16px 0 18px !important;
  background: #fff !important;
  color: #1a1224 !important;
  font-size: 15px !important;
  outline: none !important;
  box-shadow: none !important;
}

.nav-belt .nav-search input.search-box-text::placeholder,
.nav-belt .search-box input.search-box-text::placeholder {
  color: #8d849c !important;
}

.nav-belt .nav-search .search-box-button,
.nav-belt .search-box .search-box-button {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 44px !important;
  background: #6d28d9 !important;
  border-radius: 0 !important;
}

.nav-belt .nav-search .search-box-button:hover,
.nav-belt .search-box .search-box-button:hover {
  background: #5b21b6 !important;
}

.nav-belt .nav-search .search-box-button::after,
.nav-belt .search-box .search-box-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
}

.nav-main a,
.nav-main .header-menu > ul > li > a,
.nav-main .header-menu > ul > li > span {
  color: #f6f3fb !important;
}

.nav-belt .cart-qty,
.nav-belt .wishlist-qty {
  color: #c4b5fd !important;
}