v3.3.0 — CTA redesign on theme tokens

Co nowego

Redesign trzech bloków CTA, oparty na design systemie motywu important-classic.

Wygląd

• Odręczne dopiski w Mansalvie otwierają kartę, w kolorze akcentu, lekko przekrzywione. Nagłówki zostają w Rubiku (twarda zasada UI kitu: jeden element odręczny na blok).
• CTA1 przebudowany: dopisek → nagłówek → opis → przycisk → podpis ze zdjęciem eksperta. Wcześniej zdjęcie renderowało się pierwsze w markupie i na mobile osierocało się pod przyciskiem.
• Większe odstępy i typografia w skali strony, karta z hairlinem zamiast samego cienia.

Design system

• Cały cta-block.css przepisany na tokeny motywu (var(--token, fallback)). Fallbacki w px, żeby wtyczka degradowała się sensownie na innym motywie.
• Kolory zgodne z brandem: #e22007 → #FF3434, #18181b → #1b1b1b. Dotyczy wartości domyślnych; zapisane ustawienia trzeba zmienić osobno w panelu.

Responsywność

• Breakpoint stackowania 600 → 782px, min-width: 0 na tekście CTA2, zawijanie etykiet przycisków. Naprawia ucinanie przycisku pod overflow: hidden przy 601–782px i na wąskich telefonach.

Dostępność

• Widoczny :focus-visible na przyciskach (domyślny outline ginął na ciemnej karcie).
• Kontrast dopisku 3.7:1 → 4.9:1.
• prefers-reduced-motion obejmuje też submit formularza.

Bezpieczeństwo

• esc_html() na nagłówkach we wszystkich trzech rendererach (wcześniej jedyne nieescapowane pole).
• alt portretu to nazwisko autora, nie tekst nagłówka.

Znane ograniczenia

Sekcja stylów Fluent Forms celowo nietknięta, czeka na migrację na Gravity Forms.