# BW Pricing Card

Gutenberg block for a 3-up pricing tier section — cards wrap to a new row after the third. Each card carries a tier label, price, description, an editable feature list, a customizer-aware button, and a Most Popular highlight. All text edits happen directly on the card; structural controls live in the block sidebar.

## Requirements
- WordPress 6.0 or later
- PHP 7.4 or later

## Installation
1. Download / copy this folder into `wp-content/plugins/bw-pricing-card/`.
2. WP Admin → Plugins → Activate "BW Pricing Card".
3. Edit any page → add block → search "BW Pricing Card" (Design category).

## Features
- **3 cards per row, wraps after the third** — add as many tiers as you need, layout flows automatically.
- **Inline RichText editing** for tier label, price, description, every feature item, and button text — click on the card and type.
- **Add / remove cards** from the sidebar or via the dashed `+ Add card` placeholder at the end of the grid.
- **Add / remove feature items** with inline X icons that appear on row hover, plus an "Add feature" button under each list.
- **Most Popular toggle** per card — applies the spec border (`2px solid var(--pv-teal-dk)`) and a gradient ribbon. Ribbon label is editable.
- **Four button styles** — Fill Base / Theme Base / Secondary Base / Outline Base — pick from the per-card sidebar panel.
- **Self-contained CSS:** design tokens are scoped to `.bw-pricing-card`, so the block looks right even on themes that don't load a global `--pv-*` palette.
- **Server-side rendered** via `render.php` — no stale markup in post content when attributes change.

## Styling
The block ships its own design tokens (Prompt Victoria palette: navy / teal / green / orange / etc.). To match a different brand, override the variables on `.bw-pricing-card` in your theme's CSS:

```css
.bw-pricing-card {
    --pv-navy: #112233;
    --pv-teal-dk: #008899;
    --pv-orange: #ee6644;
}
```

The four button modifier classes are `.bw-pricing-card__btn--fill-base`, `--theme-base`, `--secondary-base`, `--outline-base` — restyle them to match your customizer's button presets.

## License
GPL-2.0-or-later. See `LICENSE`.