/* ───────────────────────────────────────────────────────────────────────── Football Intelligence — wrapped store-build overrides (IAP source-gating) See APP-STORE.md §1. Active only when — set by the inline head script in dashboard-v2.html when the app is launched from the Android TWA (?source=twa) or iOS WKWebView (?source=ios) wrapper. On those surfaces we may not sell subscriptions in-app (Apple Guideline 3.1.1 / Google Play payments policy), so every plan-purchase / Upgrade / Stripe-checkout CTA is hidden. Navigation to the (info-only) Plans page, login, and existing-plan usage all stay. The Plans page buy buttons + checkout are gated in JS (plans.js) so they can never reach Stripe; this stylesheet is the defence-in-depth visual layer for the upsell CTAs scattered across the other surfaces. ───────────────────────────────────────────────────────────────────────── */ /* Universal marker — any explicit Upgrade / Get PRO / Get Elite CTA carries .fi-upsell; new upsell CTAs only need this class to be auto-suppressed. */ html.fi-wrapped .fi-upsell { display: none !important; } /* Component-specific upsell CTAs that already have stable hooks (no marker needed). Hide the whole locked container where it reads cleaner than leaving a dangling arrow / label. */ html.fi-wrapped .pred-markets__value-line--locked, html.fi-wrapped .pred-markets__locked-row, html.fi-wrapped .odds-table__lock-cta, html.fi-wrapped .fi-value-lock, html.fi-wrapped .fi-ai-picks-block__cta, html.fi-wrapped .md-prediction__top-pick--locked, html.fi-wrapped .sim-picker__pro-hint { display: none !important; } /* Plans page in wrapped mode — styling for the web-management note that replaces the billing toggle and the per-card buy buttons. These elements only render inside the wrapped DOM (gated in plans.js), so no html.fi-wrapped prefix is required, but it is kept for clarity / safety. */ html.fi-wrapped .plans-page__web-note { max-width: 640px; margin: 0 auto var(--space-4, 16px); padding: 12px 16px; text-align: center; border: 1px solid var(--divider, rgba(255, 255, 255, 0.08)); border-radius: 12px; background: var(--surface-2, rgba(255, 255, 255, 0.03)); } html.fi-wrapped .plan-card__cta--web-note { margin: 0; text-align: center; line-height: 1.4; }