/* Cta — now rendered with @creditas-ui/button. All button styling (colors,
 * radius, typography, spacing, hover/focus/active states) comes from the
 * `standard` theme via Emotion inside the shadow root, so there is no
 * hand-rolled button CSS here. Only the shadow-tree font smoothing and the
 * layout wrapper remain. */

/* Legacy-parity text rendering: the old Creditas site sets
 * -webkit-font-smoothing: antialiased globally, which renders type
 * lighter/thinner on macOS. Webflow Code Components live in isolated
 * shadow roots, so this must be declared per-component on :host to
 * inherit into the shadow tree (the property does not cross the
 * shadow boundary). Without it, Blink defaults to subpixel smoothing
 * and identical 400-weight text looks heavier than the old site. */
:host {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

/* Layout wrapper: carries the optional margins. The DS button controls its own
 * width (flexible vs fixed), so the wrapper is a plain block. */
.cta-wrap {
  box-sizing: border-box;
}

/* Navbar variant — a @creditas-ui ButtonSecondary (text link, medium weight)
 * recolored for the navbar. Rendered as an <a>, so we also clear the browser's
 * default anchor underline. Mobile-first: #292929, switching to white at the
 * navbar's desktop breakpoint (1280px), matching Navbar.css exactly.
 *
 * The selector `.cta-wrap.navbar a` (specificity 0,2,1) intentionally outranks
 * Emotion's generated single-class rule (0,1,0), so it wins regardless of the
 * style injection order inside the shadow root. */
.cta-wrap.navbar a,
.cta-wrap.navbar a:hover,
.cta-wrap.navbar a:focus,
.cta-wrap.navbar a:visited {
  text-decoration: none;
  color: #292929;
}

@media (min-width: 1280px) {
  .cta-wrap.navbar a,
  .cta-wrap.navbar a:hover,
  .cta-wrap.navbar a:focus,
  .cta-wrap.navbar a:visited {
    color: #ffffff;
  }
}