/* Dewa222 dark-purple theme — html/v43
   White content backgrounds are intentionally preserved. */

: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;
}

/* ── Dark header strip (was near-black #0e1111) ── */
.page-header-v1 .page-header .header-top {
  background-color: var(--dw-surface) !important;
  border-bottom-color: var(--dw-border) !important;
}

.page-header-v1 .page-header .header-top-wrap {
  background-color: var(--dw-surface);
}

.page-header-v1 .page-header .header-top a,
.page-header-v1 .page-header .header-top li.nav.item,
.page-header.page-header-v1 .page-header .header-top .custom-slider * {
  color: var(--dw-text) !important;
}

.page-header-v1 .page-header .header-top a:hover {
  color: var(--dw-gold) !important;
}

/* Keep the white right-side header cluster on tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .page-header-v1.page-header header.page-header .header-top-wrap {
    background-color: #fff !important;
  }

  .page-header-v1.page-header header.page-header .header-top-wrap .header-top .container .row [class*="col-"]:not(.right-top-header) {
    background-color: var(--dw-surface) !important;
  }

  .page-header-v1.page-header header.page-header .header-top-wrap .header-top .container .row [class*="col-"].right-top-header {
    background-color: #fff !important;
  }
}

/* ── Main header + page canvas stay white ── */
.page-header-v1 .page-header .header-main,
.page-header .header.content,
.page-main,
.page-main .column.main,
.product-info-main,
.breadcrumbs,
.page-footer,
.page-footer .footer.content,
.page-wrapper {
  background-color: #fff;
}

/* ── Links on white content (was Footlocker blue) ── */
a,
.page-main a,
.product-info-main a,
.column.main a,
.breadcrumbs a,
.product-item-name a,
.overall-link,
.more_button {
  color: var(--dw-purple-light);
}

a:hover,
.page-main a:hover,
.product-info-main a:hover,
.column.main a:hover,
.breadcrumbs a:hover {
  color: var(--dw-gold);
}

/* ── Nav on white bar ── */
.ves-megamenu .nav-item.level0 > .nav-anchor {
  color: var(--dw-on-light);
}

.ves-megamenu .nav-item.level0 > .nav-anchor:hover,
.ves-megamenu .nav-item.level0 > .nav-anchor:hover span,
.sale .nav-anchor span,
.sp-custom-70-1710212255573 span {
  color: var(--dw-purple-light) !important;
}

/* ── Titles / prices on white ── */
.page-title,
h1.page-title,
.product-info-main .page-title,
.block-title strong,
.pdp-brand-title {
  color: var(--dw-purple) !important;
}

.price,
.price-box .price,
.product-info-price .price,
.product-info-price .price-box .price {
  color: var(--dw-purple-dark) !important;
}

.special-price .price,
.price-box .special-price .price-final_price .price {
  color: var(--dw-danger) !important;
}

/* ── CTAs ── */
.action.primary,
button.action.primary,
#product-addtocart-button,
.checkout-methods-items .action.primary,
.buynow-button button,
.buynow-btn-sticky,
.product-info-main .buynow-button button,
.button {
  background: linear-gradient(135deg, var(--dw-purple) 0%, var(--dw-purple-light) 55%, var(--dw-purple-dark) 100%) !important;
  border-color: var(--dw-gold) !important;
  color: var(--dw-text) !important;
  box-shadow: 0 6px 20px rgba(73, 8, 151, 0.4) !important;
}

.action.primary:hover,
button.action.primary:hover,
#product-addtocart-button:hover,
.buynow-button button:hover,
.buynow-btn-sticky:hover,
.button:hover {
  background: linear-gradient(135deg, var(--dw-gold-soft) 0%, var(--dw-gold) 50%, var(--dw-purple-light) 100%) !important;
  color: var(--dw-purple-dark) !important;
  box-shadow: 0 10px 28px rgba(255, 181, 20, 0.45) !important;
}

/* ── Search button (was black) ── */
.block-search .actions .action.search {
  background: var(--dw-surface) !important;
}

/* ── Tabs ── */
.product.data.items > .item.title > .switch {
  color: var(--dw-purple) !important;
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title > .switch:hover,
.catalog-product-view .product.data.items > .item.title.active > .switch:hover {
  color: var(--dw-purple-light) !important;
}

/* ── Size chart / filters that used navy ── */
.catalog-product-view .sizechart label {
  background: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}

.filter-options-content .items .item label input:checked + span,
.filter-options-content .items .item label input:checked ~ .checkmark {
  color: var(--dw-purple-light) !important;
  background-color: var(--dw-purple-light) !important;
  border-color: var(--dw-purple-light) !important;
}

.review-control-vote label:before {
  color: var(--dw-gold) !important;
}

/* ── Sale / badges (no bright red) ── */
[class*="amasty-label"],
.label-sale,
[class*="badge"] {
  background-color: var(--dw-gold) !important;
  color: var(--dw-purple-dark) !important;
}

/* ── Magento panel leftover navy ── */
.page-wrapper .page-header .panel.wrapper {
  background-color: var(--dw-purple) !important;
}