/* SD Wallet Frontend Styles */

/* Badges */
.sd-wallet-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}
.sd-wallet-badge-credit {
    background: #d4edda;
    color: #155724;
}
.sd-wallet-badge-debit {
    background: #f8d7da;
    color: #721c24;
}
.sd-wallet-badge-pending {
    background: #fff3cd;
    color: #856404;
}

/* Amount colors */
.sd-wallet-amount-credit {
    color: #28a745;
    font-weight: 600;
}
.sd-wallet-amount-debit {
    color: #dc3545;
    font-weight: 600;
}

/* Balance card */
.sd-wallet-balance-card {
    position: relative;
    overflow: hidden;
}
.sd-wallet-balance-card::after {
    content: '\f155';
    font-family: 'dashicons';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 5em;
    opacity: 0.1;
    color: #fff;
}

/* Load more link */
.sd-wallet-load-more {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    color: #667eea;
    font-weight: 600;
}

/* Top-up presets */
.sd-wallet-preset-btn {
    min-width: 80px !important;
}

/* Transfer form */
.sd-wallet-user-search + .select2-container .select2-selection--single {
    height: 38px;
}

/* Table responsive */
@media screen and (max-width: 768px) {
    .sd-wallet-transactions-table thead {
        display: none;
    }
    .sd-wallet-transactions-table tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        padding: 10px;
    }
    .sd-wallet-transactions-table td {
        display: block;
        text-align: right;
        padding: 5px 10px;
        border: none;
    }
    .sd-wallet-transactions-table td::before {
        content: attr(data-title) ': ';
        float: left;
        font-weight: 600;
    }
}

/* Shortcode inline balance */
.sd-wallet-shortcode-balance {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}