=== Multi Style Kits for Elementor - Abdiel ===
Contributors: abdielreyef
Tags: elementor, style kits, templates, customization, branding, brandboards
Requires at least: 5.8
Tested up to: 6.7
Stable tag: 1.0.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Donate link: https://joseabdiel.com/apoyar/

Manage multiple Elementor Style Kits (Brandboards) on a single site. Assign per-page styles, bulk-assign, and switch branding instantly.

== Description ==

**Multi Style Kits for Elementor - Abdiel** gives you the freedom to have multiple **Brandboards** (Style Kits) within the same website. 

Elementor normally restricts you to one single Global Kit for the entire site. This plugin breaks that limit, allowing you to play with colors, typography, and styles without losing your original identity.

You can have multiple "identities" living together on the same site. It is perfect for:
* **Landing Pages:** Give a specific sales page a unique look without affecting your home page.
* **A/B Testing:** Quickly swap design systems to test what converts better.
* **Multi-Brand Sites:** Manage distinct color palettes for different sections of your business.

This plugin is free to use. If you find it useful for your projects, consider supporting the development using the link in the sidebar!

### Key Features

* **Unlimited Kits:** Create as many Style Kits as you need.
* **Per-Page Assignment:** Assign a specific kit to any page directly from the Elementor Editor.
* **Live Preview:** See how the kit looks on your page before saving changes.
* **Bulk Assignment:** Apply a kit to multiple pages at once using the dashboard tool.
* **Global Switcher:** Change the default look of your entire site in one click.
* **Import / Export:** Move your kits between sites easily.

== Installation ==

1.  Upload the plugin files to the `/wp-content/plugins/abdiel-multi-style-kits-for-elementor` directory, or install the plugin through the WordPress plugins screen directly.
2.  Activate the plugin through the 'Plugins' screen in WordPress.
3.  Go to **Multi Style Kits** in your dashboard to start managing your brandboards.
4.  Open any page with Elementor to see the new "Page Settings" options for Kit selection.

== Frequently Asked Questions ==

= Does this work with Elementor Free? =
Yes, it works perfectly with both Elementor Free and Elementor Pro.

= Can I export a kit to another site? =
Yes. Go to the "Import / Export" tab. You can export any kit to a lightweight JSON file and import it into another site that has this plugin installed.

= What happens if I deactivate the plugin? =
Your pages will revert to using the default Global Kit set in Elementor settings. No data is lost; the assignments are just paused until you reactivate the plugin.

= How do I assign a kit to a specific page? =
You can do it in two ways:
1.  **From Elementor (Recommended):** Open the page, go to Page Settings (gear icon) > Multi Style Kits, and select your kit.
2.  **From the Dashboard:** Use the "Bulk Assignment" tool to apply kits to pages without opening the editor.

== Screenshots ==

1.  **Main Dashboard:** Overview of your Kits. (1) **Set as Global:** Makes this kit the default for the whole site. (2) **Clone:** Duplicates the kit. (3) **Export:** Downloads the kit as JSON. (4) **Normalize:** Fixes standard Elementor format issues. (5) **Delete:** Removes the kit. (6) **Bulk Assignment:** Tool to apply kits to many pages. (7) **Contact:** Support & resources tabs.
2.  **Bulk Assignment Tool:** Apply styles massively. (1) **Select Kit:** Choose the design you want to apply. (2) **Content Type:** Choose between Pages or Posts. (3) **Scope:** "Selected (IDs)" lets you search for specific pages; "All" applies it to everything. (4) **Search:** Type the name of the page, click to select it, and run the batch.
3.  **Plugin Settings:** (1) **Default for New Pages:** Automatically assign a kit when creating content. (2) **Normalize Colors:** Adds missing dark/light system colors. (3) **Reset Base Kit:** Restores the example kit if needed.
4.  **Import / Export:** Backup your work or migrate your Brandboards to another website easily.
5.  **Elementor Editor Integration:** Located inside Page Settings (gear icon) > Multi Style Kits. Use the dropdown to select a local kit for the current page only.
6.  **Live Preview:** When you select a kit, the editor reloads with the new styles. A floating bar appears asking you to **"Save"** to apply the changes permanently or refresh.

== Changelog ==

= 1.0.0 =
* Initial release.
* Added support for multiple Brandboards.
* Added Bulk Assignment tool.
* Integrated Live Preview in Elementor Editor.

== Upgrade Notice ==

= 1.0.0 =
Initial release of Multi Style Kits for Elementor - Abdiel.