/* Dewa222 — html/v52
   Color only. White page, header, and footer surfaces stay white. */

:root {
  --dw-bg: #14081f;
  --dw-surface: #25013b;
  --dw-surface-alt: #31104e;
  --dw-purple: #490897;
  --dw-purple-light: #7a3fd1;
  --dw-purple-dark: #2e0563;
  --dw-gold: #ffb514;
  --dw-gold-soft: #dbbc56;
  --dw-text: #f1e9fb;
  --dw-text-muted: #a894c2;
  --dw-border: #3a2354;
  --dw-danger: #b5442e;
  --dw-success: #5f7a3a;
  --dw-on-light: #2e0563;

  --white: 255, 255, 255;
  --base-bg: 255, 255, 255;
  --black: 20, 8, 31;
  --blue: 122, 63, 209;
  --yellow: 255, 181, 20;
  --red: 181, 68, 46;
  --green: 95, 122, 58;
  --brand-color: 73, 8, 151;
  --link-color: 73, 8, 151;
  --info-color: 122, 63, 209;
  --danger-color: 181, 68, 46;
  --success-color: 95, 122, 58;
  --ring-color: 73, 8, 151;
  --base-color: 46, 5, 99;
  --headings-color: 46, 5, 99;
  --block-title-color: 46, 5, 99;
  --button-bg: 255, 181, 20;
  --button-color: 46, 5, 99;
  --button-border-color: 219, 188, 86;
  --input-focus-border-color: 122, 63, 209;
  --gray-900: 26, 8, 46;
  --gray-800: 46, 5, 99;
  --gray-700: 58, 35, 84;
  --gray-600: 92, 77, 110;
  --gray-500: 122, 104, 146;
}

/* White canvas */
html,
body,
.page-wrapper,
.page-header,
.header.content,
.ves-megamenu,
.page-main,
#maincontent,
.columns,
.column.main,
.product-info-main,
.product.media,
.page-footer,
.footer.content,
.footer-content-mckanmo-desktop {
  background-color: #ffffff !important;
  color: var(--dw-on-light);
}

.page-header {
  border-bottom-color: var(--dw-gold) !important;
}

/* Top utility bar — was black, not the page background */
.page-header .panel.wrapper,
.page-header .panel.header {
  background: var(--dw-surface) !important;
  background-color: var(--dw-surface) !important;
  color: var(--dw-text) !important;
  --base-color: 241, 233, 251;
  --link-color: 255, 181, 20;
}

.page-header .panel.wrapper a,
.page-header .header_panel_info a,
.page-header .left_top_header a,
.page-header .right_top_header a {
  color: var(--dw-gold) !important;
}

.page-header .panel.wrapper a:hover,
.page-header .header_panel_info a:hover {
  color: #ffe7a3 !important;
}

.navigation {
  --base-color: 46, 5, 99;
  --z-layer-color: 46, 5, 99;
}

.header.content .ves-megamenu li.level0 > a,
.ves-megamenu li.level0 > a.nav-anchor,
.ves-megamenu li.level0 > a.anchor-active {
  color: var(--dw-on-light) !important;
}

.header.content .ves-megamenu li.level0 > a:hover,
.ves-megamenu li.level0 > a.nav-anchor:hover {
  color: var(--dw-purple) !important;
}

.nav-item.level0 > a.nav-anchor[style*="#ffb514"] {
  color: var(--dw-purple-dark) !important;
  background-color: var(--dw-gold) !important;
}

.nav-item.level0 > a.nav-anchor[style*="#ffb514"]:hover {
  color: var(--dw-purple-dark) !important;
  background-color: var(--dw-gold-soft) !important;
}

.page-title,
.product-info-main .page-title,
.block-title,
.page-footer h4,
h5#content-baby {
  color: var(--dw-on-light) !important;
}

.breadcrumbs a,
.product-item-name a,
.product-item-link,
.page-footer a,
a.sizechart-link,
.headcontent p,
.headcontent p a,
.navigation .level0 .submenu .ks_content p a:hover {
  color: var(--dw-purple) !important;
}

.breadcrumbs a:hover,
.product-item-name a:hover,
.page-footer a:hover,
.headcontent p a:hover {
  color: var(--dw-purple-light) !important;
}

.price-box .price,
.product-info-price .price,
.product-info-main .price,
.price-wrapper > .price,
.special-price .price,
.minimal-price .price {
  color: var(--dw-purple) !important;
}

.old-price .price,
.crossed-price .price {
  color: var(--dw-text-muted) !important;
}

#product-addtocart-button,
.action.primary.tocart,
.action.primary {
  background: linear-gradient(180deg, #ffe08a, var(--dw-gold)) !important;
  background-color: var(--dw-gold) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-gold-soft) !important;
  box-shadow: 0 8px 18px rgba(73, 8, 151, 0.18) !important;
}

#product-addtocart-button:hover,
.action.primary.tocart:hover,
.action.primary:hover {
  background: linear-gradient(180deg, var(--dw-purple-light), var(--dw-purple)) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-purple) !important;
}

.action.towishlist,
div#giftreg-message-pdp a {
  color: var(--dw-purple) !important;
  border-color: var(--dw-purple) !important;
}

.action.towishlist:hover,
div#giftreg-message-pdp a:hover {
  background: var(--dw-purple) !important;
  color: var(--dw-gold) !important;
}

.discount-percent {
  background: var(--dw-gold) !important;
  color: var(--dw-purple-dark) !important;
}

.brand-az a.active {
  background: var(--dw-purple) !important;
  color: var(--dw-gold) !important;
}

input:focus,
select:focus,
textarea:focus,
input:focus + .slider {
  border-color: var(--dw-purple-light) !important;
  box-shadow: 0 0 0 1px var(--dw-purple-light) !important;
}

#show_message {
  color: var(--dw-danger) !important;
}

.back-to-top {
  background: var(--dw-purple) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
}