=== SPP Checkout Splitter ===
Contributors: sppplugins
Tags: woocommerce, checkout, wizard, multistep, multi-step
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Turn long WooCommerce checkouts into a clean, interactive multi-step wizard, styled automatically to match your active theme.

== Description ==

SPP Checkout Splitter breaks the long WooCommerce checkout into clean, logical,
interactive wizard steps, and styles itself dynamically to match the active
theme.

Instead of one intimidating scroll of fields, customers move through a guided
flow with a progress stepper, per-step validation, and the ability to jump back
to any completed step.

Works with both checkout types:

* Classic (shortcode) checkout — the form sections are re-parented into steps.
* Checkout block (the WooCommerce/Gutenberg default) — the block's native steps
  are split in a React-safe way (steps are shown one at a time and re-asserted
  via a MutationObserver; nodes are never moved or removed).

= Features =

* Zero configuration — activate and the checkout is split automatically.
* Dynamic theming — accent, hover, text, surface and border colors are derived
  from the active theme (block themes via theme.json, classic themes via popular
  Customizer settings), with a manual override.
* Per-step validation of required fields before continuing.
* Keeps WooCommerce intact — AJAX order review, coupons, shipping and payment
  gateways all keep working.
* Accessible and responsive, with reduced-motion support.

== Installation ==

1. Upload the `spp-checkout-splitter` folder to `/wp-content/plugins/`.
2. Activate the plugin through the "Plugins" screen in WordPress.
3. (Optional) Configure it under WooCommerce > Checkout Splitter.

== Frequently Asked Questions ==

= Does it work with the WooCommerce Checkout block? =

Yes. It supports both the Checkout block and the classic `[woocommerce_checkout]`
shortcode. Each script self-detects the checkout type, so nothing conflicts.

= How does it match my theme? =

On checkout it resolves an accent color from the theme (theme.json palette for
block themes, or Customizer settings for popular classic themes), derives a
hover shade and a contrast-correct button text color, and injects them as CSS
variables. You can also set a manual color under WooCommerce > Checkout Splitter.

== Changelog ==

= 1.0.0 =
* Initial release.
* Classic checkout wizard by re-parenting form sections.
* Checkout block support via React-safe step splitting.
* Dynamic theme color detection with manual override.

== Upgrade Notice ==

= 1.0.0 =
Initial release.
