/* Crypto Payment Gateway v1.2.0 */

/* ---- Payment instructions (thank-you page) ---- */
.cpg-payment-box{background:#fff;border:2px solid var(--cpg-coin-color,#e0e0e0);border-radius:12px;padding:28px;margin:24px 0;box-shadow:0 4px 20px rgba(0,0,0,.07);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:580px}
.cpg-instructions-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cpg-coin-badge{width:56px;height:56px;border-radius:50%;background:var(--cpg-coin-color,#333);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:4px}
.cpg-badge-logo{width:100%;height:100%;object-fit:contain;border-radius:50%}
.cpg-instructions-header h3{margin:0 0 4px;font-size:18px;color:#1a1a1a}
.cpg-instructions-header p{margin:0;color:#666;font-size:14px}
.cpg-status-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:8px;margin-bottom:16px}
.cpg-status-icon{font-size:24px;flex-shrink:0;line-height:1}
.cpg-status-banner strong{display:block;margin-bottom:4px;font-size:16px}
.cpg-status-banner p{margin:0;font-size:14px}
.cpg-confirmed{background:#e8f8e8;border:1px solid #5cb85c;color:#2a7a2a}
.cpg-rejected{background:#fde8e8;border:1px solid #d9534f;color:#7a2a2a}
.cpg-expired{background:#f5f5f5;border:1px solid #bbb;color:#555}
.cpg-submitted{background:#e8f4fb;border:1px solid #5bc0de;color:#1a6080}
.cpg-submitted-hash{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:12px;margin-top:12px}
.cpg-submitted-hash label{display:block;font-size:12px;color:#888;margin-bottom:4px}
.cpg-submitted-hash code{font-size:12px;word-break:break-all;color:#333}
.cpg-timer-wrap{background:#fffbf0;border:1px solid #ffd966;border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center}
.cpg-timer-label{font-size:13px;color:#888;margin:0 0 6px}
.cpg-countdown{display:inline-flex;align-items:center;gap:4px;font-size:28px;font-weight:700;color:#d9534f}
.cpg-cd-seg{background:#fff;border:1px solid #ffd966;border-radius:6px;padding:4px 10px;min-width:56px;text-align:center}
.cpg-cd-sep{color:#d9534f}
.cpg-amount-block{margin-bottom:20px;padding:16px;background:#f8f8f8;border-radius:8px}
.cpg-amount-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:6px}
.cpg-amount-value{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:700;color:var(--cpg-coin-color,#333)}
.cpg-amount-value strong{font-size:18px}
.cpg-amount-note{font-size:12px;color:#888;margin:6px 0 0}
.cpg-wallet-block{margin-bottom:20px}
.cpg-wallet-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:6px}
.cpg-wallet-row{display:flex;align-items:center;gap:8px;background:#f0f0f0;border-radius:8px;padding:12px 14px}
.cpg-wallet-addr{flex:1;font-size:13px;word-break:break-all;color:#222;font-family:'Courier New',monospace;background:none;border:none;padding:0}
.cpg-copy-btn{background:var(--cpg-coin-color,#555);color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0;transition:opacity .2s}
.cpg-copy-btn:hover{opacity:.8}
.cpg-copy-btn.copied{background:#5cb85c}
.cpg-qr-block{text-align:center;margin-bottom:20px}
.cpg-qr-img{width:180px;height:180px;border:3px solid var(--cpg-coin-color,#ddd);border-radius:8px;padding:4px;background:#fff}
.cpg-qr-note{font-size:12px;color:#888;margin:8px 0 0}
.cpg-notes{background:#fff8e1;border-left:4px solid #ffc107;padding:14px 16px;border-radius:0 8px 8px 0;margin-bottom:20px}
.cpg-notes h4{margin:0 0 8px;font-size:14px;color:#7a5c00}
.cpg-notes ul{margin:0;padding:0 0 0 4px;list-style:none}
.cpg-notes li{font-size:13px;color:#5a4100;margin-bottom:4px}
.cpg-tx-submit-block{border-top:1px solid #eee;padding-top:20px}
.cpg-tx-submit-block h4{margin:0 0 6px;font-size:15px}
.cpg-tx-submit-block p{font-size:13px;color:#666;margin:0 0 10px}
.cpg-tx-form{display:flex;gap:8px;flex-wrap:wrap}
.cpg-tx-input{flex:1;min-width:220px;padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:13px;font-family:monospace;transition:border-color .2s}
.cpg-tx-input:focus{outline:none;border-color:var(--cpg-coin-color,#555)}
.cpg-submit-tx-btn{padding:10px 20px;background:var(--cpg-coin-color,#555);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}
.cpg-submit-tx-btn:hover{opacity:.85}
.cpg-submit-tx-btn:disabled{opacity:.6;cursor:not-allowed}
.cpg-tx-result{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:14px}
.cpg-tx-result.cpg-success{background:#e8f8e8;border:1px solid #5cb85c;color:#2a7a2a}
.cpg-tx-result.cpg-error{background:#fde8e8;border:1px solid #d9534f;color:#7a2a2a}

/* ================================================================
   CHECKOUT — OPTION P: Compact 2-row icon grid
   ================================================================ */

.cpg-description{font-size:13.5px;color:#555;margin:0 0 18px;line-height:1.6}
.cpg-crypto-selector{margin-top:4px}
.cpg-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin:0 0 12px}
.cpg-label::after{content:'';flex:1;height:1px;background:#e5e7eb}

.cpg-crypto-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
@media(max-width:640px){.cpg-crypto-options{grid-template-columns:repeat(4,1fr);gap:5px}}
@media(max-width:380px){.cpg-crypto-options{grid-template-columns:repeat(3,1fr)}}

/* Label — invisible click wrapper */
.cpg-crypto-option{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    cursor:pointer !important;
    background:none !important;
    border:none !important;
}

/* Inner div — the actual visible card */
.cpg-card-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px;
    padding:8px 4px;
    border-radius:10px;
    border:1.5px solid #e5e7eb;
    background:#fff;
    transition:border-color .15s, box-shadow .15s, background .15s;
    box-sizing:border-box;
    height:62px;
    overflow:hidden;
    width:100%;
}

/* Hover */
.cpg-crypto-option:hover .cpg-card-inner{
    border-color:var(--cpg-color,#888);
    background:color-mix(in srgb,var(--cpg-color,#888) 6%,#fff);
    box-shadow:0 3px 10px rgba(0,0,0,.09);
    transform:translateY(-1px);
}
.cpg-crypto-option:hover .cpg-ticker{color:var(--cpg-color,#555)}

/* Selected via :has() */
.cpg-crypto-option:has(input:checked) .cpg-card-inner{
    border:2px solid var(--cpg-color,#333);
    background:color-mix(in srgb,var(--cpg-color,#333) 8%,#fff);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--cpg-color,#333) 18%,transparent);
    transform:translateY(-1px);
}
.cpg-crypto-option:has(input:checked) .cpg-ticker{
    color:var(--cpg-color,#333);
    font-weight:800;
}

/* Logo */
.cpg-card-img{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:cover;
    display:block;
    flex-shrink:0;
    border-radius:50%;
}
.cpg-card-fallback{font-size:22px;font-weight:800;line-height:1}

/* Ticker */
.cpg-ticker{
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em;
    color:#bbb;
    line-height:1;
    display:block;
    transition:color .15s;
    text-transform:uppercase;
    text-align:center;
    width:100%;
}

/* Gateway title logo — override theme max-height/max-width constraints */
.payment_method_cpg_crypto label svg {
    max-width:none !important;
    max-height:none !important;
    vertical-align:middle !important;
    overflow:visible !important;
}

.cpg-note{font-size:12px;color:#aaa;font-style:italic;margin:2px 0 0;text-align:center}
.cpg-no-wallets{color:#d9534f;font-weight:600}

/* ---- Admin ---- */
.cpg-dashboard .cpg-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:28px}
.cpg-dashboard .cpg-card{background:#fff;border:1px solid #ccd0d4;border-radius:8px;padding:16px 14px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.cpg-dashboard .cpg-card h3{margin:0 0 8px;font-size:18px}
.cpg-dashboard .cpg-card p{margin:0 0 4px;font-size:12px;color:#555}
.cpg-dashboard .cpg-revenue{font-size:18px;font-weight:700;color:#2e7d32;margin-top:8px !important}
.cpg-tx-table code{font-size:11px}