/* AHZ overrides */
:root {
    --thwkiel-ahz-default-margin: 30px;
}

.ahzlive-match-cards {
    margin: var(--thwkiel-ahz-default-margin);
}

.a20-match-cards-buttons .a20-left-buttons button {
    border-radius: 0;
    color: black;
    background-color: white;
}

.a20-match-cards-buttons .a20-left-buttons button:hover {
    color: white;
    background-color: black;
}

.a20-match-cards-buttons .a20-left-buttons button.selected {
    color: white;
    background-color: black;
}

.a20-match-cards-buttons .a20-left-buttons button.selected:hover {
    color: black;
    background-color: white;
}

.a20-mc-home-score-wrapper p {
    line-height: 1.1;
}

.a20-match-card-container-score {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* to prevent zero height of this container */
.ahzlive-matches-container {
    display: flex;
    flex-wrap: wrap;
}

.a20-match-card-container {
    position: unset;
    float: unset;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 64px);
}

.a20-match-card-button-row {
    height: unset;
    max-height: unset;
    justify-content: flex-end;
}

.a20-calendar-icon-wrapper {
    height: 100%;
    border-radius: unset;
}

@media (max-width: 1080px) {
    #thwkiel-event-nav-buttons {
        justify-content: flex-start;
        gap: 4px;
    }
}

@media (max-width: 1000px) {
    .a20-match-card-container {
        flex-basis: calc(100% - 64px);
    }
}

@media (max-width: 575px) {
    #thwkiel-event-nav-buttons button {
        width: 100%;
        margin-bottom: 4px;
    }

    #thwkiel-event-nav-buttons button.a20-match-cards-buttons-first {
        margin-bottom: 16px;
        margin-right: unset;
    }
}

/* Correcting the margin of the info box */
#ahzlive-download-buttons .info-box {
    padding-bottom: 16px;
}

#ahzlive-download-buttons ol {
    margin: 0 0 0 20px;
}