/* Two appearances share the same approved layouts and original artwork. */
:root { color-scheme: light; }
html[data-wz-theme="dark"] {
 color-scheme: dark;
 --wp--preset--color--base: #1b1e35;
 --wp--preset--color--contrast: #f8f5fc;
 --wp--preset--color--muted: #bdbbd0;
 --wp--preset--color--line: #42445e;
 --wp--preset--color--wash: #292c46;
 --wp--preset--color--dark-line: #62617b;
}
.wz-header-controls { grid-column: 2; display: flex; justify-self: end; align-items: center; gap: 20px; }
.wz-header .wz-language-switch { width: auto; }
.wz-header .wz-language-switch ul { flex-wrap: nowrap; }
.wz-header .wz-language-switch li { display: flex; align-items: center; }
.wz-theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--wp--preset--color--line); border-radius: 6px; background: transparent; color: var(--wp--preset--color--contrast); font: 600 11px/1.3 Manrope, sans-serif; cursor: pointer; }
.wz-theme-toggle:hover { border-color: var(--wp--preset--color--contrast); }
.wz-theme-toggle:focus-visible { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 4px; }
.wz-theme-sun, html[data-wz-theme="dark"] .wz-theme-moon { display: none; }
html[data-wz-theme="dark"] .wz-theme-sun { display: block; }
/* Fixed hero colours keep its image and copy visible in both appearances. */
.wz-gate-hero-band { color: #f8f7fb; background-color: #2b2c45; }
.wz-gate-title, .wz-gate-description, .wz-gate-scene-title, .wz-gate-scene-note { color: #f8f7fb; }
.wz-gate-title em, .wz-gate-product-name { color: #f1a0dc; }
.wz-gate-copy .wp-block-button__link { background: #f1a0dc; color: #2b2c45; }
.wz-home .wz-gate-copy .wp-block-button__link:hover { background: #fff; color: #2b2c45; }
.wz-gate-copy .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: #f8f7fb; border: 1px solid #a49daf; padding: 15px 19px; }
.wz-gate-copy .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #454258; color: #fff; border-color: #f8f7fb; }
html[data-wz-theme="dark"] .wz-brand-logo { padding: 7px 9px; border-radius: 6px; background: #f8f7fb; }
html:not([data-wz-theme="dark"]) .wz-catalogue-card:not(.wz-catalogue-gate) { background: #e8e2ed; }
html[data-wz-theme="dark"] .wz-catalogue-card { background: #292c46; }
.wz-catalogue-gate { color: #f8f7fb; }
html[data-wz-theme="dark"] .wz-catalogue-gate { background: #35334e; border-color: #746580; }
html[data-wz-theme="dark"] .wp-block-button__link { background: #f1a0dc; color: #2b2c45; }
html[data-wz-theme="dark"] .wp-block-button__link:hover { background: #fff; color: #2b2c45; }
html[data-wz-theme="dark"] .wz-product-v2-art { isolation: isolate; background: var(--wp--preset--color--base); }
html[data-wz-theme="dark"] .wz-product-artwork img { mix-blend-mode: lighten; border-radius: 0; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(0deg, transparent, #000 8%, #000 92%, transparent); mask-composite: intersect; }
@media (max-width:650px) {
 .wz-header-controls { gap: 12px; }
 .wz-theme-toggle { padding: 7px; width: 34px; }
 .wz-theme-text { display: none; }
 .wz-header-products { column-gap: 15px; }
}
/* Legacy page styles also keep a readable shared header and footer. */
body > .wp-site-blocks > header, body > .wp-site-blocks > footer { background: var(--wp--preset--color--base); }

/* Original hero artwork fills the full hero in both appearances. */
.wz-gate-hero-band { background-size: cover; background-position: center; }
