/* ============================================================
   Pay2Pay WooCommerce — Front styles (dark, dreamy, space theme)
   Palette: deep navy bg + emerald #19e08a / cyan #36e6ff / violet #7b5cff
   ============================================================ */

/* ---------- Redirect / receipt box ---------- */
.p2p-redirect{
    font-family:inherit;direction:rtl;display:flex;justify-content:center;align-items:center;
    min-height:340px;padding:28px 14px;position:relative;
}
.p2p-redirect-card{
    position:relative;width:100%;max-width:440px;overflow:hidden;isolation:isolate;
    border-radius:24px;padding:34px 28px;text-align:center;color:#eafff6;
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(54,230,255,.16), transparent 55%),
        radial-gradient(120% 90% at 100% 100%, rgba(123,92,255,.22), transparent 55%),
        linear-gradient(160deg,#0c1a2b,#0a1422 60%,#0b1020);
    border:1px solid rgba(54,230,255,.2);
    box-shadow:0 40px 80px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.08);
}
.p2p-redirect-orb{
    position:absolute;width:260px;height:260px;border-radius:50%;z-index:0;pointer-events:none;
    background:radial-gradient(circle,rgba(25,224,138,.4),transparent 70%);
    top:-120px;left:-80px;filter:blur(34px);animation:p2pOrb 9s ease-in-out infinite;
}
@keyframes p2pOrb{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(40px,30px) scale(1.15);opacity:1}}
.p2p-redirect-card>*{position:relative;z-index:1}
.p2p-redirect-logo{
    width:62px;height:62px;margin:0 auto 16px;border-radius:18px;
    display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;letter-spacing:.5px;
    color:#04130c;background:linear-gradient(120deg,#19e08a,#36e6ff);
    box-shadow:0 14px 30px -10px rgba(25,224,138,.7);
}
.p2p-redirect-card h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#eafff6}
.p2p-redirect-mode{margin:0 0 16px;font-size:13px;color:rgba(234,255,246,.6)}
.p2p-redirect-amount{
    font-size:26px;font-weight:950;margin-bottom:22px;direction:rtl;
    background:linear-gradient(120deg,#19e08a,#36e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.p2p-redirect-btn{
    display:inline-block;text-decoration:none;border:0;cursor:pointer;
    padding:14px 40px;border-radius:14px;font-weight:800;font-size:15px;
    color:#04130c;background:linear-gradient(120deg,#19e08a,#36e6ff);
    box-shadow:0 16px 30px -12px rgba(25,224,138,.6);transition:transform .15s,filter .15s;
}
.p2p-redirect-btn:hover{transform:translateY(-2px);filter:brightness(1.06);color:#04130c}
.p2p-redirect-spinner{
    width:30px;height:30px;margin:24px auto 0;border-radius:50%;
    border:3px solid rgba(54,230,255,.2);border-top-color:#36e6ff;animation:p2pSpin .8s linear infinite;
}
@keyframes p2pSpin{to{transform:rotate(360deg)}}
.p2p-redirect-error{border-color:rgba(240,90,90,.35)}
.p2p-err-icon{
    width:56px;height:56px;margin:0 auto 14px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;
    background:rgba(240,90,90,.16);color:#ff8a8a;
}

/* ---------- My Account: transactions log ---------- */
.p2p-acc{font-family:inherit;direction:rtl;color:#1f2937}
.p2p-acc-deck{
    position:relative;overflow:hidden;isolation:isolate;
    border-radius:22px;padding:24px 26px;margin-bottom:20px;color:#eafff6;
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(123,92,255,.3), transparent 55%),
        radial-gradient(120% 120% at 0% 100%, rgba(25,224,138,.22), transparent 55%),
        linear-gradient(150deg,#0b1626,#0a1320 60%,#0a0f1c);
    box-shadow:0 30px 60px -28px rgba(0,0,0,.6);
}
/* twinkling stars */
.p2p-acc-stars{position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:
        radial-gradient(1.5px 1.5px at 20% 30%, rgba(255,255,255,.8), transparent),
        radial-gradient(1.5px 1.5px at 60% 70%, rgba(255,255,255,.6), transparent),
        radial-gradient(1px 1px at 80% 20%, rgba(255,255,255,.7), transparent),
        radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.5), transparent),
        radial-gradient(1.5px 1.5px at 90% 60%, rgba(54,230,255,.8), transparent),
        radial-gradient(1px 1px at 10% 60%, rgba(25,224,138,.7), transparent);
    background-repeat:no-repeat;animation:p2pTwinkle 4s ease-in-out infinite alternate;
}
@keyframes p2pTwinkle{from{opacity:.5}to{opacity:1}}
.p2p-acc-deck>*{position:relative;z-index:1}
.p2p-acc-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.p2p-acc-logo{
    width:52px;height:52px;border-radius:15px;flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;
    color:#04130c;background:linear-gradient(120deg,#19e08a,#36e6ff);
}
.p2p-acc-title{font-size:18px;font-weight:800}
.p2p-acc-sub{font-size:12.5px;color:rgba(234,255,246,.6);margin-top:3px}
.p2p-acc-stats{display:flex;gap:10px;flex-wrap:wrap}
.p2p-acc-stat{
    flex:1 1 120px;text-align:center;border-radius:14px;padding:12px 14px;
    background:rgba(255,255,255,.05);border:1px solid rgba(150,200,190,.14);
}
.p2p-acc-stat .n{display:block;font-size:19px;font-weight:900;
    background:linear-gradient(120deg,#19e08a,#36e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.p2p-acc-stat .l{display:block;font-size:11.5px;color:rgba(234,255,246,.6);margin-top:4px}
.p2p-acc-stat.danger .n{background:linear-gradient(120deg,#ff8a8a,#ffb27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.p2p-acc-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #e8edf3;background:#fff;
    box-shadow:0 12px 30px -20px rgba(40,55,120,.4)}
.p2p-acc-table{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.p2p-acc-table thead th{
    background:#f6f9fc;color:#64748b;font-weight:700;text-align:right;
    padding:13px 14px;border-bottom:1px solid #e8edf3;white-space:nowrap;
}
.p2p-acc-table tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.p2p-acc-table tbody tr:hover{background:#f8fbfe}
.p2p-acc-table a{color:#0ea5a0;text-decoration:none;font-weight:700}
.p2p-acc-table a:hover{text-decoration:underline}
.p2p-acc-table .muted{color:#94a3b8}
.p2p-acc-table .mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.p2p-acc-table .amount{font-weight:800;color:#0f766e}
.p2p-acc-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11.5px;font-weight:700}
.p2p-acc-badge.ok{background:#dcfce7;color:#15803d}
.p2p-acc-badge.err{background:#fee2e2;color:#b91c1c}
.p2p-acc-badge.warn{background:#fef3c7;color:#b45309}
.p2p-acc-badge.muted{background:#eef2f7;color:#64748b}
.p2p-acc-empty{
    text-align:center;padding:48px 20px;color:#94a3b8;
    background:#fff;border:1px dashed #d7dee8;border-radius:16px;
}

/* ---------- Block checkout label/desc ---------- */
.p2p-block-label{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.p2p-block-desc{font-size:13px;color:#475569;line-height:1.9;padding:6px 0}