/**
 * Frontend Styles for Referral Leaderboard Block
 */

.wp-block-downline-builder-plugin-referral-leaderboard {
    margin-bottom: 2em;
}

.wp-block-downline-builder-plugin-referral-leaderboard table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 14px;
}

.wp-block-downline-builder-plugin-referral-leaderboard table th,
.wp-block-downline-builder-plugin-referral-leaderboard table td {
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #ddd;
}

.wp-block-downline-builder-plugin-referral-leaderboard table th {
    background-color: #f0f0f0;
    font-weight: bold;
}

.wp-block-downline-builder-plugin-referral-leaderboard table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.wp-block-downline-builder-plugin-referral-leaderboard table tr:hover {
    background-color: #f5f5f5;
}