/* =====================================================================
   KriptoBR · Avisos do checkout BTCPay (pay.kriptobr.com)
   Versão 1.3 · 19/10/2026 · testado no BTCPay Server v2.4.5

   Onde instalar:
   BTCPay > Store Settings > General > Branding > Custom CSS (enviar este arquivo) > Save

   O que faz:
   1. Bitcoin (opção padrão, aparece assim que a fatura abre): aviso de valor exato e prazo.
   2. FixedFloat (moedas "Avalanche", "Ethereum", "Tether...", "Bitcoin (Lightning)" e o
      botão FixedFloat): aviso de serviço de terceiros, exibido acima da tela da FixedFloat.
   ===================================================================== */

/* ---------- Estilo comum da caixa de aviso ---------- */
#payment:has(> iframe) .payment-methods-wrapper::after,
#payment:has(.payment-method.active[href="#FixedFloat"]) .payment-methods-wrapper::after,
#payment:has(.payment-method.active[href^="#ff_"]) .payment-methods-wrapper::after,
#payment:has(#Address_BTC-CHAIN) .payment-methods-wrapper::after {
    display: block;
    margin: 14px 0 4px;
    padding: 12px 14px;
    border: 1px solid rgba(247, 147, 26, .55);
    border-left: 4px solid #f7931a;
    border-radius: 10px;
    background: rgba(247, 147, 26, .10);
    color: inherit;
    font-size: 12.5px;
    line-height: 1.5;
    text-align: left;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* ---------- 1. Bitcoin ---------- */
#payment:has(#Address_BTC-CHAIN) .payment-methods-wrapper::after {
    content: "PAGAMENTO EM BITCOIN: ENVIE O VALOR EXATO\A\A"
             "Envie exatamente o valor em BTC mostrado acima, para o endereço desta fatura, dentro do prazo exibido. "
             "Se você paga por corretora, some a taxa de saque ao valor enviado.\A\A"
             "Valor menor, valor maior ou envio após o prazo não confirmam o pedido automaticamente "
             "e seguem os termos aceitos na finalização do pedido.\A\A"
             "Tutorial em texto e vídeo (copie e cole no navegador):\A"
             "kriptobr.com/como-comprar-na-kriptobr-parte-1-criptomoedas";
}

/* ---------- 2. FixedFloat ---------- */
#payment:has(> iframe) .payment-methods-wrapper::after,
#payment:has(.payment-method.active[href="#FixedFloat"]) .payment-methods-wrapper::after,
#payment:has(.payment-method.active[href^="#ff_"]) .payment-methods-wrapper::after {
    content: "ATENÇÃO: ESTA OPÇÃO USA A FIXEDFLOAT, UM SERVIÇO DE TERCEIROS\A\A"
             "A conversão desta moeda para Bitcoin é feita pela FixedFloat, empresa independente da KriptoBR, "
             "com cotação, taxas, prazos e suporte próprios. A KriptoBR não recebe nem tem acesso à moeda que você enviar: "
             "recebe somente o Bitcoin que a FixedFloat entregar nesta fatura.\A\A"
             "Antes de enviar, confira a moeda e a rede, envie o valor exato pedido pela FixedFloat "
             "(somando a taxa de saque da sua corretora) e conclua dentro do prazo da ordem FixedFloat.\A\A"
             "Valor diferente, rede errada, atraso ou pedido de reembolso da conversão são resolvidos diretamente "
             "com o suporte da FixedFloat, informando o número da ordem FixedFloat e o hash da transação.\A\A"
             "Para pagar sem intermediários, escolha Bitcoin.\A\A"
             "Tutorial em texto e vídeo (copie e cole no navegador):\A"
             "kriptobr.com/como-comprar-na-kriptobr-parte-1-criptomoedas";
}

/* ---------- 3. Selo "Recomendado" no botão Bitcoin (primeiro da lista) ---------- */
.btcpay-pills .payment-method:first-child::after {
    content: "Recomendado";
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: #f7931a;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: middle;
}