/* Dewa222 theme — dark canvas with bright purple / dark pink / gold */

:root {
  --dw-bg: #2b0a1c;
  --dw-card: #3a1024;
  --dw-card-alt: #45142c;
  --dw-surface: #571635;
  --dw-surface-alt: #6d0f36;
  --dw-purple: #8b2fd6;
  --dw-purple-light: #b45cff;
  --dw-purple-dark: #4a1470;
  /* Aksen pink: nama variabel dipertahankan supaya selector lama tetap jalan. */
  --dw-cyan: #e8447d;
  --dw-cyan-soft: #ff8ab5;
  --dw-cyan-dark: #a3164f;
  --dw-gold: #ffc93c;
  --dw-gold-soft: #e0a72c;
  --dw-text: #f6e9ff;
  --dw-text-muted: #e2c3e8;
  --dw-border: #5a2470;
  --dw-danger: #ff5470;
  --dw-success: #7bd88f;
}

/* ── Dark canvas ── */
html,
body,
.page-wrapper,
.page-main,
.columns,
.column.main,
.breadcrumbs,
#maincontent,
.catalog-product-view .page-wrapper,
.theme-pearl,
.theme-pearl .page-wrapper {
  background: var(--dw-bg) !important;
  background-image: radial-gradient(1200px 600px at 10% -10%, rgba(180, 92, 255, 0.16), transparent 55%),
    radial-gradient(900px 500px at 110% 10%, rgba(194, 24, 91, 0.22), transparent 50%),
    radial-gradient(700px 400px at 50% 120%, rgba(255, 201, 60, 0.08), transparent 55%),
    linear-gradient(180deg, #3d0f26 0%, var(--dw-bg) 28%, #1d0611 100%) !important;
  color: var(--dw-text) !important;
}

.product-info-main,
.product.media,
.box-tocart,
.block,
.product.data.items > .item.content,
.page-main .columns,
.sticky-gall-wrap,
#sticky-gall-wrap {
  background: var(--dw-card) !important;
  color: var(--dw-text) !important;
}

p,
.product.attribute.overview .value,
.product.attribute.overview-mobile .value,
.return-content,
.fr-ship-content,
.prod-attributes,
.gender,
.sku,
.payment_emi {
  color: var(--dw-text-muted) !important;
}

/* ── Top strip + footer ── */
.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-surface-alt),
    var(--dw-purple-dark)
  ) !important;
  color: var(--dw-text) !important;
  border-color: var(--dw-cyan) !important;
  box-shadow: inset 0 -2px 0 var(--dw-gold) !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-header-v1 .page-header .header-top a:hover,
.header.links a:hover,
.page-footer a:hover,
.footer.content a:hover {
  color: var(--dw-cyan) !important;
}

/* Navbar + header-main: dark surfaces */
.page-header-v1 .page-header .header-main,
.header-main,
.sections.nav-sections,
.navigation,
.nav-sections,
.page-header .header.content,
.sticky-header .wrap,
.theme-pearl .page-header .header-main,
.theme-pearl .sections.nav-sections,
.theme-pearl .navigation {
  background: var(--dw-card) !important;
  background-image: none !important;
}

.page-header-v1 .page-header .header-main {
  border-bottom: 2px solid var(--dw-purple-dark) !important;
  box-shadow: 0 2px 0 var(--dw-cyan), 0 4px 0 var(--dw-gold) !important;
}

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

.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-gold) !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-cyan) !important;
}

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

/* ── Header Login (cyan outline) / Daftar (gold on purple) ── */
.h-panel.main-header-right a:first-child {
  background: var(--dw-bg) !important;
  color: var(--dw-cyan) !important;
  border-color: var(--dw-cyan) !important;
}

.h-panel.main-header-right a:last-child {
  background: linear-gradient(135deg, var(--dw-purple), var(--dw-purple-dark)) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
  box-shadow: 0 0 0 1px var(--dw-cyan) !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: var(--dw-cyan) !important;
  color: var(--dw-purple-dark) !important;
  box-shadow: 0 6px 16px rgba(180, 92, 255, 0.35) !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-cyan-dark)) !important;
  color: var(--dw-gold) !important;
}

.buynow-button > button:first-child {
  background: linear-gradient(135deg, var(--dw-purple-light), var(--dw-cyan-dark)) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
}

.buynow-button .buynow-button > button {
  background: linear-gradient(135deg, var(--dw-gold), var(--dw-gold-soft)) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-cyan) !important;
}

/* LOGIN & DAFTAR sejajar — DAFTAR aslinya dibungkus div sendiri sehingga turun ke baris baru */
.box-tocart .fieldset > .buynow-button {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

.box-tocart .fieldset > .buynow-button > .buynow-button {
  display: contents !important;
}

.box-tocart .fieldset > .buynow-button > button,
.box-tocart .fieldset > .buynow-button > .buynow-button > button {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.box-tocart .fieldset > .buynow-button > #instant-purchase {
  display: none !important;
}

/* ── Breadcrumb DAFTAR / LOGIN bar ── */
.button-container a.button:first-child {
  background: linear-gradient(180deg, var(--dw-purple-light) 0%, var(--dw-purple) 45%, var(--dw-cyan-dark) 100%) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
  box-shadow: 0 4px 15px rgba(180, 92, 255, 0.4) !important;
  text-shadow: none !important;
}

.button-container a.button:last-child {
  background: linear-gradient(180deg, #ffd76b 0%, var(--dw-gold) 45%, var(--dw-gold-soft) 100%) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-purple-light) !important;
  box-shadow: 0 4px 15px rgba(255, 201, 60, 0.4) !important;
  text-shadow: none !important;
}

.button-container a.button:first-child:hover {
  background: linear-gradient(180deg, #ffd76b 0%, var(--dw-gold) 45%, var(--dw-gold-soft) 100%) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-cyan) !important;
}

.button-container a.button:last-child:hover {
  background: linear-gradient(180deg, var(--dw-purple-light) 0%, var(--dw-purple) 45%, var(--dw-cyan-dark) 100%) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
}

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

.button-container .divider {
  background: linear-gradient(to bottom, transparent, var(--dw-cyan), var(--dw-gold), transparent) !important;
  box-shadow: 0 0 8px rgba(232, 68, 125, 0.5) !important;
}

/* ── Titles & prices ── */
.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-gold) !important;
}

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

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

/* ── Swatches ── */
body.catalog-product-view
  #maincontent
  #product-options-wrapper
  .swatch-attribute
  .swatch-attribute-options
  .swatch-option.text,
.swatch-option.text {
  background: var(--dw-bg) !important;
  border-color: var(--dw-gold) !important;
  color: var(--dw-gold) !important;
}

body.catalog-product-view
  #maincontent
  #product-options-wrapper
  .swatch-attribute
  .swatch-attribute-options
  .swatch-option.text:hover,
body.catalog-product-view
  #maincontent
  #product-options-wrapper
  .swatch-attribute
  .swatch-attribute-options
  .swatch-option.text.selected,
.swatch-option.text:hover,
.swatch-option.text.selected {
  border-color: var(--dw-cyan) !important;
  box-shadow: 0 0 0 1px var(--dw-gold) !important;
  color: var(--dw-gold) !important;
  background: var(--dw-surface) !important;
}

.return-icon img,
.fr-sh-ico-img,
.return-policy-pdp .return-icon img,
.free-shipping .fr-sh-ico-img {
  filter: invert(77%) sepia(61%) saturate(748%) hue-rotate(359deg) brightness(101%) contrast(107%) !important;
}

/* ── Borders on content blocks ── */
.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 ── */
.block-search .action.search,
.action.search[type="submit"] {
  background: linear-gradient(135deg, var(--dw-purple), var(--dw-cyan-dark)) !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-gold) !important;
  border-color: var(--dw-border) !important;
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title > .switch:hover {
  background: linear-gradient(135deg, var(--dw-purple), var(--dw-cyan-dark)) !important;
  color: var(--dw-gold) !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-cyan) !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-cyan-dark) !important;
}

.bv_histogram_row_bar_filled {
  background-color: var(--dw-gold) !important;
  box-shadow: inset 0 0 0 1px var(--dw-cyan) !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-cyan) !important;
}

/* ── Reviews filter ── */
.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-gold) !important;
  fill: var(--dw-gold) !important;
}

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

.rating-fill {
  background: linear-gradient(90deg, var(--dw-gold), var(--dw-cyan)) !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,
.nav-item[data-color="#ffb514 "] .nav-anchor,
.nav-item[data-color="#ffb514 "] .nav-anchor span {
  color: var(--dw-gold) !important;
  text-shadow: 0 0 8px rgba(180, 92, 255, 0.45) !important;
}

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

/* ── theme-pearl ── */
.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-surface-alt),
    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: var(--dw-card) !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;
  border-color: var(--dw-cyan) !important;
}

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

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

.theme-pearl .product.data.items > .item.title.active > .switch {
  background: linear-gradient(135deg, var(--dw-purple), var(--dw-cyan-dark)) !important;
  color: var(--dw-gold) !important;
}

/* ── Forms & search on dark ── */
input,
select,
textarea,
.input-text,
.block-search .input-text,
.qty,
#search {
  background: var(--dw-bg) !important;
  color: var(--dw-text) !important;
  border-color: var(--dw-cyan) !important;
}

.block-search,
.minicart-wrapper,
.header-multistore,
.store-options,
.weltpixel_multistore .current-store {
  background: transparent !important;
  color: var(--dw-text) !important;
}

.return-policy-pdp,
.free-shipping,
.check-in-store,
.social-sharing {
  background: transparent !important;
  color: var(--dw-text-muted) !important;
}

/* ── Remaining black text & icons → white ── */
label,
.label,
.field .label,
.field .label span,
.qty .label,
.swatch-attribute-label,
.swatch-attribute-selected-option,
.product-info-stock-sku,
.stock.available span,
.closer-look,
.closer-look p,
.mobile-top-info,
.mobile-name .value,
.prod-attributes,
.check-in-store a,
.social-share-pdp a,
.counter.qty,
.counter-number,
.counter-label,
.minicart-wrapper .action.showcart,
.action.nav-toggle,
.block-search .label,
.breadcrumbs .item,
.breadcrumbs strong,
.page-header,
.header-main,
.store-information,
.weltpixel_multistore,
.weltpixel_multistore span,
[data-bv-show="rating_summary"],
[data-bv-show="rating_summary"] .bv_text,
[data-bv-show="inline_rating"] .bv_text {
  color: #ffffff !important;
}

.action.nav-toggle:before,
.action.showcart:before,
.minicart-wrapper .action.showcart:before,
.block-search .label:before,
.action.skip:before,
.towishlist:before,
.wishlist .action:before,
.action.towishlist:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  color: #ffffff !important;
}

.page-header svg,
.header-main svg,
.minicart-wrapper svg,
.block-search svg,
.action.nav-toggle svg,
.closer-look svg {
  fill: #ffffff !important;
}

[data-bv-show="rating_summary"] .bv_stars_component_container svg,
[data-bv-show="rating_summary"] .bv_stars_component_container polygon {
  fill: var(--dw-gold) !important;
}