/**
 * Volleyball Payment Tracker Pro - Frontend Styles
 * Compatible with Divi 4.27 and WordPress 6.9.1
 */

.vpt-games-list {
    margin: 20px 0;
}

.vpt-game-card {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #fff;
}

.vpt-payment-form {
    max-width: 600px;
    margin: 20px auto;
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.vpt-credit-balance {
    background: #f0f8ff;
    padding: 15px;
    margin-bottom: 20px;
    border-left: 4px solid #2196F3;
}

.vpt-button {
    background: #2196F3;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.vpt-button:hover {
    background: #1976D2;
}