/* AUTO-GENERATED from qa-fixes-finance-managers.css via rtlcss. Do not edit by hand. Loaded only on AR pages by inc/i18n-setup.php. */ /* ========================================================================== qa-fixes-finance-managers.css — /finance-managers/ page parity overrides -------------------------------------------------------------------------- Created 2026-05-02 from compare-page.mjs results (36 mismatches in baseline). Each rule scoped to `.rp-finance-managers` or `body.page-template-page-finance-managers`. Pre-flight items resolved by markup edits in finance-managers-body.html: - Stripped 13785 bytes of trailing null padding (RECURRING §19) - 4× H2 → H1 promotion on product-slide titles (Simplify Global Payroll / Real-Time Approval Workflows / Streamline Expense Management / Offer Competitive Benefits While Managing Costs) PHP edits (inc/hero-content-bindings.php): - Added 'finance-managers' to $no_gradient_slugs so hero shortcode emits ONLY the 3 base classes (no _bg_extra_layer / rounded-bottom / bg-light-blue / adjust-padding) matching live's bare-wrapper hero. Same pattern as remotepass-background-check + integrations. Template edits (templates/page-finance-managers.html): - Removed `fixed-cta-banner` template-part include (cleared the LOCAL-ONLY "Ready to Simplify Global Workforce Management?" H3). -------------------------------------------------------------------------- Deferred structural mismatches (not addressed in batch 1): - "Introducing RemotePass for Local Payroll" LIVE-ONLY — extra section live ships that local doesn't - "What Other Finance Managers Have to Say" + "See How RemotePass Helps Other FinanceManagers Achieve their..." LIVE-ONLY — case studies section header text differs from local's case-studies-grid template part output - "Try RemotePass Today!" LIVE-ONLY — additional CTA section - 3× LIVE-ONLY case-study card headings ("Hire Top Talent Anywhere" / "Plug-and-Play HR Strategy Plan Template" / "Hire International Contractors with Confidence") — live's case studies are page- specific; local's case-studies-grid template part shows generic content - 3× LOCAL-ONLY ebook headings (Global Hiring Playbook / HR Strategy Plan Template / Contractor Hiring Toolkit) — local's ebook-grid template-part content doesn't match live's "Check Out Our Free Resources" set - "Hear what teams love..." LOCAL-ONLY — live finance-managers page doesn't include testimonials at all (different footer pattern); local's home-footer always includes them - youtubeIframeCount 1 vs 0 — live ships a YouTube embed somewhere that local doesn't have These are page-specific content blocks that require porting Webflow source markup and would substantially restructure the body. Tracked for a follow-up pass. -------------------------------------------------------------------------- Cosmetic + structural-deferred floor (compare 2026-05-02, post §A–§E): trajectory 36 → 27 → 26. Residual 26 break down: - 4 page-level: testimonials count (live=0, local=1 — live has no testimonials section; local's home-footer always includes one), whiteBgMaskCount (live=0, local=1 — live's footer doesn't ship the mask), youtubeIframeCount (live ships iframe somewhere we don't have), pageHeight informational - 17 heading mismatches: 7 LIVE-ONLY (extra sections/cards), 6 LOCAL-ONLY (template-part content mismatched), 4 sizes on Try-RP/Check Out Our Free Resources headings - 5 row mismatches: sub-pixel deltas (imgRenderedW ~7-24px, leftColW/rightColW 618/626) — same recurring pattern as apis No structural flex/layout issues left. The deferred-section block above lists each LIVE/LOCAL-ONLY heading with its source. PHP fix for `'finance-managers'` moved from $no_gradient_slugs to $soft_gradient_slugs — live actually HAS `_bg_extra_layer` (soft gradient pattern, like cor/ai/relocation/apis). -------------------------------------------------------------------------- ========================================================================== */ /* ============ §A. WHITE-BG-MASK — hide on finance-managers ============== RECURRING-ISSUES.md §2. Hardcoded `top: 1087px` mask in home-footer lands on visible content. TRAP: don't undo if the diff flags `whiteBgMaskHidden: live=true / local=false` — the inversion comes from live's footer NOT including the mask at all (count=0). ========================================================================== */ .page-template-page-finance-managers .white-bg-mask, .page-template-page-finance-managers .new-footer-white-bg-mask, .rp-finance-managers ~ * .white-bg-mask, .rp-finance-managers ~ * .new-footer-white-bg-mask { display: none !important; } /* ============ §B. HERO GRADIENT — bare-wrapper variant w/ standard 15% == Live's hero on finance-managers renders with ONLY the 3 base classes (`.hero_double_section.new_rp_hero_double_section.new_rp_hero_double_section_bg`) — same as bgc / integrations. The PHP shortcode now emits 'no-gradient' for this slug, stripping all modifier classes. Provide the lavender gradient on the bare wrapper. ========================================================================== */ .rp-finance-managers .hero_double_section.new_rp_hero_double_section.new_rp_hero_double_section_bg { background-image: linear-gradient(rgba(228, 235, 254, 0), rgb(228, 235, 254) 15%, rgb(228, 235, 254)); background-position: 100% 0; background-repeat: repeat; background-size: auto; background-attachment: scroll; } /* ============ §C. HERO H1 — match live's 47.2px / 56px ================== "Solve Your Biggest Financial Management Challenges" H1 renders 53.6/64.32 on local but live ships 47.2/56. Same pattern as apis §B — page-scoped class chain matching local's actual H1 attributes (no `.font-2-6rem` since the PHP shortcode doesn't emit that class). ========================================================================== */ .rp-finance-managers h1.double-slide-landing-page-left-main-header.double-slide-landing-page-left-main-header-dark-blue { font-size: 47.2px; line-height: 56px; } /* ============ §D. ROW FLEX-DIRECTION — restore -revert/-rev to row ====== Real-Time Approval Workflows + Offer Competitive Benefits rows have markup `.security-trust-double-section-hero-container-revert .double-section-hero-container-rev` which migration.css line 1796 maps to `flex-flow: row` (the -rev cancels the -revert). But the rule is scoped to `.main-section-holder` ancestor, which is present on this page — it should fire. However the diff shows local row-reverse / live row. Force flex-direction row on these chain combos page-scoped. ========================================================================== */ .rp-finance-managers .double-section-hero-container.security-trust-double-section-hero-container.security-trust-double-section-hero-container-revert.double-section-hero-container-rev { flex-direction: row; } /* ============ §E. HERO 5/7 LAYOUT — force flex-basis ==================== Hero markup is `.width-flex-5-7` + `.w-col-5` (41.66%) + `.w-col-7` (58.33%). Live renders 522/730 ≈ 41.7%/58.3%. Local renders 278/974 — way off, because TT5's flex defaults override `width:%` rules from migration.css. Same fix pattern as qa-fixes-apis.css §F. ========================================================================== */ .rp-finance-managers .hero_double_section .double-section-hero-container.width-flex-5-7 .w-col-5 { flex: 0 0 41.6667%; width: 41.6667%; max-width: 41.6667%; } .rp-finance-managers .hero_double_section .double-section-hero-container.width-flex-5-7 .w-col-7 { flex: 0 0 58.3333%; width: 58.3333%; max-width: 58.3333%; } /* ============ §F. TRY-RP TWIN — now SHOWN (S1-extend) — RTL sibling ======= 2026-07-14: mirror the base qa-fixes-finance-managers.css removal of the stale "hide twin" rule (see there). The twin-CTA now renders on AR too (from ar-home-footer). Only the base kept the note; this RTL sibling just drops the rule so AR isn't left hiding the box. §H below sizes the twin H2s. ========================================================================== */ /* ============ §G. Hero img cap + 5/7 col width — match live's 626 ======== Run 2026-05-03 reported imgRenderedW 532 vs 525 + leftColW/rightColW 626 vs 618 across all 4 product slides. Live renders each col at 626 (1252 / 2 with no inner padding). Local was 8 px short. Force 626 on BOTH .hero_double_section AND .hero_double_section_2 markup variants (slides 1+3 use _2, slides 2+4 use the bare class with -revert). */ .rp-finance-managers .hero_double_section .double-section-hero-container > .w-col, .rp-finance-managers .hero_double_section_2 .double-section-hero-container > .w-col, .rp-finance-managers .hero_double_section .double-section-hero-container > .w-col-6, .rp-finance-managers .hero_double_section_2 .double-section-hero-container > .w-col-6, .rp-finance-managers .hero_double_section .double-section-hero-container > .w-col-stack, .rp-finance-managers .hero_double_section_2 .double-section-hero-container > .w-col-stack { width: 626px; max-width: 626px; flex: 0 0 626px; } .rp-finance-managers .main-hero-section-img { max-width: 706px; width: 100%; height: auto; } /* ============ §H. Try-RP twin H2 sizes — match live ====================== Live: "Try RemotePass for Companies" H2 40/48, "Try RemotePass for Contractors" H2 32/44. Local home-try-rp ships both as 36/48. Override on this page only. */ /* migration.css:3127 ships `.rp-h2.white-txt.new-footer-try-box-h2.new-rp-footer-try-box-h2 { font-size: 2.25rem }` at specificity 0,4,0. Match the chain + body class to win cleanly. */ body.page-template-page-finance-managers .new-rp-footer-try-box-companies h2.rp-h2.white-txt.new-footer-try-box-h2.new-rp-footer-try-box-h2 { font-size: 40px; line-height: 48px; } body.page-template-page-finance-managers .new-new-footer-try-box-right-contractors h2.rp-h2.white-txt.new-footer-try-box-h2.new-rp-footer-try-box-h2 { font-size: 32px; line-height: 44px; } /* ============ §I. Ebook card titles — H1@18/26 =========================== Body markup swapped H3→H1 on `.ebook-card-title` to match live tag. CSS bumps the size from default H3 (~17.6) to live's exact 18/26. */ .rp-finance-managers h1.ebook-card-title { font-size: 18px; line-height: 26px; font-weight: 700; } /* ============ §J. "Check Out Our Free Resources" H2 — 35.2/48 ============ Live: 35.2 / 48 on the ebook section header. Local was rendering 36/56 (migration.css:1290 + 1297 cascade). The H2 carries 4 of the long compound classes (NOT apple-pay_add-header), so target that exact chain inside the ebook-grid-section to win specificity over migration.css. */ body.page-template-page-finance-managers .ebook-grid-section h2.new_landing_page_payroll_header.new_landing_page_badge_header.new_landing_page_apple-pay_header.new-rp-section-header { font-size: 35.2px; line-height: 48px; } /* ============ §K. Ebook card thumbnail accent colours — distinct per card = Same fix as qa-fixes-finance-managers-rtl.css §L. EN /finance-managers has the same blank-thumbnail issue. Colour gradients don't need LTR/RTL flip. ========================================================================== */ .rp-finance-managers .ebook-grid-item:nth-child(1) .ebook-card-thumbnail-bg { background: linear-gradient(-135deg, #dce8fe 0%, #b8d0fd 100%); } .rp-finance-managers .ebook-grid-item:nth-child(2) .ebook-card-thumbnail-bg { background: linear-gradient(-135deg, #e4ebfe 0%, #c5d8ff 100%); } .rp-finance-managers .ebook-grid-item:nth-child(3) .ebook-card-thumbnail-bg { background: linear-gradient(-135deg, #fef8e6 0%, #fde9a2 100%); }