/* /pricing page — extends the wf-plan styles in workafy-ui.css */
.wf-pricing-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--wf-green-dark, #05702e); margin: 0 0 6px; }

.wf-cycle-toggle { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; width: max-content; max-width: 100%; margin: 14px auto 0; padding: 5px; background: #fff; border: 1px solid #e1e7ef; border-radius: 999px; }
.wf-cycle-toggle__btn { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: #4b5563; font-weight: 700; font-size: 14px; padding: 8px 16px; border-radius: 999px; cursor: pointer; }
.wf-cycle-toggle__btn:hover { color: var(--wf-ink, #111827); }
.wf-cycle-toggle__btn:focus-visible { outline: 2px solid var(--wf-green, #07993f); outline-offset: 2px; }
.wf-cycle-toggle__btn.is-active { background: var(--wf-green, #07993f); color: #fff; }
.wf-cycle-toggle__save { font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--wf-green-soft, #e7f7ee); color: var(--wf-green-dark, #05702e); }
.wf-cycle-toggle__btn.is-active .wf-cycle-toggle__save { background: rgba(255,255,255,.22); color: #fff; }

/* Badge copy is shown as written ("Best Starter Plan"), not upper-cased. */
.wf-plan__flag { text-transform: none; letter-spacing: 0; font-size: 12px; }
.wf-plan__price[hidden] { display: none; }

.wf-pricing-addon__price { font-size: 22px; font-weight: 850; color: var(--wf-ink, #111827); margin: 0 0 6px; }
.wf-pricing-addon__price span { font-size: 13px; font-weight: 600; color: var(--wf-muted, #6b7280); }

.wf-pricing-help-actions { display: flex; flex-wrap: wrap; gap: 10px; }