/* ============================================================
   DONATE — shared button + Lightning modal styles.
   Used on every page so the header (with its Donate button) is
   identical site-wide. The homepage keeps its own inline copy.
   ============================================================ */
.btn-donate{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#0e1116;font-weight:800;border:none;border-radius:var(--r-sm);padding:9px 16px;font-size:14px;box-shadow:0 1px 0 rgba(0,0,0,0.25);transition:filter .15s,transform .15s;cursor:pointer;font-family:inherit;}
.btn-donate:hover{filter:brightness(1.07);transform:translateY(-1px);}
.btn-donate .bolt{width:15px;height:15px;display:block;flex-shrink:0;}

.bb-donate-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(4,6,10,0.72);backdrop-filter:blur(4px);padding:20px;}
.bb-donate-overlay[hidden]{display:none;}
.bb-donate-card{width:100%;max-width:360px;background:#0d1014;border:1px solid var(--border);border-radius:16px;padding:22px 22px 20px;box-shadow:0 24px 60px rgba(0,0,0,0.55);animation:bbPop .18s ease-out;}
:root[data-theme="light"] .bb-donate-card{background:#fff;}
@keyframes bbPop{from{opacity:0;transform:translateY(8px) scale(.98);}to{opacity:1;transform:none;}}
.bb-donate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.bb-donate-head h3{font-size:18px;font-weight:800;letter-spacing:-0.01em;}
.bb-donate-close{background:none;border:none;color:var(--text-dim);font-size:22px;line-height:1;width:30px;height:30px;border-radius:8px;cursor:pointer;}
.bb-donate-close:hover{color:var(--text);background:var(--bg-card-hover);}
.bb-donate-sub{font-size:13.5px;color:var(--text-dim);text-align:center;margin-bottom:16px;}
.bb-amt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.bb-amt{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 6px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;transition:all .12s;cursor:pointer;font-family:inherit;}
.bb-amt small{display:block;font-size:10px;color:var(--text-dim);font-weight:600;margin-top:2px;}
.bb-amt:hover{border-color:var(--orange);}
.bb-amt.active{border-color:var(--orange);background:rgba(247,147,26,0.10);color:var(--orange);}
.bb-amt-custom{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:0 14px;margin-bottom:16px;}
.bb-amt-custom input{flex:1;background:none;border:none;color:var(--text);font-size:15px;padding:12px 0;outline:none;font-family:inherit;min-width:0;}
.bb-amt-custom span{color:var(--text-dim);font-size:13px;font-weight:600;}
.bb-amt-display{text-align:center;margin:2px 0 18px;}
.bb-amt-display strong{font-size:40px;font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}
.bb-amt-display span{font-size:16px;color:var(--text-dim);margin-left:4px;}
.bb-qr-wrap{background:#fff;border-radius:14px;padding:16px;width:224px;height:224px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;}
.bb-qr-wrap img,.bb-qr-wrap canvas{width:100%!important;height:100%!important;display:block;}
.bb-qr-msg{font-size:12px;color:#555;text-align:center;padding:8px;line-height:1.4;}
.bb-invoice-row{display:flex;gap:8px;margin-bottom:12px;}
.bb-invoice-row input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:12px 14px;text-overflow:ellipsis;outline:none;min-width:0;}
.bb-copy{width:48px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-size:17px;transition:all .12s;cursor:pointer;}
.bb-copy:hover{border-color:var(--orange);color:var(--orange);}
.bb-copy.copied{color:var(--green);border-color:var(--green);}
.bb-donate-wallet{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:15px;font-weight:700;color:var(--text);transition:all .12s;margin-bottom:16px;text-decoration:none;}
.bb-donate-wallet:hover{border-color:var(--orange);background:var(--bg-card-hover);}
.bb-donate-status{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:14px;}
.bb-spinner{width:13px;height:13px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:bbSpin .8s linear infinite;flex-shrink:0;}
@keyframes bbSpin{to{transform:rotate(360deg);}}
.bb-donate-confirm{display:block;width:100%;background:none;border:none;color:var(--text);font-size:14px;font-weight:700;padding:8px;border-radius:8px;cursor:pointer;}
.bb-donate-confirm:hover{background:var(--bg-card-hover);}
.bb-change-amt{display:block;width:100%;background:none;border:none;color:var(--text-dim);font-size:13px;padding:8px;margin-top:2px;cursor:pointer;}
.bb-change-amt:hover{color:var(--orange);}
.bb-donate-primary{width:100%;background:var(--orange);color:#0e1116;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:800;transition:filter .12s;cursor:pointer;font-family:inherit;}
.bb-donate-primary:hover{filter:brightness(1.07);}
.bb-success-icon{width:64px;height:64px;margin:6px auto 14px;border-radius:50%;background:rgba(63,185,80,0.14);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:30px;}
#bbSuccessView{text-align:center;}
#bbSuccessView h4{font-size:20px;font-weight:800;margin-bottom:8px;}
#bbSuccessView p{font-size:14px;color:var(--text-dim);margin-bottom:20px;}
.bb-ln-tag{text-align:center;font-size:11.5px;color:var(--text-dim);margin-top:14px;}
.bb-ln-tag code{font-family:ui-monospace,monospace;color:var(--orange);}

@media(max-width:768px){
  .btn-donate{margin-left:auto;padding:9px 12px;}
  .btn-donate .label{display:none;}
}