/**
 * Golden Eagle GS — Homepage Part 3 (page-specific layout)
 * Stage 5, Part 3 — Process Timeline, Government Services, Visa Services
 *
 * SCOPE DISCIPLINE: two new rules only, both filling a genuine gap:
 *
 * 1. `.ge-badge` — a small gold-outlined chip for the "Official Process"
 *    marker on Government Services cards (per the original Phase 3
 *    spec: "small gold-outlined badge (13px)"). The library's existing
 *    small-chip pattern, `.ge-job-card__meta-item` (components-core.css),
 *    is a SOLID navy fill — a visually different treatment than the
 *    approved gold-outline badge spec calls for, so reusing it would
 *    silently contradict the already-approved visual direction rather
 *    than honor it. This is a genuinely new visual treatment, not a
 *    duplicate of an existing one.
 * 2. `.ge-home-cta-wrap` — centers a single CTA below a card grid. No
 *    existing class does only this; Part 2 and this stage both needed
 *    it, and reusing an unrelated class (e.g. a section-header
 *    modifier) for it would be a semantic misuse, not genuine reuse.
 *
 * Everything else in this stage's markup (Timeline, card grids, empty
 * states, meta chips) uses classes that already existed before this
 * stage — see inc/homepage-part3.php's docblock for the full
 * component-reuse accounting.
 *
 * LOADING: registered only, conditionally enqueued on the front page —
 * see inc/homepage-part3.php's `ge_homepage_part3_enqueue_assets()`.
 */

/* ==========================================================================
   1. BADGE (Government Services "Official Process" marker)
   ========================================================================== */

.ge-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--ge-space-1) var(--ge-space-2);
  border: 1px solid var(--ge-color-gold-500);
  border-radius: var(--ge-radius-pill);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ge-color-gold-300);
  background: rgba(201, 162, 75, 0.08);
  /* backdrop-filter: blur(4px) removed in v12 — this badge repeats
     inside a scrolling card grid, the exact pattern luxury-effects.css's
     Glass Surface rule puts out of scope on lower-end mobile GPUs. The
     translucent gold fill is kept; the badge is visually unchanged. */
}

/* ==========================================================================
   2. CENTERED CTA WRAPPER
   ========================================================================== */

.ge-home-cta-wrap {
  text-align: center;
  margin-top: var(--ge-space-6);
}