/* Fixtures and Ladders Plugin Styles - fal.css */

.phq-ladder-widget {
    margin-bottom: 30px; /* Space between multiple ladders */
    font-family: Arial, Helvetica, sans-serif; /* Clean sans-serif font */
    font-size: 14px; /* Slightly smaller base font size */
    line-height: 1.4;
    color: #333;
}

.phq-ladder-grade-name {
    font-size: 1.4em; /* Larger than table text */
    margin-bottom: 10px;
    color: #1a5276; /* A darker blue for headings */
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.phq-ladder-table {
    width: 100%;
    border-collapse: collapse; /* Removes space between borders */
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Subtle shadow */
}

.phq-ladder-table th,
.phq-ladder-table td {
    border: 1px solid #ddd; /* Light grey border for cells */
    padding: 6px 8px;     /* Smaller padding */
    text-align: left;
}

.phq-ladder-table thead th {
    background-color: #f2f2f2; /* Light grey background for headers */
    color: #333;
    font-weight: bold;
    font-size: 0.9em; /* Slightly smaller header text */
    text-transform: uppercase; /* Uppercase headers */
}

.phq-ladder-table tbody tr {
    background-color: #fff; /* Default white row */
}

.phq-ladder-table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Alternating light grey row */
}

.phq-ladder-table tbody tr:hover {
    background-color: #e9e9e9; /* Hover effect */
}

/* Specific column styling */
.phq-ladder-rank,
.phq-ladder-h-rank { /* For header too if needed */
    text-align: center;
    width: 50px; /* Fixed width for rank */
}

.phq-ladder-team-name {
    font-weight: normal; /* Teams could be bold if desired, but this keeps it clean */
}
.phq-ladder-d-team-name { /* alias for data cell */
    font-weight: normal; 
}


/* Centering for numerical data cells can look cleaner */
.phq-ladder-table td.phq-ladder-d-played,
.phq-ladder-table td.phq-ladder-d-competitionpoints,
.phq-ladder-table td.phq-ladder-d-quotient,
.phq-ladder-table td.phq-ladder-d-won,
.phq-ladder-table td.phq-ladder-d-lost,
.phq-ladder-table td.phq-ladder-d-ties,
.phq-ladder-table td.phq-ladder-d-noresults,
.phq-ladder-table td.phq-ladder-d-byes {
    text-align: center;
}

/* Error/No Data Messages */
.phq-ladder-no-data {
    padding: 10px;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    border-radius: 4px;
}

.phq-ladder-row-empty td {
    text-align: center;
    font-style: italic;
    color: #777;
    padding: 15px;
}

/* Fixtures and Ladders Plugin Styles - Fixture Section */

.phq-fixture-widget {
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5; /* Slightly more line height for readability */
    color: #333;
}

.phq-fixture-competition-name {
    font-size: 1.6em;
    margin-bottom: 5px;
    color: #1a5276;
    font-weight: bold;
}

.phq-fixture-season-name {
    font-size: 1.2em;
    margin-bottom: 15px;
    color: #555;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.phq-fixture-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.phq-fixture-table td {
    border-bottom: 1px solid #e0e0e0; /* Lighter border, only bottom for rows */
    padding: 8px 10px; /* Slightly more padding */
    vertical-align: top; /* Align venue info nicely if it spans rows */
}

/* Round Row Styling */
.phq-fixture-round-row td.phq-fixture-round-details {
    background-color: #eaf2f8; /* Light blue background for round headers */
    color: #1a5276;
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px;
    border-top: 2px solid #c5d9e8; /* Thicker top border for separation */
    border-bottom: 1px solid #c5d9e8;
}

/* Team Row Styling & Alternating Game Groups */
.phq-fixture-team-row {
    /* Default for odd game groups if needed, or just rely on :nth-child for rows within a group */
}

.phq-fixture-game-group-even .phq-fixture-team-row {
    background-color: #fff; /* White for teams in even game groups */
}
.phq-fixture-game-group-odd .phq-fixture-team-row {
    background-color: #f9f9f9; /* Light grey for teams in odd game groups */
}

.phq-fixture-team-row:hover {
    background-color: #eef; /* Light purple hover for team rows */
}


.phq-fixture-team-name {
    width: 45%; /* Allocate space for team name */
    font-weight: normal;
}

.phq-fixture-score {
    width: 15%; /* Allocate space for score */
    text-align: center;
    font-weight: bold;
}

.phq-fixture-venue {
    width: 40%; /* Allocate space for venue */
    font-size: 0.9em;
    line-height: 1.3;
}
.phq-fixture-venue-address {
    color: #555;
    display: block; /* Make small take full width under main venue name */
    margin-top: 3px;
}

/* Winner/Loser styling */
.phq-fixture-team-row.phq-team-winner .phq-fixture-team-name {
    font-weight: bold;
    color: #27ae60; /* Green for winner */
}
.phq-fixture-team-row.phq-team-loser .phq-fixture-team-name {
    color: #c0392b; /* Red for loser */
}


/* Error/No Data Messages */
.phq-fixture-no-data,
.phq-fixture-error {
    padding: 10px;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    border-radius: 4px;
}
.phq-fixture-row-empty td {
    text-align: center;
    font-style: italic;
    color: #777;
    padding: 15px;
}
.phq-fixture-team-title {
    font-size: 1.1em; /* Slightly smaller than season name */
    margin-top: 10px;
    margin-bottom: 3px;
    color: #444;
    font-weight: bold;
}

.phq-fixture-grade-title {
    font-size: 1.0em; /* Normal size, or slightly smaller than team name */
    margin-top: 0px;
    margin-bottom: 15px; /* Space before the table starts */
    color: #666;
    font-weight: normal;
    font-style: italic;
}

/* Must have defined height so it can be scrolled by javascript */
div#phq-content {
    height: 1000px;
    scrollbar-width: none;
    overflow-y: auto;
    position: relative;
}
select#phq-scrolllist {
    width: auto;
}