/* Correcao visual da pagina de acesso (acesso.html). Carrega DEPOIS do checkout.css.
   Conserta: icones SVG que renderizavam pretos, lista de downloads com links azuis, botao secundario. */
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* icones de LINHA (sem preenchimento preto) */
.checkout-shell svg, .payment-card svg, .checkout-copy svg, .topbar svg, .post-quiz-cta svg {
  fill: none !important; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

/* caixinha do icone de status */
.payment-icon {
  width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 12px;
  border: 1px solid rgba(151,146,125,0.4); border-radius: 12px; background: rgba(151,146,125,0.12); color: #97927D;
}
.payment-icon svg { width: 22px; height: 22px; }
.primary-button svg, .ghost-button svg { width: 18px; height: 18px; }

/* lista de downloads (arquivos liberados) */
#accessDownloads { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 11px; }
#accessDownloads li { display: flex; align-items: center; gap: 10px; font-size: 0.96rem; line-height: 1.4; color: rgba(255,255,255,0.88); }
#accessDownloads li svg { flex: 0 0 auto; width: 18px; height: 18px; color: #97927D; }
#accessDownloads a { color: #D9D4C3; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
#accessDownloads a:hover { color: #fff; }

/* botao "Falar com a Thatiana" (estava como link azul) — dentro do card branco */
.payment-card .ghost-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px;
  padding: 11px 16px; width: 100%; border: 1px solid rgba(9,33,44,0.16); border-radius: 10px;
  color: #09212C; background: #fff; font-weight: 700; font-size: 0.9rem; text-decoration: none;
}
.payment-card .ghost-button:hover { background: #F8F7F4; }

/* "Ja comprei? Acessar" — formulario de re-envio do link (aparece sem token) */
.request-box { display: grid; gap: 10px; margin-top: 6px; }
.request-box input {
  width: 100%; min-height: 46px; padding: 12px 14px; box-sizing: border-box;
  border: 1px solid rgba(9,33,44,0.18); border-radius: 10px;
  font: inherit; font-size: 0.98rem; color: #17232a; background: #fff;
}
.request-box input::placeholder { color: #9aa3a8; }
.request-box input:focus { outline: 0; border-color: #97927D; box-shadow: 0 0 0 3px rgba(151,146,125,0.18); }
.request-box .primary-button { width: 100%; justify-content: center; }
.request-msg { margin: 2px 0 0; font-size: 0.86rem; font-weight: 700; line-height: 1.45; color: #6b7780; min-height: 1em; }
.request-msg.ok { color: #24523E; }