
/* =========================================================
   GFA v1.6.7 — Client selector: Principal background + Accent CTA
   ========================================================= */

/* The client selector page gets a dedicated class from v167 runtime.
   Force the actual full-screen wrapper, not only <body>. */
html.gfa-v167-client-branding body,
html.gfa-v167-client-branding .mobile-first-page,
html.gfa-v167-client-branding .ticket-mobile-page,
html.gfa-v167-client-branding .client-page,
html.gfa-v167-client-branding .client-first-page,
html.gfa-v167-client-branding main,
html.gfa-v167-client-branding app-mobile-first,
html.gfa-v167-client-branding app-first{
  background:
    linear-gradient(
      145deg,
      var(--gfa-v164-primary,#0d5cab) 0%,
      var(--gfa-v164-secondary,#173654) 100%
    ) !important;
}

/* Main action button uses Accent so it remains visually distinct
   from the Principal background. */
html.gfa-v167-client-branding .btn-primary,
html.gfa-v167-client-branding button.btn-primary,
html.gfa-v167-client-branding .cbi-btn-primary{
  background:var(--gfa-v164-accent,#e2aa3c)!important;
  border-color:var(--gfa-v164-accent,#e2aa3c)!important;
  color:#fff!important;
}

html.gfa-v167-client-branding .btn-primary:hover,
html.gfa-v167-client-branding button.btn-primary:hover,
html.gfa-v167-client-branding .cbi-btn-primary:hover{
  filter:brightness(.88)!important;
}

/* Small highlights/icons also use Accent for coherence. */
html.gfa-v167-client-branding .text-primary,
html.gfa-v167-client-branding .bi,
html.gfa-v167-client-branding .step-badge,
html.gfa-v167-client-branding .badge{
  color:var(--gfa-v164-accent,#e2aa3c)!important;
}
