/* dark-purple theme — html/v45 (mothercare scrape)
   White content backgrounds are intentionally preserved. */

:root {
  --pg-bg: #0a0a0a;
  --pg-surface: #1a1610;
  --pg-surface-alt: #2a2518;
  --pg-primary: #8b6914;
  --pg-primary-light: #d4af37;
  --pg-primary-dark: #5c4600;
  --pg-gold: #ffd970;
  --pg-gold-soft: #b8860b;
  --pg-text: #f5f5f5;
  --pg-text-muted: #a89b7a;
  --pg-border: #d4af37;
  --pg-danger: #ff4d4d;
  --pg-success: #c9a227;
  --pg-on-light: #1a1200;
}

/* ── Top strip + mobile strip (was Mothercare blue / teal) ── */
.page-header .panel.header,
.page-header .panel.wrapper,
.mobile-header-panel,
.kanmo-megamenu-header-mobile,
.kanmo-megamenu-header-mobile .header-megamenu-mobile {
  background: var(--pg-surface) !important;
  background-image: none !important;
  color: var(--pg-text) !important;
  border-color: var(--pg-border) !important;
}

.page-header .panel.header a,
.mobile-header-panel a,
.header_panel_info a,
.kanmo-megamenu-header-mobile a,
.kanmo-megamenu-header-mobile .account-label,
.kanmo-megamenu-header-mobile .account-label a {
  color: var(--pg-text) !important;
}

.page-header .panel.header a:hover,
.mobile-header-panel a:hover,
.header_panel_info a:hover {
  color: var(--pg-gold) !important;
}

/* ── Logo chip: logo text is silver/white, needs dark backdrop on white bar ── */
.page-header .logo {
  background: var(--pg-surface);
  border-radius: 8px;
  padding: 4px 10px;
}

/* ── Main header bar stays white ── */
.page-header .header.content,
.page-header {
  background-color: #fff;
}

.page-header .header.content {
  background: #fff !important;
  background-image: none !important;
}

/* ── Footer ── */
.page-footer,
.footer.content,
.footer-content-mckanmo-desktop,
.footer-main-column-mc,
.copyright {
  background-color: var(--pg-surface) !important;
  color: var(--pg-text) !important;
  border-color: var(--pg-border) !important;
}

.page-footer a,
.footer.content a,
.footer-content-mckanmo-desktop a,
.footer-main-column-mc a,
.heading-shop-with-us-kanmo-mc,
.heading-need-help-kanmo-mc,
.heading-download-apps-kanmo-mc {
  color: var(--pg-text) !important;
}

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

/* ── Megamenu accent items ── */
.ves-megamenu .nav-item.level0 > .nav-anchor[style*="490897"],
.ves-megamenu .nav-item.level0 > .nav-anchor[style*="7a3fd1"],
.ves-megamenu .nav-item.level0 > .nav-anchor[style*="25013b"],
.ves-megamenu .nav-item.level0 > a.nav-anchor[data-bgcolor] {
  background-color: var(--pg-surface) !important;
  color: var(--pg-text) !important;
}

.ves-megamenu .nav-item.level0 > .nav-anchor {
  color: var(--pg-on-light);
}

.ves-megamenu .nav-item.level0 > .nav-anchor:hover,
.ves-megamenu .nav-item.level0 > .nav-anchor:hover span {
  color: var(--pg-primary-light) !important;
}

/* ── Links on white content ── */
.page-main a,
.product-info-main a,
.column.main a,
.breadcrumbs a,
.product-item-name a,
a.sizechart-link {
  color: var(--pg-primary-light) !important;
}

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

/* ── Titles / prices ── */
.page-title,
h1.page-title,
.product-info-main .page-title,
.block-title strong {
  color: var(--pg-primary-light) !important;
}

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

/* ── CTAs ── */
.action.primary,
button.action.primary,
.action.primary.tocart,
#product-addtocart-button,
.checkout-methods-items .action.primary,
.kanmo-megamenu-header-mobile button,
.kanmo-megamenu-header-mobile button a {
  background: linear-gradient(to bottom, var(--pg-gold-soft), var(--pg-gold)) !important;
  border-color: var(--pg-gold) !important;
  color: var(--pg-primary-dark) !important;
}

.action.primary:hover,
button.action.primary:hover,
#product-addtocart-button:hover,
.kanmo-megamenu-header-mobile button:hover {
  background: linear-gradient(to bottom, var(--pg-gold), var(--pg-gold-soft)) !important;
  box-shadow: 0 0 12px rgba(255, 181, 20, 0.35) !important;
}

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

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title > .switch:hover {
  color: var(--pg-gold) !important;
  border-color: var(--pg-primary-light) !important;
}

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

/* ── Hamburger + header icon chrome on white bar ── */
.header.content .action.nav-toggle:after,
.header.panel .nav-toggle:after {
  background-color: var(--pg-primary-light) !important;
}

#back-to-top {
  background: var(--pg-surface) !important;
  color: var(--pg-text) !important;
}

/* ── Leftover scraped teal / navy on white content ── */
.ves-megamenu li.level0 > a.anchor-active,
.ves-megamenu-mobile .nav-mobile li.level0 > a.anchor-active {
  color: var(--pg-primary-dark) !important;
}

.widget.widget-upsell .block-title strong,
.widget.widget-related .block-title strong {
  color: var(--pg-primary-dark) !important;
}

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

/* ── Search button + language switch focus ── */
.block-search .actions .action.search {
  background: var(--pg-primary) !important;
  color: var(--pg-text) !important;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--pg-primary-light);
}