/* Dewa222 dark-purple theme — html/v40
   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;
  --dw-on-light-muted: #490897;
}

/* ── Top strip + footer only (navbar / header-main stay white) ── */
.page-header-v1 .page-header .header-top,
.header-top-wrap,
.footer.content,
.page-footer,
.copyright {
  background: linear-gradient(90deg, var(--dw-purple-dark), var(--dw-surface), var(--dw-purple-dark)) !important;
  color: var(--dw-text) !important;
  border-color: var(--dw-border) !important;
}

.page-header-v1 .page-header .header-top a,
.header-top-wrap a,
.header.links a,
.page-footer a,
.footer.content a {
  color: var(--dw-text) !important;
}

.page-footer a:hover,
.footer.content a:hover {
  color: var(--dw-gold) !important;
}

/* Navbar + header-main: keep scraped white backgrounds */
.page-header-v1 .page-header .header-main,
.header-main,
.sections.nav-sections,
.navigation,
.nav-sections,
.page-header .header.content,
.sticky-header .wrap {
  background: #ffffff !important;
  background-image: none !important;
}

/* ── Links & accents (readable on white content areas) ── */
a,
.alink,
.product-item-name a,
.breadcrumbs a,
.more_button,
.check-in-store a,
.social-share-pdp a {
  color: var(--dw-purple) !important;
}

/* Top main nav — dark purple text on white bar */
.navigation.navitaion17685419036969cecf04b7f #nav17685419036969cecf04b7f > .nav-item.level0 > .nav-anchor,
.navigation.navitaion17685419036969cecf04b7f #nav17685419036969cecf04b7f > .nav-item.level0 > .nav-anchor span,
.nav-item.level0 > .nav-anchor,
.nav-item.level0 > .nav-anchor span,
.sections.nav-sections a,
.navigation a,
.nav-sections a,
.ves-megamenu .nav-anchor {
  color: var(--dw-on-light) !important;
}

.sections.nav-sections a:hover,
.navigation a:hover,
.ves-megamenu .nav-anchor:hover,
.nav-item.level0 > .nav-anchor:hover,
.nav-item.level0 > .nav-anchor:hover span {
  color: var(--dw-purple) !important;
}

a:hover,
.alink:hover,
.more_button:hover {
  color: var(--dw-purple-light) !important;
}

/* ── Header Login (white bg kept) / Daftar (purple CTA) ── */
.h-panel.main-header-right a:first-child {
  background: #ffffff !important;
  color: var(--dw-purple) !important;
  border-color: var(--dw-purple) !important;
}

.h-panel.main-header-right a:last-child {
  background: var(--dw-purple) !important;
  color: #ffffff !important;
  border-color: var(--dw-purple-dark) !important;
}

/* ── Buttons / CTAs ── */
button,
.action.primary,
.action.tocart,
.tocart,
.login,
.btn,
.product-add-form .action.primary,
a.login,
a.action.primary,
.checkout-methods-items .action.primary,
.bv_button_buttonFull,
[data-bv-show="rating_summary"] .bv_button_buttonFull {
  background: linear-gradient(135deg, var(--dw-gold), var(--dw-gold-soft)) !important;
  border-color: rgba(255, 181, 20, 0.45) !important;
  color: var(--dw-purple-dark) !important;
  box-shadow: 0 6px 16px rgba(73, 8, 151, 0.2) !important;
}

button:hover,
.action.primary:hover,
.action.tocart:hover,
.tocart:hover,
.login:hover,
.btn:hover,
a.login:hover,
a.action.primary:hover,
.bv_button_buttonFull:hover,
[data-bv-show="rating_summary"] .bv_button_buttonFull:hover {
  background: linear-gradient(135deg, var(--dw-purple-light), var(--dw-purple)) !important;
  color: var(--dw-text) !important;
}

/* ── Breadcrumb DAFTAR / LOGIN bar ── */
.button-container a.button:first-child {
  background: linear-gradient(180deg, var(--dw-purple-light) 0%, var(--dw-purple) 40%, var(--dw-purple-dark) 100%) !important;
  color: #ffffff !important;
  border-color: var(--dw-gold) !important;
  box-shadow: 0 4px 15px rgba(73, 8, 151, 0.35) !important;
  text-shadow: none !important;
}

.button-container a.button:last-child {
  background: linear-gradient(180deg, #ffe08a 0%, var(--dw-gold) 40%, var(--dw-gold-soft) 100%) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-gold) !important;
  box-shadow: 0 4px 15px rgba(255, 181, 20, 0.35) !important;
  text-shadow: none !important;
}

.button-container a.button:hover {
  filter: brightness(1.06);
}

.button-container .divider {
  background: linear-gradient(to bottom, transparent, var(--dw-gold), transparent) !important;
  box-shadow: 0 0 8px rgba(255, 181, 20, 0.45) !important;
}

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

.breadcrumbs strong,
.product-info-main .product.attribute.sku .value,
.stock.available {
  color: var(--dw-purple) !important;
}

.stock.unavailable {
  color: var(--dw-danger) !important;
}

/* ── Borders on content blocks (bg stays white from scraped CSS) ── */
.page-header-v1 .page-header .header-main,
.header-main,
.product-info-main,
.product.media,
.page-main .columns,
.box-tocart,
.block,
.review-item,
.product.data.items > .item.content {
  border-color: var(--dw-border) !important;
}

/* ── Search button (keep inline SVG only — hide Magento font icon) ── */
.block-search .action.search,
.action.search[type="submit"] {
  background: var(--dw-purple) !important;
  color: transparent !important;
  box-shadow: none !important;
}

.block-search .action.search:before,
.action.search[type="submit"]:before {
  display: none !important;
  content: none !important;
}

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

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

/* ── Bazaarvoice ── */
.bv_button_buttonMinimalist,
.bv_button_buttonMinimalist:visited,
[data-bv-show="rating_summary"] .bv_button_buttonMinimalist,
[data-bv-show="rating_summary"] .bv_avgRating_component_container,
[data-bv-show="rating_summary"] .bv_avgRating_component_container:visited,
[data-bv-show="rating_summary"] .bv_numReviews_text,
[data-bv-show="rating_summary"] .bv_numReviews_text:visited,
[data-bv-show="rating_summary"] .bv_questionsAndAnswers_component_container > a,
[data-bv-show="rating_summary"] .bv_questionsAndAnswers_component_container button {
  color: var(--dw-purple) !important;
}

.bv_button_buttonMinimalist:hover,
[data-bv-show="rating_summary"] .bv_button_buttonMinimalist:hover,
[data-bv-show="rating_summary"] .bv_avgRating_component_container:hover,
[data-bv-show="rating_summary"] .bv_numReviews_text:hover {
  color: var(--dw-purple-dark) !important;
}

.bv_histogram_row_bar_filled {
  background-color: var(--dw-gold) !important;
}

.bv_ms_focusable:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable > a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
  border-color: var(--dw-purple) !important;
}

/* ── Reviews filter (white dropdowns, purple text) ── */
.reviews-filter,
.reviews-filter a,
.reviews-filter .filter-trigger,
.reviews-filter .filter-trigger *,
.reviews-filter .filter-option,
.reviews-filter .filter-option *,
.reviews-filter .filter-plus {
  color: var(--dw-purple-dark) !important;
  fill: var(--dw-purple-dark) !important;
}

.overall-link {
  color: var(--dw-purple-light) !important;
}

.rating-fill {
  background: var(--dw-gold) !important;
}

/* ── Sale / alternatif nav accent ── */
.sale .nav-anchor,
.sale .nav-anchor span,
.nav-item[data-color="#FFD700 "] .nav-anchor,
.nav-item[data-color="#FFD700 "] .nav-anchor span,
.nav-item[data-color="#cf2929"] .nav-anchor,
.nav-item[data-color="#cf2929 "] .nav-anchor {
  color: var(--dw-gold) !important;
}

/* ── Autosuggest header row ── */
.unbxd-as-wrapper ul li.unbxd-as-header,
.unbxd-as-wrapper ul li.unbxd-as-header:hover {
  background-color: var(--dw-purple-dark) !important;
  color: var(--dw-text) !important;
}

/* ── theme-pearl: dark chrome only; navbar/header-main stay white ── */
.theme-pearl .page-header .header-top,
.theme-pearl .page-footer,
.theme-pearl .footer.content {
  background: linear-gradient(90deg, var(--dw-purple-dark), var(--dw-surface), var(--dw-purple-dark)) !important;
  color: var(--dw-text) !important;
}

.theme-pearl .page-header .header-main,
.theme-pearl .sections.nav-sections,
.theme-pearl .navigation {
  background: #ffffff !important;
  background-image: none !important;
}

.theme-pearl .action.primary,
.theme-pearl .action.tocart,
.theme-pearl .product-add-form .action.primary {
  background: linear-gradient(135deg, var(--dw-gold), var(--dw-gold-soft)) !important;
  color: var(--dw-purple-dark) !important;
}

.theme-pearl .action.primary:hover,
.theme-pearl .action.tocart:hover {
  background: linear-gradient(135deg, var(--dw-purple-light), var(--dw-purple)) !important;
  color: var(--dw-text) !important;
}

.theme-pearl .price,
.theme-pearl .price-box .price,
.theme-pearl .page-title {
  color: var(--dw-purple-dark) !important;
}

.theme-pearl .product.data.items > .item.title.active > .switch {
  background: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}