/* La Liga Title Race Calculator Styles - Sports/Football Theme */
.calcufacil-la_liga_title_race_calculator.calcufacil-container.full-width-calc {
    max-width: 1100px; /* Allow wider for multiple team inputs */
    margin: 20px auto;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    display: block; /* Override potential flex from base */
}
.calcufacil-la_liga_title_race_calculator h3 { /* Base class title from parent */
    /* If you want to use the H3 from the base class for the overall calculator title, style it here.
       Otherwise, if you prefer the H2 inside the form, you can set 'display: none;' on this.
       For now, let's assume the H2 inside the form is the primary visible title for this specific calc block.
    */
    display: none;
}

.calcufacil-la_liga_title_race_calculator .calculator-form h2 {
    font-size: 22px;
    color: #D32F2F; /* La Liga Red */
    margin-bottom: 10px;
    text-align: center;
}
.calcufacil-la_liga_title_race_calculator .instructions {
    text-align: center;
    font-size: 14px;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.5;
}
/* Fieldsets */
.calcufacil-la_liga_title_race_calculator fieldset {
    border: 1px solid #FFCDD2; /* Light Red */
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 25px;
}
.calcufacil-la_liga_title_race_calculator legend {
    font-weight: bold;
    color: #B71C1C; /* Darker Red */
    padding: 0 10px;
    font-size: 16px;
}
.calcufacil-la_liga_title_race_calculator label {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    font-size: 13px;
}
.calcufacil-la_liga_title_race_calculator input[type="number"],
.calcufacil-la_liga_title_race_calculator input[type="text"] {
    width: 100%;
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 15px;
    background: #f9f9f9;
}
.calcufacil-la_liga_title_race_calculator .usage-fieldset .single-input {
     max-width: 450px; margin-left: auto; margin-right: auto;
}
.calcufacil-la_liga_title_race_calculator .usage-fieldset .single-input input[type="number"] {
    text-align: center; font-weight: bold; font-size: 16px;
}


/* Comparison Grid for Teams */
.calcufacil-la_liga_title_race_calculator .comparison-grid.teams-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); /* Responsive columns */
    gap: 20px;
}
.calcufacil-la_liga_title_race_calculator .comparison-group.team-group {
    background: #FFEBEE; /* Lightest Red */
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #FFCDD2; /* Light Red */
}
.calcufacil-la_liga_title_race_calculator .comparison-group label.group-label {
     font-size: 15px;
     margin-bottom: 12px;
     color: #C62828; /* Medium Red */
     display: block;
     text-align: center;
     font-weight: bold;
}
.calcufacil-la_liga_title_race_calculator .comparison-group .input-group {
    margin-bottom: 10px;
}
.calcufacil-la_liga_title_race_calculator .comparison-group h5.predictions-title {
    font-size: 13px;
    color: #D32F2F;
    margin-top: 15px;
    margin-bottom: 8px;
    text-align: left;
    border-bottom: 1px dotted #FFCDD2;
    padding-bottom: 3px;
}
.calcufacil-la_liga_title_race_calculator .input-group.inline-preds {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.calcufacil-la_liga_title_race_calculator .input-group.inline-preds label {
    flex-basis: 70px; /* Adjusted width for V, E, D labels */
    margin-bottom: 0;
    font-weight: normal;
    text-align: right; /* Align label text right */
    padding-right: 5px;
}
.calcufacil-la_liga_title_race_calculator .input-group.inline-preds input[type="number"] {
    flex-grow: 1;
    width: auto; /* Allow input to take remaining space */
    font-size: 14px;
    padding: 7px;
    text-align: center;
}
.calcufacil-la_liga_title_race_calculator .team-group .form-note {
    font-size: 10px;
    color: #777;
    text-align: center;
    margin-top: 8px; /* Increased margin for note */
}


.calcufacil-la_liga_title_race_calculator button {
    background-color: #D32F2F; /* La Liga Red */
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    display: block;
    margin: 20px auto 0 auto; /* Center button */
    transition: background-color 0.3s ease;
}
.calcufacil-la_liga_title_race_calculator button:hover {
    background-color: #B71C1C; /* Darker Red */
}

/* Results Area */
.calcufacil-la_liga_title_race_calculator .results {
    background: #FFEBEE; /* Lightest Red */
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #FFCDD2; /* Light Red */
    margin-top: 25px;
}
.calcufacil-la_liga_title_race_calculator .results-header {
    text-align: center;
    margin-bottom: 15px;
}
.calcufacil-la_liga_title_race_calculator .results-header h2 {
    font-size: 20px;
    color: #B71C1C; /* Darker Red */
    margin: 0;
}
.calcufacil-la_liga_title_race_calculator .comparison-summary {
    text-align: center;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

/* Results Table */
.calcufacil-la_liga_title_race_calculator .comparison-table-container {
    overflow-x: auto; /* For responsive tables */
}
.calcufacil-la_liga_title_race_calculator .comparison-table.league-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    min-width: 700px; /* Prevent excessive wrapping of columns */
}
.calcufacil-la_liga_title_race_calculator .league-table th,
.calcufacil-la_liga_title_race_calculator .league-table td {
    border: 1px solid #FFCDD2; /* Light Red */
    padding: 9px 11px;
    text-align: center;
    vertical-align: middle;
}
.calcufacil-la_liga_title_race_calculator .league-table thead th {
    background-color: #EF9A9A; /* Lighter Red for header */
    color: #7F0000; /* Darkest Red */
    font-weight: bold;
}
.calcufacil-la_liga_title_race_calculator .league-table td:nth-child(2) { /* Team name column */
    text-align: left;
    /* font-weight: bold; Removed bold as it's applied to strong tag */
}
.calcufacil-la_liga_title_race_calculator .league-table td:last-child { /* Projected Points column */
    font-weight: bold;
    font-size: 1.1em;
}
.calcufacil-la_liga_title_race_calculator .league-table tbody tr:nth-child(odd) {
    background-color: #fff8f8; /* Very light red for odd rows */
}
.calcufacil-la_liga_title_race_calculator .league-table tbody tr:hover {
    background-color: #ffebee; /* Slightly darker on hover */
}

.calcufacil-la_liga_title_race_calculator .note {
    font-size: 12px;
    color: #555;
    text-align: center;
    margin-top: 15px;
    font-style: italic;
    line-height: 1.4;
}
.calcufacil-la_liga_title_race_calculator .errors {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.calcufacil-la_liga_title_race_calculator .errors ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.calcufacil-la_liga_title_race_calculator .errors li {
    margin-bottom: 5px;
}
.calcufacil-la_liga_title_race_calculator .errors li:last-child {
    margin-bottom: 0;
}