/* Misterio – ergänzendes CSS zu theme.json */
:root { --misterio-radius: 6px; }

.misterio-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #2C2C30; }

.wp-block-button.is-style-misterio-outline .wp-block-button__link {
  background: transparent; border: 2px solid var(--wp--preset--color--accent); color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-misterio-outline .wp-block-button__link:hover { background: var(--wp--preset--color--accent); }

.misterio-card { background: var(--wp--preset--color--surface); border-radius: var(--misterio-radius); padding: 1.5rem; }
.misterio-section-light { background: var(--wp--preset--color--light-2); color: #222; }
.misterio-section-light a:not(.wp-block-button__link) { color: var(--wp--preset--color--accent); }

details.wp-block-details summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; }
details.wp-block-details summary::marker { color: var(--wp--preset--color--accent); }

.misterio-form { display: grid; gap: 0.75rem; max-width: 560px; position: relative; }
.misterio-form input, .misterio-form textarea {
  width: 100%; padding: 0.85rem 1rem; border-radius: var(--misterio-radius); border: 1px solid #3A3A3F;
  background: #0C0C0D; color: var(--wp--preset--color--contrast); font: inherit;
}
.misterio-form .hp { position: absolute; left: -9999px; }
.misterio-form button { cursor: pointer; border: 0; }
.misterio-form__msg { min-height: 1.5em; font-size: 0.95rem; margin: 0; }
.misterio-form__msg.is-error { color: #FF6B6B; }
.misterio-form__msg.is-ok { color: var(--wp--preset--color--accent-2); }

@media (max-width: 600px) {
  .wp-block-button__link { display: block; width: 100%; text-align: center; }
}

/* --- Startseite --- */
.misterio-hero { position: relative; min-height: 72vh; display: grid; align-items: center; isolation: isolate; }
.misterio-hero::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(17,17,17,.45) 0%, rgba(17,17,17,.75) 60%, var(--wp--preset--color--base) 100%); }
.misterio-hero h1 { text-shadow: 0 2px 24px rgba(0,0,0,.6); }
.misterio-hero__text { max-width: 720px; margin-left: auto; margin-right: auto; }
.misterio-vorteile p { text-align: center; color: var(--wp--preset--color--muted); margin: 0; }
.misterio-vorteile strong { display: block; color: var(--wp--preset--color--contrast); font-size: 1.05rem; margin-bottom: .25rem; }
.misterio-spiel .wp-block-columns { gap: 3rem; }
.misterio-spiel--psycho h2 { color: var(--wp--preset--color--accent-2); }
.misterio-spiel .wp-block-image img { border-radius: var(--misterio-radius); }
.misterio-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: .5rem; margin-top: .75rem; }
.misterio-thumbs img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 4px; border: 1px solid #2C2C30; }
.misterio-grid { display: grid; gap: 1.25rem; }
.misterio-center { display: flex; justify-content: center; }
.misterio-center .misterio-form { width: 100%; }
.misterio-closing { position: relative; isolation: isolate; text-align: center; }
.misterio-closing::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(17,17,17,.78); }
.misterio-card h3 { margin-top: 0; }

/* --- WooCommerce (Blöcke und klassische Templates auf dunklem Grund) --- */
.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-form select, .wc-block-components-text-input input, .wc-block-components-select select,
.woocommerce-input-wrapper input, .woocommerce form .form-row input, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .wc-block-components-country-input input, .wc-block-components-address-form input {
  background: #0C0C0D !important; color: var(--wp--preset--color--contrast) !important; border-color: #3A3A3F !important;
}
.wc-block-components-text-input label, .wc-block-components-checkbox__label, .wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__description, .wc-block-components-order-summary__content, .wc-block-components-totals-item,
.wc-block-components-product-name, .wc-block-components-product-metadata, .wc-block-components-radio-control__label,
.wc-block-components-panel__button, .wc-block-components-totals-footer-item, .wc-block-cart-item__prices,
.wc-block-components-product-price, .wc-block-components-sidebar-layout .wc-block-components-panel__content {
  color: var(--wp--preset--color--contrast);
}
.wc-block-components-text-input.is-active label, .wc-block-components-text-input label { color: var(--wp--preset--color--muted); }
.wc-block-components-checkout-step, .wc-block-cart .wc-block-components-sidebar, .wc-block-checkout__sidebar {
  background: var(--wp--preset--color--surface); border-radius: var(--misterio-radius); padding: 1rem;
}
.wc-block-cart-items, .wc-block-cart-items th, .wc-block-cart-items td { border-color: #2C2C30 !important; }
.wc-block-components-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button {
  background: var(--wp--preset--color--accent) !important; color: var(--wp--preset--color--light) !important; border-radius: 4px !important;
}
.wc-block-components-notice-banner { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); }
.post-password-form { max-width: 560px; }
.post-password-form input[type=password] { background: #0C0C0D; color: var(--wp--preset--color--contrast); border: 1px solid #3A3A3F; border-radius: var(--misterio-radius); padding: .8rem 1rem; }
.post-password-form input[type=submit] { background: var(--wp--preset--color--accent); color: #fff; border: 0; border-radius: 4px; padding: .85rem 1.4rem; font-weight: 600; text-transform: uppercase; cursor: pointer; }
.woocommerce-breadcrumb, .wc-block-breadcrumbs { color: var(--wp--preset--color--muted); }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce div.product .product_title { color: var(--wp--preset--color--contrast); }
.woocommerce-account .woocommerce-MyAccount-navigation a, .woocommerce-account .woocommerce-MyAccount-content { color: var(--wp--preset--color--contrast); }
.woocommerce form.login, .woocommerce form.register, .woocommerce-form-login { background: var(--wp--preset--color--surface); border: 0 !important; border-radius: var(--misterio-radius); }
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .wp-block-woocommerce-checkout .wc-block-components-button {
  background: var(--wp--preset--color--accent) !important; color: #fff !important;
}
.misterio-form__check { display: flex; gap: .6rem; align-items: flex-start; font-size: .9rem; color: var(--wp--preset--color--muted); }
.misterio-form__check input { width: auto; margin-top: .25rem; }
.misterio-form__note { font-size: .8rem; color: var(--wp--preset--color--muted); margin: 0; }