/* ORDER STATUS BADGE */

.woocommerce-MyAccount-orders .button.menunggu_pembayaran,
.woocommerce-MyAccount-orders .button.diproses,
.woocommerce-MyAccount-orders .button.selesai {

    border-radius: 20px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: default;
    pointer-events: none;
    border: none;
}

/* MENUNGGU PEMBAYARAN */

.woocommerce-MyAccount-orders .button.menunggu_pembayaran {

    background: #FFF3CD;
    color: #856404;
}

/* DIPROSES */

.woocommerce-MyAccount-orders .button.diproses {

    background: #E6F4EA;
    color: #2E7D32;
}

/* SELESAI */

.woocommerce-MyAccount-orders .button.selesai {

    background: #E3F2FD;
    color: #1565C0;
}


/* ===============================
   Badge Status Pembayaran
================================= */

.badge-menunggu {

    display: inline-block;
    background: #facc15;
    color: #1f2937;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0;
}

.badge-menunggu.small {

    font-size: 12px;
    padding: 4px 10px;
}


/* ===============================
   QRIS Wrapper
================================= */

.digimagi-qris-wrapper {

    max-width: 420px;
    margin: 40px auto;
    text-align: center;
    font-family: inherit;
}

.digimagi-qris-wrapper h2 {

    font-size: 24px;
    margin-bottom: 10px;
}

.subtitle {

    font-size: 15px;
    margin-bottom: 10px;
}

.total-amount {

    font-size: 28px;
    font-weight: bold;
    margin: 15px 0;
}

.copy-btn {

    background: #1f2937;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
}

.copy-btn:hover {

    opacity: 0.9;
}

.countdown {

    margin: 15px 0;
    font-size: 16px;
    color: #0284c7;
    font-weight: 500;
}

.instruction {

    font-size: 14px;
    color: #555;
}

.digimagi-qris-wrapper .qr-download img {

    max-width: 210px;
    height: auto;
}

.woocommerce-customer-details {

    display: none;
}


/* ===============================
   Info Box Text
================================= */

.digimagi-info-wrap {

    width: 100% !important;

    flex: 0 0 100% !important;

    display: block !important;

    clear: both !important;

    margin-top: 16px !important;
}

/* Box premium netral */
.digimagi-info-inner {

    background: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 14px;

    padding: 16px 18px;

    box-shadow:
        0 2px 8px rgba(0,0,0,0.03);
}

/* Header wajib vertical normal */
.digimagi-info-header {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 10px;

    font-size: 15px;

    font-weight: 600;
}

/* Text */
.digimagi-info-text {

    font-size: 14px;

    line-height: 1.8;

    color: #444;
}

/* Icon */
.digimagi-info-icon {

    font-size: 16px;
}

/* ===============================
   PREMIUM THANK YOU PAGE
================================= */

.digimagi-card {

    background: #fff;
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.digimagi-title {

    font-size: 28px;
    margin: 15px 0 10px;
    color: #111827;
    line-height: 1.3;
}

.thanks {

    font-size: 15px;
    color: #6b7280;
    line-height: 1.7;
}


/* Cancelled badge */

.badge-cancelled {

    background: #ffe5e5;

    color: #c62828;

    padding: 12px 18px;

    border-radius: 999px;

    display: inline-block;

    font-weight: 600;

    margin-bottom: 16px;
}

/* Expired card */

.digimagi-expired-card {

    background: #fff5f5;

    border: 1px solid #ffd6d6;

    border-radius: 16px;

    padding: 28px;

    text-align: center;

    animation: digimagiFade .4s ease;
}

/* Expired text */

.expired-message {

    font-size: 15px;

    line-height: 1.8;

    color: #444;

    margin-bottom: 20px;
}

/* Button */

.shop-again-btn {

    display: inline-block;

    background: #111;

    color: #fff !important;

    padding: 12px 22px;

    border-radius: 10px;

    text-decoration: none;

    transition: .2s ease;
}

.shop-again-btn:hover {

    transform: translateY(-2px);
}

/* Animation */

@keyframes digimagiFade {

    from {

        opacity: 0;

        transform: translateY(10px);
    }

    to {

        opacity: 1;

        transform: translateY(0);
    }
}


.digimagi-view-order-status {
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 8px 16px;
    border-radius: 8px;
    background: #b7f0d4;
    color: #111;
    font-weight: 600;
}

.digimagi-expired-card {
    max-width: 420px;
    margin: 30px auto;
    padding: 30px 28px;
    border: 1px solid #ffd1d1;
    border-radius: 18px;
    background: #fff5f5;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0,0,0,0.06);
}

.digimagi-expired-card .expired-message {
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    margin-bottom: 22px;
}

.shop-again-btn {
    display: inline-block;
    background: #111;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: 600;
}

.digimagi-info-wrap {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 18px !important;
}

.woocommerce-order-received .digimagi-qris-wrapper.payment {
    max-width: 460px !important;
    margin: 40px auto !important;
    text-align: center !important;
}

.woocommerce-order-received .digimagi-expired-card {
    display: block !important;
    max-width: 420px !important;
    margin: 30px auto !important;
    padding: 30px 28px !important;
    border: 1px solid #ffd1d1 !important;
    border-radius: 18px !important;
    background: #fff5f5 !important;
    text-align: center !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.06) !important;
}

.woocommerce-order-received .digimagi-expired-card .expired-message {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #222 !important;
    margin-bottom: 22px !important;
}

.woocommerce-order-received .shop-again-btn {
    display: inline-block !important;
    background: #111 !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}