/* ============================================================
   MW LIVE SKIN v8 — palette + typography ONLY (task #287)
   Scope reduced per Tom 2026-07-06: keep background colours,
   fonts, and button COLOURS. Everything else (borders, radius,
   padding, shadows, layout, visibility) reverts to the legacy
   theme. Checkout excluded throughout.
   Versioning: every revision must bump ?v=N in head/includes
   (media CSS is cached immutable for 1 year).
   ============================================================ */

/* ---- Fonts (self-hosted, copied from dev theme) ---- */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/cormorant-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/cormorant-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---- Tokens (html:root beats the legacy :root --mw-* cream values) ---- */
html:root {
  --mw-navy: #051831;
  --mw-navy-hover: #1a2c4a;
  --mw-bg: #f4f4f6;
  --mw-surface: #ffffff;
  --mw-border: #d5dde9;
  --mw-muted: #6b6b6b;
  --mw-sku: #b3a89a;
  --mw-oldprice: #a8a195;
  --mw-wish: #c1272d;
  --mw-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --mw-serif: 'Cormorant Garamond', Georgia, serif;
}

/* ============================================================
   1. BACKGROUND COLOURS
   ============================================================ */
body:not(#mwskin):not(.checkout-index-index) {
  background: #f4f4f6 !important;
}
body:not(#mwskin):not(.checkout-index-index) .page-wrapper {
  background: #f4f4f6 !important;
}
body:not(#mwskin):not(.checkout-index-index) .page-main,
body:not(#mwskin):not(.checkout-index-index) .columns,
body:not(#mwskin):not(.checkout-index-index) .column.main {
  background: transparent !important;
}
/* PDP: flat white canvas (matches dev) */
body:not(#mwskin).catalog-product-view,
body:not(#mwskin).catalog-product-view .page-wrapper {
  background: #ffffff !important;
}
/* CMS 2026 content blocks carry the old cream — let the canvas show */
body:not(#mwskin):not(.checkout-index-index) .sc-page {
  background: transparent !important;
}
/* Authored cream bands inside CMS blocks (search empty-state promos,
   brands CTA) → palette grey (v9). Dark strips (.sc-sale-strip) and the
   homepage hero band are intentionally untouched. */
body:not(#mwskin):not(.checkout-index-index) .sc-tagline,
body:not(#mwskin):not(.checkout-index-index) .sc-categories-bg,
body:not(#mwskin):not(.checkout-index-index) .sc-newsletter-bg,
body:not(#mwskin):not(.checkout-index-index) .mw-brands-cta {
  background: #f4f4f6 !important;
}
/* Header + footer bands */
body:not(.checkout-index-index) header.page-header,
body:not(.checkout-index-index) .page-header .header.content,
body:not(.checkout-index-index) .mainHeader.topbar {
  background: #fff !important;
}
body:not(.checkout-index-index) footer.page-footer,
body:not(.checkout-index-index) .footer-container.footer .footer-top-section,
body:not(.checkout-index-index) .footer-bottom-section.copyright {
  background: #fff !important;
}
body:not(.checkout-index-index) .nav-sections { background: #fff !important; }
body:not(.checkout-index-index) div.submenu.dropdown-menu,
body:not(.checkout-index-index) .submenu.dropdown-mega {
  background: #fff !important;
}
body:not(.checkout-index-index) .mm-cat-title.mm-header.pink-mm-background,
body:not(.checkout-index-index) .mm-cat-title.mm-header {
  background: var(--mw-bg) !important;
}
body:not(.checkout-index-index) li.nav-item.level0.grey-back,
body:not(.checkout-index-index) li.nav-item.level0.grey-back > a.nav-anchor {
  background: transparent !important;
}
body:not(.checkout-index-index) .warning-bar.freeexpress {
  background: var(--mw-bg) !important;
  color: var(--mw-navy) !important;
}
/* Sidebar filter block: flat on canvas (requested v5) */
body:not(.checkout-index-index) .sidebar.sidebar-main .block.filter {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Card attribute chips: no boxes, text on the grey strip (requested v5) */
body:not(.checkout-index-index) .tab-product-box .attribute-box h6 {
  background: transparent !important;
  border: 0 !important;
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--mw-navy) !important;
  text-transform: none !important;
}
body:not(.checkout-index-index) ::selection {
  background: var(--mw-navy);
  color: var(--mw-bg);
}

/* ============================================================
   2. FONTS + TEXT COLOURS
   ============================================================ */
body:not(.checkout-index-index) {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
  -webkit-font-smoothing: antialiased;
}
body:not(.checkout-index-index) h1,
body:not(.checkout-index-index) h2,
body:not(.checkout-index-index) h3 {
  font-family: var(--mw-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -0.005em;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) h4,
body:not(.checkout-index-index) h5,
body:not(.checkout-index-index) h6 {
  font-family: var(--mw-sans) !important;
  font-weight: 600 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .column.main a,
body:not(.checkout-index-index) .page-footer a {
  color: var(--mw-navy);
}
/* Page titles */
body:not(.checkout-index-index) h1.page-title .base {
  font-family: var(--mw-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.012em !important;
  color: var(--mw-navy) !important;
}
body.catalog-category-view .category-view .dollshouse-text {
  font-family: var(--mw-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--mw-muted) !important;
}
/* Search input: font + colours only */
body:not(.checkout-index-index) .amsearch-input,
body:not(.checkout-index-index) #search {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .amsearch-input::placeholder,
body:not(.checkout-index-index) #search::placeholder {
  color: var(--mw-muted) !important;
}
body:not(.checkout-index-index) .amsearch-button.-loupe { color: var(--mw-navy) !important; }
/* Header icon labels — all four identical (font + colour) */
body:not(.checkout-index-index) .quick-menu.about-dd,
body:not(.checkout-index-index) .parent-icon .menu-icon a,
body:not(.checkout-index-index) li.link.wishlist a,
body:not(.checkout-index-index) #switcher-language-trigger-nav .view-default span,
body:not(.checkout-index-index) .switcher-label,
body:not(.checkout-index-index) .minicart-wrapper .action.showcart .text,
body:not(.checkout-index-index) .minicart-wrapper .cart-item,
body:not(.checkout-index-index) .minicart-wrapper h6.price-label {
  font-family: var(--mw-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body:not(#mwskin) .switcher-language .view-default,
body:not(#mwskin) .switcher-language .view-default > strong,
body:not(#mwskin) #switcher-language-trigger-nav {
  font-family: var(--mw-sans) !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  body:not(#mwskin) .quick-menu.about-dd,
  body:not(#mwskin) .parent-icon .menu-icon a,
  body:not(#mwskin) li.link.wishlist a,
  body:not(#mwskin) #switcher-language-trigger-nav .view-default span,
  body:not(#mwskin) .switcher-label,
  body:not(#mwskin) .minicart-wrapper .action.showcart .text {
    font-size: 8px !important;
  }
}
body:not(.checkout-index-index) .switcher-option a {
  font-family: var(--mw-sans) !important;
  font-weight: 500 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .warning-bar.freeexpress {
  font-family: var(--mw-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
/* Nav / megamenu text */
body:not(.checkout-index-index) ul.ves-megamenu > li.nav-item.level0 > a.nav-anchor,
body:not(.checkout-index-index) ul.ves-megamenu > li.nav-item.level0 > a.nav-anchor .mm-top-line {
  font-family: var(--mw-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .ves-megamenu .caret,
body:not(.checkout-index-index) .ves-megamenu .opener { color: var(--mw-navy) !important; }
body:not(.checkout-index-index) .mm-cat-title.mm-header a.nav-anchor span {
  font-family: var(--mw-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .submenu div.nav-item.level2 > a.nav-anchor span {
  font-family: var(--mw-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .submenu div.nav-item.level2 > a.nav-anchor:hover span {
  color: var(--mw-muted) !important;
}
body:not(.checkout-index-index) .mm-view-all a span.mm-view-all {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .nav-sections-item-title a {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mw-muted) !important;
}
/* Toolbar text */
body:not(.checkout-index-index) #toolbar-amount,
body:not(.checkout-index-index) .toolbar-number {
  font-family: var(--mw-sans) !important;
  font-size: 13px !important;
  color: var(--mw-muted) !important;
}
body:not(.checkout-index-index) .sorter-label {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-muted) !important;
}
body:not(.checkout-index-index) select#sorter.sorter-options,
body:not(.checkout-index-index) select#limiter.limiter-options {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
}
/* Filters text */
body:not(.checkout-index-index) .filter-title strong,
body:not(.checkout-index-index) .filter-subtitle {
  font-family: var(--mw-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
  background: transparent !important;
}
body:not(.checkout-index-index) dl#narrow-by-list dt.filter-options-title {
  font-family: var(--mw-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
  background: transparent !important;
}
body:not(.checkout-index-index) dd.filter-options-content a {
  font-family: var(--mw-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) span.filter-count-label,
body:not(.checkout-index-index) dd.filter-options-content .count {
  font-size: 12px !important;
  color: var(--mw-muted) !important;
}
/* Product cards: text + colours */
body:not(.checkout-index-index) .tab-product-box span.code {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-sku) !important;
}
body:not(.checkout-index-index) strong.product-item-name .product-item-link,
body:not(.checkout-index-index) .product-item-name a.product-item-link {
  font-family: var(--mw-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.005em !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .tab-product-box .available-qty,
body:not(.checkout-index-index) .tab-product-box .available-qty strong {
  font-family: var(--mw-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--mw-muted) !important;
}
body:not(.checkout-index-index) .column.main .price-box .price-wrapper .price,
body:not(.checkout-index-index) .column.main .price-box .price {
  font-family: var(--mw-sans) !important;
  font-weight: 700 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .tab-product-box .price-box .price { font-size: 20px !important; }
body:not(.checkout-index-index) .column.main .special-price .price { color: var(--mw-navy) !important; }
body:not(.checkout-index-index) .column.main .old-price .price {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--mw-oldprice) !important;
}
body:not(.checkout-index-index) .column.main .price-label {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--mw-oldprice) !important;
}
/* Badges: colours + font only (legacy shape retained) */
body:not(.checkout-index-index) .absu .new,
body:not(.checkout-index-index) span.productsale {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: var(--mw-bg) !important;
  color: var(--mw-navy) !important;
}
/* Stars: colour only */
body:not(.checkout-index-index) .rating-result:before { color: var(--mw-border) !important; }
body:not(.checkout-index-index) .rating-result > span:before { color: #8ca5d3 !important; }
/* PDP text */
body.catalog-product-view .sku-section h6 {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-sku) !important;
}
body.catalog-product-view .product-info-main .price-box .price {
  font-family: var(--mw-sans) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .product-info-main .old-price .price {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--mw-oldprice) !important;
}
body.catalog-product-view table#product-attribute-specs-table th {
  background: var(--mw-navy) !important;
  color: #fff !important;
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.catalog-product-view table#product-attribute-specs-table td {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
  background: #fff !important;
}
body.catalog-product-view .box-tocart label.label {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .product.attribute.overview .value,
body.catalog-product-view .product.attribute.description .value {
  font-family: var(--mw-sans) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .product.data.items > .item.title > a.data.switch {
  font-family: var(--mw-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .block.related .block-title strong,
body.catalog-product-view .block.upsell .block-title strong {
  font-family: var(--mw-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(24px, 2.6vw, 32px) !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .product-social-links .action.towishlist,
body.catalog-product-view .product-social-links .action.tocompare,
body:not(.checkout-index-index) .reviews-actions a.action {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
}
body.catalog-product-view .product-social-links .action.towishlist:hover {
  color: var(--mw-wish) !important;
}
/* Cart text */
body.checkout-cart-index .cart-empty p {
  font-family: var(--mw-sans) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--mw-muted) !important;
}
body.checkout-cart-index .cart-summary .summary.title,
body.checkout-cart-index .cart.table-wrapper th.col {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body.checkout-cart-index .cart.table-wrapper td.col {
  font-family: var(--mw-sans) !important;
  color: var(--mw-navy) !important;
}
/* Footer text */
body:not(.checkout-index-index) h6.foot-head {
  font-family: var(--mw-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) a.foot-link {
  font-family: var(--mw-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) a.foot-link:hover { color: var(--mw-muted) !important; }
body:not(.checkout-index-index) .foot-social a.icon,
body:not(.checkout-index-index) .foot-social a.icon em,
body:not(.checkout-index-index) .foot-social a.icon .fa { color: var(--mw-navy) !important; }
body:not(.checkout-index-index) .foot-social a.text { color: var(--mw-navy) !important; }
body:not(.checkout-index-index) .copyright-text {
  font-family: var(--mw-sans) !important;
  font-size: 12px !important;
  color: var(--mw-muted) !important;
}
/* Mobile card type scale */
@media (max-width: 768px) {
  body:not(.checkout-index-index) strong.product-item-name .product-item-link,
  body:not(.checkout-index-index) .product-item-name a.product-item-link {
    font-size: 15px !important;
  }
  body:not(.checkout-index-index) .tab-product-box .price-box .price {
    font-size: 16px !important;
  }
}

/* ============================================================
   3. BUTTON COLOURS (colour properties ONLY — legacy geometry)
   ============================================================ */
body:not(.checkout-index-index) button.action.primary,
body:not(.checkout-index-index) .action.primary,
body:not(.checkout-index-index) .action.tocart.primary,
body:not(.checkout-index-index) .action.subscribe.primary,
body:not(.checkout-index-index) button.load-more,
body:not(.checkout-index-index) #product-addtocart-button {
  background-color: var(--mw-navy) !important;
  border-color: var(--mw-navy) !important;
  color: #fff !important;
}
body:not(.checkout-index-index) button.action.primary:hover,
body:not(.checkout-index-index) .action.primary:hover,
body:not(.checkout-index-index) .action.tocart.primary:hover,
body:not(.checkout-index-index) button.load-more:hover,
body:not(.checkout-index-index) #product-addtocart-button:hover {
  background-color: var(--mw-navy-hover) !important;
  border-color: var(--mw-navy-hover) !important;
  color: #fff !important;
}
body:not(.checkout-index-index) .action.view-details-link.full-button {
  background-color: #fff !important;
  border-color: var(--mw-navy) !important;
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) .action.view-details-link.full-button:hover {
  background-color: var(--mw-navy) !important;
  color: #fff !important;
}
body:not(.checkout-index-index) .pages .item.current strong.page {
  background-color: var(--mw-navy) !important;
  color: #fff !important;
}
body:not(.checkout-index-index) .pages .item a.page {
  color: var(--mw-navy) !important;
}
body:not(.checkout-index-index) #back2Top {
  background-color: var(--mw-navy) !important;
  color: #fff !important;
}