.tournament-calendar {
    max-width: 900px;
    margin: 0 auto;
}

.swal2-title,
.swal2-html-container,
.swal2-html-container p,
.swal2-html-container a {
    text-transform: none !important;
}

#game-filter-buttons {
    justify-self: center;
    margin: 20px auto;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 900px;
}

.game-button {
    background-color: var(--global-palette3) !important;
    border: 2px solid transparent;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
    transition: border-color 0.3s ease;
    border-radius: 6px;
}

.game-button:hover {
  background-color: var(--global-palette3) !important;
}

.game-button img {
    width: 5em;
    height: 5em;
    object-fit: contain;
    user-select: none;
    pointer-events: none;
}

.game-button.active {
    background-color: #cc3b3d !important;
}

.selected-game-name {
    margin: 10px 0 10px 0;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    height: 40px;
}

.modal-icon {
    text-align: center;
    width: 20px;
}

.modal-icon .icon-link {
    color: #3788d8;
}

.modal-text.text-link a {
    color: #3788d8;
    text-decoration: underline;
}

.modal-line {
    display: flex;
    gap: 10px;
    margin: 8px 0 8px 0;
}

.swal-close-button {
    border: none !important;
    background-color: var(--global-palette6) !important;
    color: white !important;
}

.swal-close-button:hover {
    border: none !important;
    background-color: var(--global-palette2) !important;
    color: black !important;
}

.fc-event {
    background-color: #cc3b3d !important;
    border: none !important;
}

.swal2-html-container {
    margin: 0 40px 0 40px !important;
    text-align: left !important;
}

.swal2-title {
    font-weight: bold;
}

.swal2-popup {
    width: 30em !important;
}

body.swal2-shown,
html.swal2-shown {
  overflow: auto !important;
  padding-right: 0 !important;
}


/* Mobile styles */

.fc-toolbar-chunk.mobile {
    display: flex;
    text-align: center;
    flex-direction: column;
    gap: 10px;
}

.selected-game-name.mobile {
    height: 80px;
}

.tournament-calendar.mobile {
    min-height: 550px;
    max-height: 600px;
}

.game-button.mobile img {
    width: 4em;
    height: 4em;
}