/* =========================================================================
   qa-fixes-org-charts.css — Org Charts page fixes. Scope: .rp-org-charts only.
   Do NOT fork shared synced block 7270 (rp-awards / .rp-kawards); these are
   page-scoped overrides layered on top of assets/css/components/awards.css.
   ========================================================================= */

/* -------------------------------------------------------------------------
   Awards / trust-badges band = LIGHT on Org Charts (Greg's call).

   HISTORY: added light in 6d10d39 ("Org Chart light band"); a 2026-07-13 pass
   reverted it to navy ("match the homepage"). That reversal contradicts Greg's
   2026-07-07 decision — "Org Chart Figma is the point of truth -> LIGHT here" —
   and the P2 chunk-1 audit (2026-07-14), so the light band is RESTORED here.
   Figma is truth; block 7270 stays navy everywhere else.

   Figma frame 6877-21767, band node 6954:247074 ("Badges Desktop", version New):
     - band background : #F0F4FE  (Primary/20 — light periwinkle, NOT pure white)
     - heading line 1 "Trusted by Customers," : #114EF7 (blue)   -> .fb-awards-h-gold
     - heading line 2 "Recognized by Experts" : #000000 (black)  -> .fb-awards-h-white
     - eyebrow "Award-Winning Performance"    : #3E70F8 (blue, text + border)
   Other pages keep the navy band (from the Kadence Row Layout attribute); this
   only repaints it on .rp-org-charts. Mirrors the .rp-kawards--white precedent
   but with the org-chart Figma's light-periwinkle palette. Higher specificity
   than awards.css base rules, so no !important needed.
   ------------------------------------------------------------------------- */
.rp-org-charts .rp-kawards .fb-awards        { background: #F0F4FE; }
.rp-org-charts .rp-kawards .fb-awards-h-gold  { color: #114EF7; } /* "Trusted by Customers," */
.rp-org-charts .rp-kawards .fb-awards-h-white { color: #000000; } /* "Recognized by Experts" */
.rp-org-charts .rp-kawards .fb-awards-eyebrow          { color: #3E70F8; border-color: #3E70F8; }
.rp-org-charts .rp-kawards .fb-awards-eyebrow svg path  { fill: #3E70F8; }

/* Edge-fade gradients + Leader-badge glow are tuned navy (#0F1035) for the dark
   band; on the light band they read as dark ovals. Recolour the fades to the
   light bg and hide the dark radial glow (same approach as .rp-kawards--white). */
.rp-org-charts .rp-kawards .fb-awards-fade-left  { background: linear-gradient(90deg,  #F0F4FE 0%, rgba(240,244,254,0) 100%); }
.rp-org-charts .rp-kawards .fb-awards-fade-right { background: linear-gradient(270deg, #F0F4FE 0%, rgba(240,244,254,0) 100%); }
.rp-org-charts .rp-kawards .fb-awards-leader-bg  { display: none; }

/* Adil QA (2026-07-15): MOBILE — left-align the hero checkmark list. Frozen
   migration.css sets `.rp-org-charts .check-marks-list-main-container{
   align-items:center}` on a flex COLUMN, so shorter rows centre horizontally
   (rows land at left 54/33/28 @390 instead of a flush 28). Force flex-start on
   mobile; page-scoped, !important beats migration's non-important rule. */
@media (max-width: 767px) {
  .rp-org-charts .check-marks-list-main-container { align-items: flex-start !important; }
}