/* =========================================================================
   Plugin Nova — Card To Card — customer-facing Nova UI
   Scoped entirely under .pn-c2c-* wrapper classes so nothing outside
   the plugin's own markup on checkout / thank-you / my-account is touched.
   ========================================================================= */

@font-face {
    font-family: 'PN Vazirmatn';
    src: url('../../assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PN Vazirmatn';
    src: url('../../assets/fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PN Vazirmatn';
    src: url('../../assets/fonts/vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PN Vazirmatn';
    src: url('../../assets/fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PN Vazirmatn';
    src: url('../../assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight: 800; font-style: normal; font-display: swap;
}

.pn-c2c-payment-fields,
.pn-c2c-payment-instructions,
.pn-c2c-receipt-form,
.pn-c2c-order-details{
    --pnc-violet:#8b5cf6;
    --pnc-violet-soft:#a78bfa;
    --pnc-blue:#3e7bfa;
    --pnc-cyan:#6ee7f9;
    --pnc-text-1:#f4f4fa;
    --pnc-text-2:#b6b6cc;
    --pnc-text-3:#8888a0;
    --pnc-success:#34d399;
    --pnc-danger:#f87171;
    --pnc-warning:#fbbf24;
    font-family:'PN Vazirmatn', Tahoma, sans-serif;
    direction:rtl; text-align:right;
    background:
        radial-gradient(600px 300px at 90% -20%, rgba(139,92,246,0.20), transparent 60%),
        linear-gradient(180deg, #131320, #0c0c15);
    border:1px solid rgba(255,255,255,0.09);
    border-radius:16px;
    padding:22px;
    margin:18px 0;
    color:var(--pnc-text-1);
    box-shadow:0 20px 50px -25px rgba(0,0,0,0.6);
}
.pn-c2c-payment-fields *, .pn-c2c-payment-instructions *, .pn-c2c-receipt-form *, .pn-c2c-order-details *{ box-sizing:border-box; }

.pn-c2c-payment-fields h2, .pn-c2c-payment-instructions h2, .pn-c2c-order-details h2{ font-size:16px; font-weight:800; margin:0 0 14px; color:#fff; }
.pn-c2c-payment-fields h3, .pn-c2c-payment-fields h4,
.pn-c2c-receipt-form h3,
.pn-c2c-order-details h3{ font-size:13.5px; font-weight:700; margin:0 0 12px; color:#fff; }

/* Bank select */
.pn-c2c-payment-fields select#pn_c2c_bank_account_id{
    width:100% !important; margin-bottom:14px !important;
    background:#0e0e18; color:var(--pnc-text-1); border:1px solid rgba(255,255,255,0.12);
    border-radius:10px; padding:11px 13px; font-size:13px; font-family:inherit; outline:none;
}

.pn-c2c-amount{
    font-size:20px; font-weight:800; font-family:inherit; margin:0 0 12px;
    background:linear-gradient(90deg, var(--pnc-violet-soft), var(--pnc-cyan));
    -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block;
}

/* Copy buttons */
.pn-c2c-payment-fields .button.pn-c2c-copy,
.pn-c2c-payment-instructions .button.pn-c2c-copy{
    display:inline-flex; align-items:center; gap:6px;
    background:rgba(139,92,246,0.14) !important; color:var(--pnc-violet-soft) !important;
    border:1px solid rgba(139,92,246,0.35) !important; border-radius:9px !important;
    padding:8px 14px !important; font-size:12.5px !important; font-family:inherit !important;
    box-shadow:none !important; margin:0 6px 10px 0 !important; cursor:pointer;
}
.pn-c2c-payment-fields .button.pn-c2c-copy:hover,
.pn-c2c-payment-instructions .button.pn-c2c-copy:hover{ color:#fff !important; border-color:rgba(139,92,246,.6) !important; }
.pn-c2c-copy.copied{ background:rgba(52,211,153,0.18) !important; color:var(--pnc-success) !important; border-color:rgba(52,211,153,.4) !important; }

/* Bank detail table */
.pn-c2c-bank-table{
    width:100%; border-collapse:collapse; margin:6px 0 16px;
    background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; overflow:hidden;
}
.pn-c2c-bank-table td{ padding:11px 14px; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.06); }
.pn-c2c-bank-table tr:last-child td{ border-bottom:none; }
.pn-c2c-bank-table td:first-child{ color:var(--pnc-text-3); width:38%; }
.pn-c2c-bank-table td:last-child, .pn-c2c-bank-name, .pn-c2c-holder, .pn-c2c-sheba, .pn-c2c-card .masked{
    font-weight:700; font-family:inherit;
}
.pn-c2c-qr img{ border-radius:10px; border:1px solid rgba(255,255,255,0.1); }

/* Receipt form */
.pn-c2c-receipt-form{ padding:22px; }
.pn-c2c-receipt-form p{ margin:0 0 14px; }
.pn-c2c-receipt-form label{ display:block; font-size:12.5px; color:var(--pnc-text-2); margin-bottom:7px; font-weight:600; }
.pn-c2c-receipt-form input[type=text],
.pn-c2c-receipt-form input[type=number],
.pn-c2c-receipt-form input[type=date],
.pn-c2c-receipt-form input[type=time],
.pn-c2c-receipt-form input[type=file],
.pn-c2c-receipt-form textarea{
    width:100%; background:#0e0e18; color:var(--pnc-text-1); border:1px solid rgba(255,255,255,0.12);
    border-radius:10px; padding:11px 13px; font-size:13px; font-family:inherit; outline:none;
}
.pn-c2c-receipt-form textarea{ min-height:80px; resize:vertical; }
.pn-c2c-receipt-form input:focus, .pn-c2c-receipt-form textarea:focus{ border-color:rgba(139,92,246,.6); }
.pn-c2c-receipt-form button[type=submit]{
    background:linear-gradient(135deg, var(--pnc-violet), var(--pnc-blue)) !important; color:#fff !important;
    border:none !important; border-radius:11px !important; padding:12px 24px !important; font-weight:700 !important;
    font-size:13.5px !important; font-family:inherit !important; box-shadow:0 10px 24px -8px rgba(139,92,246,.5) !important;
    cursor:pointer;
}

/* Status badges (also used in order details list) */
.pn-c2c-status{ display:inline-flex; align-items:center; gap:5px; padding:4px 11px; border-radius:20px; font-size:11.5px; font-weight:700; }
.pn-c2c-status::before{ content:""; width:6px; height:6px; border-radius:50%; }
.pn-c2c-status-approved{ background:rgba(52,211,153,0.14); color:var(--pnc-success); } .pn-c2c-status-approved::before{ background:var(--pnc-success); }
.pn-c2c-status-pending{ background:rgba(251,191,36,0.14); color:var(--pnc-warning); } .pn-c2c-status-pending::before{ background:var(--pnc-warning); }
.pn-c2c-status-rejected{ background:rgba(248,113,113,0.14); color:var(--pnc-danger); } .pn-c2c-status-rejected::before{ background:var(--pnc-danger); }
.pn-c2c-status-needs_revision{ background:rgba(110,231,249,0.14); color:var(--pnc-cyan); } .pn-c2c-status-needs_revision::before{ background:var(--pnc-cyan); }

/* Order details (my-account view order) */
.pn-c2c-order-details ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.pn-c2c-order-details li{
    background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:13px 15px; font-size:13px;
}
.pn-c2c-order-details li a{ color:var(--pnc-violet-soft); }
.pn-c2c-order-details p{ margin:0 0 10px; font-size:13px; }