/* receipt.css
 *
 * Moved from inline <style> tag of the Tallet card‑to‑card gateway plugin.
 * Load this file via wp_enqueue_style with high priority (e.g., 999)
 * to ensure it overrides theme styles on any site.
 */

/* استایل اصلی (دسکتاپ) */
.receipt-container {
    position: relative !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.receipt-image {
    width: 70% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.receipt-overlay {
    position: absolute !important;
    top: 60% !important;
    right: 12% !important;
    transform: translateY(-60%) !important;
    text-align: right !important;
    color: #fff !important;
    font-family: inherit !important;
    width: max-content !important;
}

.receipt-overlay .pay-price {
    font-size: 28px !important;
    font-weight: bold !important;
    margin: 0 20% !important;
    text-align: right !important;
    width: max-content !important;
}

.receipt-overlay .card-number,
.receipt-overlay .card-owner {
    font-size: 26px !important;
    text-align: right !important;
    width: max-content !important;
    margin: 7% 20% 0 !important;
    font-weight: bold !important;
}

.receipt-overlay .btn-copy {
    font-size: 0.8vw !important;
}

.alert-box {
    background-color: #2196f3 !important;
    color: #fff !important;
    padding: 15px !important;
    margin-top: 20px !important;
    text-align: center !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-size: 0.8vw !important;
}

/* مدال اطلاعات حساب تلت */
#accountModal{
    background:#fff !important;
    color:#222 !important;      /* متن همیشه تیره */
    border-radius:8px;
    padding:20px;
    position:fixed;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 4px 8px rgba(0,0,0,.2);
    z-index:1000;
  }
  
  #accountModal h3{
    margin-top:0;
    color:#000 !important;      /* تیتر کاملاً مشکی */
  }
  
  #accountModal .btn-copy,
  #accountModal button{
    background:#2196f3 !important;
    color:#fff !important;
    border:none;
    padding:6px 12px;
    border-radius:4px;
    cursor:pointer;
    font-family:inherit;
  }

/* استایل موبایل (کوچکتر از 768 پیکسل) */
@media (max-width: 768px) {

    .receipt-image {
        width: 100% !important;
    }

    .receipt-overlay .pay-price {
        font-size: 16px !important;
        margin: 0 10% !important;
    }

    .receipt-overlay {
        right: 2% !important;
    }

    .receipt-overlay .card-number,
    .receipt-overlay .card-owner {
        font-size: 14px !important;
        margin: 2% 10% 0 !important;
    }

    .receipt-overlay .btn-copy {
        font-size: 9px !important;
    }

    .receipt-overlay .btn-deposit {
        font-size: 9px !important;
        padding: 4px 8px !important;
        display: block !important;
        margin-top: 5px !important;
        width: fit-content !important;
    }

    .receipt-overlay .card-owner {
        display: block !important;
        width: 100% !important;
    }

    .alert-box {
        font-size: 12px !important;
    }
}