/* Soft editorial palette. Loaded after the foundation; photographs, payment
   marks, typography, responsive layouts and saved page content stay intact. */
body.zomu-motion-theme .home-main .story-section,
body.zomu-motion-theme .zomu-editorial-band,
.editor-styles-wrapper .zomu-editorial-band {
  background: var(--zomu-cream, #edf1eb);
  color: var(--zomu-plum);
}
body.zomu-motion-theme .home-main .story-points li { border-color: var(--zomu-line); color: var(--zomu-green); }
/* Fallback surfaces remain calm while the real photographs are loading. */
body.zomu-motion-theme :is(.category-card, .shop-category-card) { background: var(--zomu-header); }
body.zomu-motion-theme .archive-hero__backdrop { background: radial-gradient(circle at 82% 30%, rgb(223 231 223 / 14%) 0 17%, transparent 17.5%), radial-gradient(circle at 70% 70%, rgb(223 231 223 / 7%) 0 25%, transparent 25.5%); }
body.zomu-motion-theme .error-hero__image { background-image: linear-gradient(90deg, rgb(35 60 70 / 96%), rgb(35 60 70 / 52%)), url('../images/zomu-tulip.jpg'); }
body.zomu-motion-theme :is(.finder-section, .reference-finder, .shop-finder) {
  background: var(--zomu-header);
  color: #fff;
}
body.zomu-motion-theme :is(.finder-section, .reference-finder, .shop-finder) h2 { color: #fff; }
body.zomu-motion-theme :is(.finder-section, .shop-finder) .eyebrow { color: var(--zomu-accent); }
body.zomu-motion-theme .reference-finder__copy p,
body.zomu-motion-theme .finder-section__intro > p:not(.eyebrow),
body.zomu-motion-theme .shop-finder__copy > p:not(.eyebrow) { color: #dfe7df; }
body.zomu-motion-theme .reference-finder .button {
  background: var(--zomu-paper);
  border-color: var(--zomu-paper);
  color: var(--zomu-header);
}
body.zomu-motion-theme .reference-finder .button:is(:hover, :focus-visible) {
  background: var(--zomu-accent);
  border-color: var(--zomu-accent);
  color: var(--zomu-header);
}
body.zomu-motion-theme .shop-finder__glass { border-color: var(--zomu-accent); }

/* Default finder artwork reuses the original jar silhouettes as alpha masks.
   The image fallback keeps the form visible in browsers without CSS masks.
   Custom Media Library / block images do not receive masks or filters. */
body.zomu-motion-theme .reference-finder .reference-finder__art--grid,
.editor-styles-wrapper .reference-finder__art--grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  min-width: 0;
  max-height: none;
  padding: 0;
  background: var(--zomu-accent);
}
.reference-finder__tile {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
  padding: 17%;
  color: var(--zomu-green, #456356);
  background: var(--zomu-accent, #dfe7df);
}
.reference-finder__tile:nth-child(2n) { color: var(--zomu-header, #233c46); background: var(--zomu-paper, #f7f6f2); }
.reference-finder__tile:nth-child(3n) { color: var(--zomu-accent, #dfe7df); background: var(--zomu-green, #456356); }
.reference-finder__tile > img { display: block; width: 100%; height: 100%; object-fit: contain; }
@supports (mask-image: url("")) or (-webkit-mask-image: url("")) {
  .reference-finder__tile::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: currentColor;
    -webkit-mask: var(--zomu-finder-shape) center / contain no-repeat;
    mask: var(--zomu-finder-shape) center / contain no-repeat;
  }
  .reference-finder__tile > img { display: none; }
}
.reference-finder__tile--tulip { --zomu-finder-shape: url('../weck-reference/category-tulip.png'); }
.reference-finder__tile--tapered { --zomu-finder-shape: url('../weck-reference/category-tapered.png'); }
.reference-finder__tile--quadro { --zomu-finder-shape: url('../weck-reference/category-quadro.png'); }
.reference-finder__tile--deco { --zomu-finder-shape: url('../weck-reference/category-deco.png'); }
.reference-finder__tile--cylinder { --zomu-finder-shape: url('../weck-reference/category-cylinder.png'); }
.reference-finder__tile--deli { --zomu-finder-shape: url('../weck-reference/category-deli.png'); }
.reference-finder__tile--bundt { --zomu-finder-shape: url('../weck-reference/category-bundt.png'); }

body.zomu-motion-theme .reference-comparison__background { background: var(--zomu-paper); }
body.zomu-motion-theme .reference-comparison__scroll { scrollbar-color: var(--zomu-green) var(--zomu-line); }
body.zomu-motion-theme .reference-comparison :is(th, td) { border-color: var(--zomu-line); }
body.zomu-motion-theme .reference-comparison .button { background: var(--zomu-green); border-color: var(--zomu-green); color: #fff; }
body.zomu-motion-theme .reference-comparison .button:hover { background: var(--zomu-header); border-color: var(--zomu-header); }
body.zomu-motion-theme .reference-comparison__note { color: var(--zomu-muted); }

/* Three quiet cards share one surface instead of competing accent colours. */
body.zomu-motion-theme .membership-band { background: var(--zomu-header); color: #fff; }
body.zomu-motion-theme .membership-band__orbits i { border-color: rgb(223 231 223 / 14%); }
body.zomu-motion-theme .membership-band .membership-card { background: var(--zomu-accent); color: var(--zomu-header); }
body.zomu-motion-theme .membership-band .membership-card--coupon { background: var(--zomu-cream, #edf1eb); }
body.zomu-motion-theme .membership-band .membership-card--campaign { background: var(--zomu-paper); }
body.zomu-motion-theme .membership-band .membership-card::after { opacity: .045; }
body.zomu-motion-theme .membership-card:is(:hover, :focus-visible) { box-shadow: 0 14px 30px rgb(0 0 0 / 13%); }
body.zomu-motion-theme .membership-card:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Original WECK mask remains intact; only the decorative tile colours change. */
body.zomu-motion-theme .brand-ribbon .brand-ribbon__tile { background: var(--zomu-accent); color: var(--zomu-green); }
body.zomu-motion-theme .brand-ribbon .brand-ribbon__tile:nth-child(even) { background: var(--zomu-cream, #edf1eb); color: var(--zomu-header); }
body.zomu-motion-theme .site-footer { background: var(--zomu-header); color: #dfe7df; }
body.zomu-motion-theme .site-footer .footer-column__toggle { color: var(--zomu-paper); }
body.zomu-motion-theme .site-footer .footer-payment__surface { background: var(--zomu-paper); }
body.zomu-motion-theme .site-footer .footer-payment__label { color: #dfe7df; }
body.zomu-motion-theme .site-footer :is(.footer-column__content a, .site-footer__bottom a, .social-links a) { color: #dfe7df; }
body.zomu-motion-theme .site-footer :is(.footer-column__content a, .site-footer__bottom a, .social-links a):hover { color: #fff; }

/* Native editable sale blocks retain their layout and commerce behaviour. */
body.zomu-motion-theme .zomu-sale-intro,
.editor-styles-wrapper .zomu-sale-intro { background: var(--zomu-cream, #edf1eb); border-color: var(--zomu-line); color: var(--zomu-plum); }
body.zomu-motion-theme .zomu-sale-intro h1,
.editor-styles-wrapper .zomu-sale-intro h1 { color: var(--zomu-plum); }
body.zomu-motion-theme .zomu-sale-intro .zomu-sale-intro__visual,
.editor-styles-wrapper .zomu-sale-intro .zomu-sale-intro__visual { background: var(--zomu-header); }
body.zomu-motion-theme .zomu-sale-intro .zomu-sale-description { color: var(--zomu-muted); }
body.zomu-motion-theme .zomu-sale-intro :is(.zomu-sale-kicker, .wp-block-button__link) { color: var(--zomu-green); border-color: var(--zomu-green); }
body.zomu-motion-theme .zomu-sale-intro .wp-block-button__link:hover { color: var(--zomu-header); border-color: var(--zomu-header); }
body.zomu-motion-theme.zomu-discounts-page .zomu-sale-legacy-toolbar .wp-block-search__inside-wrapper { border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-discounts-page .zomu-sale-legacy-toolbar .wp-block-search__input { color: var(--zomu-header); }
body.zomu-motion-theme.zomu-discounts-page .zomu-sale-legacy-toolbar .wp-block-search__button { background: var(--zomu-green) !important; }
body.zomu-motion-theme.zomu-discounts-page .zomu-sale-service .zomu-free-shipping { background: var(--zomu-cream, #edf1eb); border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-discounts-page .zomu-sale-service .zomu-text { color: var(--zomu-green); }
body.zomu-motion-theme.zomu-discounts-page .wp-block-woocommerce-product-collection > p { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-discounts-page .wp-block-woocommerce-product-collection > p a { color: var(--zomu-green); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template > li.wc-block-product { border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template > li.wc-block-product:hover { border-color: #a8b9ac; }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wp-block-woocommerce-product-image { background: var(--zomu-paper); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wc-block-components-product-price del { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wc-block-components-product-price ins { color: var(--zomu-green); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wc-block-components-product-sale-badge { background: var(--zomu-green); border-color: var(--zomu-green); color: #fff; box-shadow: none; }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wc-block-components-product-button__button { background: var(--zomu-cream, #edf1eb); border-color: var(--zomu-line); color: var(--zomu-green); }
body.zomu-motion-theme.zomu-discounts-page .wc-block-product-template .wc-block-components-product-button__button:hover { background: var(--zomu-green); border-color: var(--zomu-green); color: #fff; }
body.zomu-motion-theme.zomu-discounts-page .wp-block-query-pagination :is(.page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous) { border-color: var(--zomu-line); color: var(--zomu-header); }
body.zomu-motion-theme.zomu-discounts-page .wp-block-query-pagination .page-numbers.current { background: var(--zomu-header); border-color: var(--zomu-header); color: #fff; }
body.zomu-motion-theme.zomu-discounts-page .wp-block-query-pagination a:hover { background: var(--zomu-accent); border-color: var(--zomu-green); color: var(--zomu-header); }
body.zomu-motion-theme.zomu-discounts-page :is(.page-content a, .page-content button, .page-content input):focus-visible { outline-color: var(--zomu-green); }

/* About and Contact: colour only, preserving the existing form fields. */
body.zomu-motion-theme .zomu-editorial-card,
.editor-styles-wrapper .zomu-editorial-card { border-color: var(--zomu-line); color: var(--zomu-header); }
body.zomu-motion-theme .zomu-editorial-kicker,
.editor-styles-wrapper .zomu-editorial-kicker { color: var(--zomu-green); }
body.zomu-motion-theme .zomu-contact-pattern,
.editor-styles-wrapper .zomu-contact-pattern { background: var(--zomu-header); color: #fff; }
body.zomu-motion-theme .zomu-contact-pattern > .zomu-editorial-kicker,
.editor-styles-wrapper .zomu-contact-pattern > .zomu-editorial-kicker { color: var(--zomu-accent); }
body.zomu-motion-theme .zomu-contact-pattern .zomu-editorial-card,
.editor-styles-wrapper .zomu-contact-pattern .zomu-editorial-card { background: var(--zomu-cream, #edf1eb); color: var(--zomu-header); }
body.zomu-motion-theme .zomu-contact-pattern .zomu-editorial-card .zomu-editorial-kicker,
.editor-styles-wrapper .zomu-contact-pattern .zomu-editorial-card .zomu-editorial-kicker { color: var(--zomu-green); }
body.zomu-motion-theme .zomu-editorial-faq .wp-block-details { border-color: var(--zomu-line); }
body.zomu-motion-theme .zomu-editorial-faq .wp-block-details summary { color: var(--zomu-plum); }
body.zomu-motion-theme .zomu-editorial-faq .wp-block-details summary:hover { background: var(--zomu-cream, #edf1eb); }
body.zomu-motion-theme .zomu-editorial-faq .wp-block-details summary:focus-visible { outline-color: var(--zomu-green); }
body.zomu-motion-theme .zomu-editorial-faq .wp-block-details > :not(summary) { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-hero__intro { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout { border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout > .wp-block-column:has(> section) { background: var(--zomu-header); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wp-block-column > section > h3,
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout section strong { color: var(--zomu-accent); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout section a:hover { color: var(--zomu-accent) !important; }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 form label { color: var(--zomu-header); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea) { background-color: var(--zomu-paper) !important; border-color: var(--zomu-line); color: var(--zomu-header); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 input[type="file"] { border-color: #a8b9ac; color: var(--zomu-header) !important; }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 input[type="file"]::file-selector-button { background: var(--zomu-accent); color: var(--zomu-header); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 :focus-visible { outline-color: var(--zomu-green) !important; }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-form-heading > p:last-child,
body.zomu-motion-theme.zomu-editorial-page--contact .page-content .zomu-contact-layout .wpcf7 form small { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content > .wp-block-group.has-base-2-background-color p { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-editorial-page--contact .page-content > .wp-block-group.has-base-2-background-color .wp-block-separator { border-color: var(--zomu-line); }

/* Policy pages keep white reading sheets on quiet warm/sage surfaces. */
body.zomu-motion-theme.zomu-legal-page .legal-hero { background: linear-gradient(115deg, var(--zomu-paper) 62%, var(--zomu-cream, #edf1eb)); border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-legal-page .legal-hero::after { border-color: rgb(69 99 86 / 12%); box-shadow: 0 0 0 45px rgb(69 99 86 / 3%), 0 0 0 90px rgb(69 99 86 / 2%); }
body.zomu-motion-theme.zomu-legal-page :is(.legal-hero__breadcrumb, .legal-navigation__label, .legal-skip) { color: var(--zomu-muted); }
body.zomu-motion-theme.zomu-legal-page .legal-navigation a:not([aria-current]) { color: var(--zomu-header); }
body.zomu-motion-theme.zomu-legal-page .legal-navigation a:not([aria-current]):hover { background: var(--zomu-cream, #edf1eb); border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-legal-page :is(.legal-help, .legal-document, .legal-document :is(th, td, hr, h1, h2)) { border-color: var(--zomu-line); }
body.zomu-motion-theme.zomu-legal-page .legal-document { color: var(--zomu-header); }
body.zomu-motion-theme.zomu-legal-page .legal-document :is(blockquote, th) { background: var(--zomu-cream, #edf1eb); }
@media (max-width: 900px) {
  body.zomu-motion-theme.zomu-legal-page .legal-navigation { border-color: var(--zomu-line); }
}
@media print {
  body.zomu-motion-theme.zomu-legal-page .legal-hero { background: none; }
}

/* The custom shop block preview uses exactly the same native finder artwork. */
.editor-styles-wrapper .zomu-shop-edit__finder { background: var(--zomu-header, #233c46); color: #fff; }
.editor-styles-wrapper .zomu-shop-edit__finder h2 { color: #fff; }
.editor-styles-wrapper .zomu-shop-edit__finder .reference-finder__art--grid { align-self: stretch; }
.editor-styles-wrapper .zomu-shop-edit__cta { background: var(--zomu-paper, #f7f6f2); color: var(--zomu-header, #233c46); }