/**
 * Card Game Score Tracker Styles
 */
.cgs-tracker-container {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
}

.cgs-tracker-container h2,
.cgs-tracker-container h3,
.cgs-tracker-container h4 {
    color: #333;
}

#cgs-player-entry {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
}

.cgs-player-name-input {
    margin-bottom: 5px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: calc(100% - 18px); /* Account for padding and border */
    max-width: 300px;
}

#cgs-start-session-button {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

#cgs-start-session-button:hover {
    background-color: #005a87;
}

.cgs-game-section {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.cgs-score-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.cgs-score-table th,
.cgs-score-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

.cgs-score-table th {
    background-color: #f0f0f0;
    font-weight: bold;
}

.cgs-score-table input[type="number"] {
    width: 60px;
    padding: 5px;
    text-align: center;
}

#cgs-ajax-response p {
    margin-top: 10px;
    padding: 8px;
    border-radius: 4px;
}

.cgs-wizards-table .cgs-round-cell {
    vertical-align: middle; /* Aligns round number nicely if it spans */
    text-align: center;
    font-weight: bold;
}
#cgs-wizards-table td[rowspan="3"] {
    vertical-align: top;
    padding-top: 10px; /* Adjust so inputs align better with first sub-row */
}


/* Add to cgs-style.css or your history-specific CSS */
.cgs-player-stats-content h4,
.cgs-player-stats-content h5,
.cgs-player-stats-content h6 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.cgs-player-stats-content ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;
}
.cgs-player-game-stat-block {
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 2px solid #eee;
}
.cgs-score-input {
    width: 100% !important;
}


#cgs-overall-scoreboard-content {
    overflow: scroll;
}
.cgs-game-group-area {
    overflow: scroll !important;
}
div#hearts-tables-container {
    overflow: scroll;
}
section#cgs-wizards-section {
    overflow: scroll;
}
@media screen and (min-width: 768px) {
    .player-setup, .game-rounds {
        display: inline-block;
        width: 48%;
    }    
}