/* P. K TRADERS — site-wide contrast safety net
   Ensures body copy, buttons, forms, and dark panels stay readable. */

/* Stronger secondary text on light surfaces */
body.vx-body,
body.a81-body {
  color: var(--vx-ink);
}
body.vx-body .vx-kicker,
body.a81-body .vx-kicker {
  color: var(--vx-cyan-deep);
}

/* Default buttons always have ink + fill (never transparent text) */
.vx-btn,
.a81-btn,
.btn,
button.btn,
a.btn {
  background: var(--vx-paper) !important;
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
  border: 1.5px solid var(--vx-ink) !important;
}
.vx-btn--flare,
.a81-btn--mint,
.btn-primary,
.btn.btn-primary {
  background: var(--vx-flare) !important;
  color: var(--vx-flare-ink) !important;
  -webkit-text-fill-color: var(--vx-flare-ink);
  border-color: var(--vx-ink) !important;
}
.vx-btn--flare:hover,
.a81-btn--mint:hover,
.btn-primary:hover {
  background: #e4f84a !important;
  color: var(--vx-flare-ink) !important;
  -webkit-text-fill-color: var(--vx-flare-ink);
}
.vx-btn--ghost,
.a81-btn--ghost,
.btn-outline {
  background: #fff !important;
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
  border-color: var(--vx-ink) !important;
}
.vx-btn--ghost:hover,
.a81-btn--ghost:hover,
.btn-outline:hover {
  background: #fffef5 !important;
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
}

/* Dark surfaces: force light text (and keep flare CTAs dark-on-yellow) */
.vx-hero .vx-btn--ghost,
.vx-charter-col--values .vx-btn--ghost,
.vx-wire-channel .vx-btn--ghost {
  background: rgba(248, 247, 244, 0.16) !important;
  color: #F8F7F4 !important;
  -webkit-text-fill-color: #F8F7F4;
  border-color: #F8F7F4 !important;
}
.vx-hero .vx-btn--ghost:hover,
.vx-charter-col--values .vx-btn--ghost:hover {
  background: #F8F7F4 !important;
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
}
.vx-hero .vx-btn--flare,
.vx-charter-col--values .vx-btn--flare,
.vx-wire-strip .vx-btn--flare,
.vx-orbital-chip .vx-btn--flare {
  color: var(--vx-flare-ink) !important;
  -webkit-text-fill-color: var(--vx-flare-ink);
}

/* Forms always dark text on white */
body.vx-body input,
body.vx-body select,
body.vx-body textarea,
body.a81-body input,
body.a81-body select,
body.a81-body textarea {
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
  background-color: #fff;
}
body.vx-body input::placeholder,
body.vx-body textarea::placeholder,
body.a81-body input::placeholder,
body.a81-body textarea::placeholder {
  color: #5a6b78 !important;
  opacity: 1;
}
body.vx-body label,
body.a81-body label {
  color: #2f3d48;
}

/* Mute copy on paper — never wash out */
.mini-copy,
.sub,
.lead,
.vx-mute,
p.vx-lede,
.vx-frame-sku,
.vx-frame-price s {
  color: #2f3d48 !important;
}

/* Dark ink panels keep light copy */
.vx-wire-panel,
.vx-wire-panel-note,
.vx-wire-channel,
.vx-orbital-chip,
.vx-charter-col--values,
.vx-pass-spine,
.vx-cab[open] .vx-cab-face,
.vx-hero-copy,
.vx-beacon-link.is-live,
.vx-frame-no,
.vx-frame-badge--mute,
.a81-pagination .is-active,
.pagination-num.is-active {
  color: #F8F7F4;
}
.vx-wire-label,
.vx-orbital-kicker,
.vx-charter-col--values .vx-kicker,
.vx-pass-spine,
.vx-cab[open] .vx-cab-no,
.vx-beacon-link.is-live {
  color: var(--vx-flare) !important;
}
.vx-charter-stamps li > span:last-child,
.vx-cab[open] .vx-cab-copy em {
  color: rgba(248, 247, 244, 0.92) !important;
}

/* Footer / colophon readability */
.vx-colophon,
.vx-colophon a,
.vx-colophon-nav a {
  color: var(--vx-ink);
}
.vx-colophon-nav a:hover {
  color: var(--vx-cyan-deep);
}
.vx-colophon-brand p,
.vx-colophon-bar {
  color: #2f3d48 !important;
}

/* Checkout step rail on ink — keep inactive labels readable */
.vx-seal-rail li {
  color: rgba(248, 247, 244, 0.9) !important;
}
.vx-seal-rail li.is-live {
  color: var(--vx-flare-ink) !important;
}
.vx-seal-rail li span {
  color: var(--vx-flare) !important;
}
.vx-seal-rail li.is-live span {
  color: var(--vx-flare-ink) !important;
}

/* Disabled controls stay readable but clearly inactive */
.vx-btn.is-disabled,
.a81-btn.is-disabled,
.btn[aria-disabled="true"],
button:disabled,
[aria-disabled="true"].vx-btn {
  opacity: 0.55 !important;
  color: var(--vx-ink) !important;
  -webkit-text-fill-color: var(--vx-ink);
}

/* Links inside light cards */
.vx-paper a,
.panel a,
.summary-box a,
.auth-card a,
.vx-pass-folio a:not(.vx-btn),
.vx-telegram a:not(.vx-btn),
.a81-pol-sheet a {
  color: var(--vx-cyan-deep);
}