/*---*/

.contain {
    display: flex;
    align-items: center; /* Vertical alignment ke liye */
    gap: 10px; /* Dropdown aur button ke beech gap */
}

.year-selector {
    flex-grow: 1; /* Dropdown ko flexible space dene ke liye */
}

.ipl-year-dropdown {
    padding: 8px;
    font-size: 16px;
    width: 100%; /* Taake dropdown proper space le */
}

.ipl-button {
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    white-space: nowrap; /* Taake text wrap na ho */
}

.ipl-button:hover {
    background-color: #0056b3;
}





thead{
    background-color:  rgb(2, 3, 124) ;
    color:white;
}

/* Styling for dropdown */


/*.table-responsive {*/
/*    width: 100%;*/
/*    overflow-x: auto; */
/*    white-space: nowrap; */
/*}*/

/* Ensure table is not squeezed */
.ipl-table {
    width: 100%;
    min-width: 800px; /* Minimum width to avoid collapsing */
    border-collapse: collapse;
}

/* Ensure the "Last 5 Matches" column is always visible */
.ipl-table th:last-child,
.ipl-table td:last-child {
display: table-cell ;
}
/*.team-flag {*/
/*        width: 24px;*/
/*        height: 24px;*/
/*    }*/
.win {
    color: green;
    font-weight: bold;
}

.loss {
    color: red;
    font-weight: bold;
}

.no-result {
    color: gray;
}




/* Make table scrollable on mobile */
@media (max-width: 768px) {
   

    .ipl-table {
        font-size: 14px; /* Smaller text for better fit */
    }

    .ipl-table th, .ipl-table td {
        padding: 4px; /* Reduce padding to fit content */
    }
    .team-cell{
         display: flex;
    flex-direction: row;
    min-width: 80px;
    padding: 10px; 
     margin: 0;
    gap: 10px;
    border: none;
    box-sizing: border-box;
    /* Remove any conflicting padding */

     }

}

/*---*/
/*@media (max-width: 768px) {*/
   
    /* Make the first column (#) sticky */
/*    .ipl-table th:first-child,*/
/*    .ipl-table td:first-child {*/
/*        position: sticky;*/
/*        left: 0;*/
/*        z-index: 2;*/
       
/*    }*/

 
    
/*}*/