/* AUTO-GENERATED from qa-fixes-pricing.css via rtlcss. Do not edit by hand.
   Loaded only on AR pages by inc/i18n-setup.php.
*/
/* ==========================================================================
   qa-fixes-pricing.css — /pricing/ page parity overrides
   --------------------------------------------------------------------------
   Created 2026-05-02 from compare-page.mjs results
   (71 mismatches in baseline). Each rule scoped to `.rp-pricing` or
   `body.page-template-page-pricing`.

   Pre-flight items resolved by markup edits in pricing-hero.html:
   - "Additional Services" H2 → H1 promotion (live ships H1)

   --------------------------------------------------------------------------
   Deferred structural mismatches (NOT addressed in this batch):
   The /pricing/ page is mid-refactor (note `parts/pricing-refactor-body.html`
   filename — incomplete restructure left over from a prior session).
   Live and local diverge significantly:

   Live ships:
     - 4 pricing tiers (Contractors / EOR / Entreprise / **Local Payroll**)
       — local has only 3
     - Multiple responsive variants of each tier (desktop + tablet + mobile),
       producing duplicate H1s ("Pricing" ×3, "Contractors" ×2-4 etc.)
     - "Visa Sponsorship" tier with "Starting AT $549/mo" — local has it
       only in Additional Services section
     - Multiple "Starting AT $X" pricing-card duplicates (responsive
       variants)
     - Inline "What's included?" expandable buttons per tier (different
       from local's single-table comparison)
     - Multiple Try-RP CTA banners (3× Companies + 3× Contractors)
     - "RemotePass makes managing local and international teams easy"
       testimonials heading — local doesn't have
     - "Try RemotePass Today!" extra CTA
     - 2× white-bg-masks (vs local's 1)

   Local ships:
     - 3 pricing tiers (no Local Payroll tier)
     - Single-table "What's Included?" comparison (different UX from live)
     - 8-question FAQs section at bottom — live doesn't have at this URL
     - 1 Try-RP banner (from home-footer)

   These are page-specific Webflow content blocks that require porting
   live's pricing-table refactor markup. Substantial body restructure;
   deferred to a follow-up content-port pass (same bucket as
   finance-managers + hr-managers).

   This batch addresses only the typography/style fixes that don't
   require restructuring (size mismatches, line-heights, white-bg-mask).
   ========================================================================== */

/* ============ §A. WHITE-BG-MASK — hide on pricing =======================
   RECURRING-ISSUES.md §2. Standard recurring fix. Local has 1 mask
   (home-footer); live has 2 (one is `pricing-bg-mask` — different
   element). Hide both kinds on local.
   ========================================================================== */
/* 2026-05-03: structured-diff says live whiteBgMaskHidden=false, local=true.
   Same correction as cor/local-payroll/ai/why-remotepass/hr-managers. Live
   keeps the white masks visible. Only the page-specific .pricing-bg-mask
   stays hidden. */
.page-template-page-pricing .pricing-bg-mask {
  display: none !important;
}

/* ============ §B. "Pricing" H1 — match live's 50.05px / 57.5575px =======
   2026-05-02 CORRECTION: prior version of §B set 57.72/66.378, but live
   actually ships 50.05px / 57.5575px (verified via Chrome MCP probe at
   1440×900). The earlier value was copy-pasted from why-remotepass §B
   and went the wrong direction — local was rendering 56/67.2 (TT5 H1
   default) and the §B v1 forced it to 57.72/66.378, MORE divergent from
   live than the unfixed state.
   Live's "Pricing" H1 hero is the responsive `_landing_page_pricing`
   class chain, which sizes down ~14% from the standard `.rp-h1` 57.72.
   ========================================================================== */
.rp-pricing h1.rp-h1,
.rp-pricing h1.rp-h1.txt-ctr {
  font-size: 50.05px;
  line-height: 57.5575px;
}

/* polish-batch-13 — partner-referral "Pricing" H1 uses desktop variant 57.72/66.378. */
.rp-partner-referral h1.rp-h1,
.rp-partner-referral h1.rp-h1.txt-ctr,
.rp-partner-referral h1.rp-h1.txt-ctr.dark-color-0f1035.text-smaller {
  font-size: 57.72px;
  line-height: 66.378px;
}

/* ============ §C. PRICING-TIER PLAN H1s — match live's 19.5/25.35 =======
   2026-05-02 CORRECTION: prior version of §C set 24.7/32.11 but live
   actually ships 19.5px / 25.35px. The plan-card H1s (Contractors /
   Employer Of Record / Entreprise) on live are sized down further than
   .rp-h3's standard 24.7 — matches the more compact pricing-card UI.
   Local was rendering 24/33.6 (TT5 default) — the v1 §C made it 24.7,
   still ~5px LARGER than live. Now setting to live's actual 19.5/25.35.
   ========================================================================== */
.rp-pricing h1.rp-h3,
.rp-pricing h1.rp-h3.text-capitalized,
.rp-pricing h3.rp-h3,
.rp-pricing h3.rp-h3.text-capitalized.text-full_width,
/* 2026-05-03 polish-batch-4 — extend to .rp-partner-referral which ships
   the same 4-tier pricing block (Contractors / EOR / Local Payroll /
   Additional Services / CoR / Visa Sponsorship). The /partner-referral/
   page regressed 45 → 47 mismatches after the §C v2 correction landed
   on /pricing/ but didn't extend to the partner-referral scope.
   This single-selector extension drops ~12-16 mismatches on /partner-referral/. */
/* 2026-05-03 polish-batch-10 — same 4-tier pricing block on /local-payroll-ksa/.
   Live ships 19.5/25.35 here (verified via diff). */
.rp-local-payroll-ksa h1.rp-h3,
.rp-local-payroll-ksa h1.rp-h3.text-capitalized,
.rp-local-payroll-ksa h3.rp-h3,
.rp-local-payroll-ksa h3.rp-h3.text-capitalized.text-full_width {
  font-size: 19.5px;
  line-height: 25.35px;
}

/* polish-batch-13 — /partner-referral/ pricing-tier H1s match LIVE's
   DESKTOP variant (24.7/32.11), not the mobile variant (19.5/25.35) that
   the original §C extension assumed. The diff probes desktop first. */
.rp-partner-referral h1.rp-h3,
.rp-partner-referral h1.rp-h3.text-capitalized,
.rp-partner-referral h1.rp-h3.text-capitalized.text-smaller,
.rp-partner-referral h1.rp-h3.text-capitalized.text-full_width {
  font-size: 24.7px;
  line-height: 32.11px;
}

/* ============ §D. PRICING H2 PRICE-VALUES — line-height 28.8px ==========
   `.rp-h2.price-value.new_pricing_style_rp_h2` H2s ($39/mo / From
   $349/mo / Book a Demo) render 24px / 31.2px on local; live ships
   24px / 28.8px. The font-size is correct (24); just need to compress
   line-height by ~2.4px.
   ========================================================================== */
.rp-pricing h2.rp-h2.price-value,
.rp-pricing h2.rp-h2.price-value.new_pricing_style_rp_h2 {
  line-height: 28.8px;
}
/* polish-batch-4 — partner-referral price-value H2s render 32px on local
   vs live's 24px; needs both font-size + line-height override (the
   /pricing/ rule above only adjusts line-height because that page already
   has 24px font-size from migration.css). */
.rp-partner-referral h2.rp-h2.price-value,
.rp-partner-referral h2.rp-h2.price-value.new_pricing_style_rp_h2,
/* polish-batch-10 — same pattern on local-payroll-ksa pricing tier H2s. */
.rp-local-payroll-ksa h2.rp-h2.price-value,
.rp-local-payroll-ksa h2.rp-h2.price-value.new_pricing_style_rp_h2 {
  font-size: 24px;
  line-height: 28.8px;
}

/* ============ Polish-batch-V2-D — partner-referral residuals ============
   Three actionable items:
   1. "Bid Farewell to Global Hiring Guesswork." H2 line-height 32 (live)
      vs 41.6 (local). The .new_landing_page_payroll_header class.
   2. "Additional Services" H1 sizing — my batch-4 §B extension over-matched
      because Additional Services has `.rp-h1.txt-ctr.txt-auto` (3 classes).
      Live ships this specific element at 32/36.8 not 50.05/57.5575.
      Add specificity-bumped override.
   3. "Up to 5 approval flows" double-section needs padding 0 (live)
      instead of local's 0 24px on its rp-container wrapper, plus a
      border-radius 18px on the inner content card. */

/* (1) Bid Farewell line-height fix */
.rp-partner-referral h2.new_landing_page_payroll_header {
  line-height: 32px;
}

/* (2) Additional Services H1 size override (specificity 0,4,0 beats §B's 0,3,0) */
.rp-partner-referral h1.rp-h1.txt-ctr.txt-auto {
  font-size: 32px;
  line-height: 36.8px;
}

/* (3) "Up to 5 approval flows" section wrapper padding + border radius */
.rp-partner-referral .rp-container.new-rp-section-vertical-scroll-container {
  padding-right: 0;
  padding-left: 0;
}
.rp-partner-referral .double-slide-lleft-container.double-slide-lleft-container-super-app {
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 18px;
}

/* ============ §E. FAQs H2 — match live's 36px / 38px =====================
   `.guide_hiring_faq_h.guide_hiring_faq_h_gray` renders 28px / 36.4px
   on local; live ships 36px / 38px. Same fix as
   qa-fixes-background-check.css §D pattern.
   ========================================================================== */
.rp-pricing h2.guide_hiring_faq_h,
.rp-pricing h2.guide_hiring_faq_h.guide_hiring_faq_h_gray {
  font-size: 36px;
  line-height: 38px;
}

/* ============ §F. ADDITIONAL SERVICES H1 — match live's 32px / 36.8px ====
   "Additional Services" was H2 on local (32px / 41.6px), promoted to H1
   in body file. Live ships H1 32px / 36.8px. Need to compress
   line-height now that the promotion exposed the TT5 H1 default.
   ========================================================================== */
.rp-pricing h1.rp-h2,
.rp-pricing h1.rp-h2.txt-ctr {
  font-size: 32px;
  line-height: 36.8px;
}

/* --------------------------------------------------------------------------
   Partial-pass floor (compare 2026-05-02, post §A–§F): trajectory 71 → 64.
   Cleared the 7 size/typography mismatches addressable without restructure.
   Residual 64 are predominantly STRUCTURAL CONTENT GAPS:
     - Live's 4th "Local Payroll" pricing tier (LIVE-ONLY)
     - Live's responsive-variant duplicates (Pricing H1 ×3, Contractors
       H1 ×4, EOR H1 ×3, etc — desktop+tablet+mobile layouts)
     - Live's multiple "Starting AT $X" pricing-card duplicates
     - Live's inline "What's included?" expandable buttons per tier
     - Live's 2-3 Try-RP CTA banners (vs local's 1 from home-footer)
     - Live's "RemotePass makes managing local..." testimonials heading
     - Live's "Try RemotePass Today!" extra CTA
     - Local's 8-question FAQ section (live doesn't show at this URL)
     - 2× white-bg-masks on live (vs 1 on local)
     - 9 LOCAL-ONLY headings from local's specific UI patterns

   This page is mid-refactor (note `parts/pricing-refactor-body.html`
   filename) — substantial body restructure required to match live's
   refactored pricing-table layout. Tracked for follow-up content port
   pass (same bucket as finance-managers + hr-managers).
   -------------------------------------------------------------------------- */

/* ============ §G. partner-referral product-feature H3 — match 20/28 ====
   2026-05-03 polish-batch-8: 5 product feature H3s on /partner-referral/
   render at 24/33.6 (TT5 default H3) but live ships 20/28. Tag-correct
   already (both H3); only size needs override. The H3s use class
   `.new_landing_page_payroll_card_h3` which is unique to this page. */
.rp-partner-referral h3.new_landing_page_payroll_card_h3 {
  font-size: 20px;
  line-height: 28px;
}