/**
 * Slimify - Parent & Delegate System Styles
 * Responsive RTL styles for My Account portals, cards, tables, badges, and modals
 */

.slimify-wcpd-dashboard-wrapper {
    direction: rtl;
    text-align: right;
    box-sizing: border-box;
    font-family: inherit;
    margin: 15px 0 35px 0;
}

.slimify-wcpd-dashboard-wrapper * {
    box-sizing: border-box;
}

/* Header & Cards */
.slimify-wcpd-header {
    transition: all 0.3s ease;
}

/* Badges */
.wcpd-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
}

.wcpd-badge-pending {
    background-color: #fef3c7;
    color: #b45309;
}

.wcpd-badge-approved {
    background-color: #dcfce7;
    color: #15803d;
}

.wcpd-badge-cancelled {
    background-color: #fee2e2;
    color: #b91c1c;
}

/* Checkout Wallet Box */
.slimify-wcpd-checkout-wallet-box {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive Table */
@media (max-width: 768px) {
    .slimify-wcpd-dashboard-wrapper table {
        font-size: 12px;
    }
    .slimify-wcpd-header {
        padding: 20px !important;
    }
}