/* 
    Styles extracted from BookedFieldsList.cshtml 
    Used for the Search Game Page 
*/

/*Style for the title "Game List and new button "Setup New Game"*/
.game-title {
    font-size: 28px;
    color: black;
    border-bottom: 2px solid #4a90e2;
    padding-top: 2px;
    white-space: nowrap; /* This will prevent the title from breaking into two lines */
    margin-right: auto; /* This will push the button to the right */
    font-weight: bold;
}

.setup-btn {
    text-transform: none; /* This will prevent the text from being all uppercase */
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    padding: 10px 20px; /* Reduced padding for a compact look */
    margin-right: 370px;
    white-space: nowrap;
}

@media (max-width: 955px) {
    .setup-btn {
        margin-right: 170px;
        font-size: 17px;
    }
}

/* Responsive design for smaller screens */
@media (max-width: 767px) {
    .game-title {
        font-size: 24px;
    }

    .setup-btn {
        font-size: 15px;
        padding: 10px 15px;
        margin-right: 50px;
    }
}

#map1 {
    width: 30%;
    height: 50vh;
    float: right;
    }

/* Style for the highlighted table row */
.highlighted {
    background-color: #AAFF00;
}