/**
 * @versao_deploy 2026-10-09-d-o-aviso-da-conta-stripe
 * 🚨 09/10 (F5): o aviso da conta Stripe restrita (o módulo js/aviso_stripe.js). Cores PRÓPRIAS, de propósito: é um
 *    aviso sobre dinheiro e lê-se igual no tema claro e no escuro das três telas (o feed, a comunidade e a carteira).
 *    Vermelho para quem já não recebe (desabilitada, restrita); âmbar para quem ainda tem tempo (em breve, incompleta).
 */
[data-aviso-stripe][hidden] { display: none !important; }

.aviso-stripe {
  --as-fundo: #fff4e5;
  --as-borda: #f5b35c;
  --as-faixa: #d97706;
  --as-texto: #2a1a05;
  --as-suave: #5c3d0e;
  --as-botao: #b45309;
  --as-botao-forte: #92400e;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 14px;
  padding: 14px 16px;
  background: var(--as-fundo);
  color: var(--as-texto);
  border: 1px solid var(--as-borda);
  border-left: 5px solid var(--as-faixa);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(60, 30, 0, 0.10);
}
.aviso-stripe *, .aviso-stripe *::before, .aviso-stripe *::after { box-sizing: border-box; }
.aviso-stripe--desabilitada, .aviso-stripe--restrita {
  --as-fundo: #fdecec;
  --as-borda: #f1a3a3;
  --as-faixa: #c62828;
  --as-texto: #2b0b0b;
  --as-suave: #6b1d1d;
  --as-botao: #b91c1c;
  --as-botao-forte: #8f1414;
}
.aviso-stripe-icone {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--as-faixa); color: #fff;
  font: 800 1.05rem/1 system-ui, sans-serif;
}
.aviso-stripe-corpo { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.aviso-stripe-titulo { font-size: 1rem; line-height: 1.3; font-weight: 800; color: var(--as-texto); }
.aviso-stripe-texto { margin: 0; font-size: 0.9rem; line-height: 1.4; color: var(--as-suave); }
.aviso-stripe-requisitos { margin: 4px 0 0; padding-left: 18px; font-size: 0.85rem; line-height: 1.45; color: var(--as-suave); }
.aviso-stripe-erro { margin: 2px 0 0; font-size: 0.85rem; font-weight: 700; color: #b91c1c; }
.aviso-stripe-botao {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 18px; border: 0; border-radius: 999px;
  background: var(--as-botao); color: #fff;
  font-family: inherit; font-size: 0.92rem; font-weight: 700; line-height: 1.2; white-space: nowrap; cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
.aviso-stripe-botao:hover:not(:disabled), .aviso-stripe-botao:focus-visible { background: var(--as-botao-forte); transform: translateY(-1px); }
.aviso-stripe-botao:focus-visible { outline: 3px solid #fdba74; outline-offset: 2px; }
.aviso-stripe-botao:disabled { opacity: .75; cursor: progress; }

/* — a carteira: dentro do cartão do Stripe, sem a sombra de topo de feed — */
.aviso-stripe--carteira { margin: 0 0 12px; box-shadow: none; align-items: flex-start; }

/* — no telemóvel o botão vai para baixo, à largura toda — */
@media (max-width: 640px) {
  .aviso-stripe { flex-wrap: wrap; align-items: flex-start; padding: 12px 14px; gap: 10px 12px; }
  .aviso-stripe-corpo { flex-basis: calc(100% - 44px); }
  .aviso-stripe-botao { flex-basis: 100%; white-space: normal; }
}