/* Favorites page */

.rubric-list {
    font-size: smaller;
}

.rubric-highest {
    color: red;
}

.rubric-high {
    color: green;
}

.rubric-medium {
    color: orange;
}

@media screen and (prefers-color-scheme: light) {
    .rubric-medium {
        color: DarkOrange;
    }
}

.rubric-low {
    color: DodgerBlue;
}

.rubric-marginal {
    color: gray;
}

.wrestlers figcaption::before, .wrestlers-abbreviated figcaption::before {
    display: none;
}

.wrestlers-abbreviated {
        display: flex;
        flex-wrap: wrap;
}

.wrestler {
    width: 100%;
}

.wrestler-short {
    width: 50%;
}

.wrestler-short .photo-credit {
    padding: 0 10px;
}

.wrestler-name {
    margin: 0;
    line-height: 1.25;
}

.wrestler-headshot {
    width: 100%;
    height: auto;
    align-self: center;
}

.wrestler-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrestlers-abbreviated .wrestler-info {
    display: block;
}

.wrestler-comments {
    font-style: italic;
    padding: 0 1rem;
}

.wrestler-promotions {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promotion-logo {
    width: 40px;
    height: auto;
    margin: 0 5px;
}

.wrestlers-abbreviated .promotion-logo {
    margin: 1rem 5px 0 5px;
}

.promotion-logo.aew + .promotion-logo.roh {
    margin-bottom: -3px;
}

.promotion-logo.aaa {
    width: 35px;
}

.promotion-logo.cmll, .promotion-logo.mlw {
    width: 50px;
}

.promotion-logo.dragongate {
    height: 30px;
    width: auto;
}

.promotion-logo.njpw {
    width: 35px;
}

.promotion-logo.tna, .promotion-logo.stardom {
    width: 80px;
}

.promotion-logo.wwe {
    width: 25px;
}

.wrestler-notes {
    text-align: left;
}

.wrestlers-abbreviated .wrestler-notes {
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.wrestlers-abbreviated .wrestler-comments {
    font-size: smaller;
    margin: 1rem auto;
}

.wrestler-highlights {
    font-size: smaller;
    margin: 1rem 0 !important;
    padding: 0 !important;
}

.wrestler-highlights dt {
    margin: 1rem auto;
}

.wrestler-highlights dd {
    margin: 0 0 1rem 1rem;
}

.wrestler-matches {
    margin: 1rem 0 !important;
}

.wrestler-event {
    margin: 0 !important;
}

.wrestler-match {
    margin: 0 !important;
}

.wrestler-event {
    font-size: smaller;
    font-style: italic;
}

.match-review, .rubric-importance {
    font-size: smaller;
    font-family: var(--slab-serif);
    font-weight: bold;
    font-style: italic;
}

.photo-credit p {
    font-size: calc(var(--font-size) * 0.6);
    font-style: italic;
    margin: 1rem 0 0 0;
}

.wrestlers-abbreviated .photo-credit p {
    margin: 0 0 1rem 0;
}

.wrestlers-abbreviated .wrestler-headshot {
    width: calc(100% - 10px);
    max-width: 300px;
}

.radar-chart {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.changes summary {
    font-size: larger;
    font-family: var(--slab-serif);
    margin-top: 2rem;
}

.changes-log dt {
    margin-top: 2rem;
}

.changes-log dd {
    margin: 0 0 0 0.75rem;
    font-size: 1rem;
}

.changes-log ul {
    margin: 1rem 0;
}

.changes-log li {
    margin: 1rem 0 0 0;
}

@media screen and (max-width: 799px) {
    .wrestler-name {
        font-size: 1.6rem;
        margin: 1rem 0 0 0;
    }

    .wrestlers .wrestler-promotions {
        margin-top: 1rem;
    }

    .wrestlers-abbreviated .wrestler-name {
        font-size: 1.4rem;
    }

    .wrestlers-abbreviated .wrestler-comments {
        font-size: var(--font-size);
    }

    .wrestler-highlights {
        font-size: var(--font-size);
    }

    .changes-log {
        margin: 2rem 0 0 0 !important;
    }
}

@media screen and (min-width: 800px) {
    .wrestler {
        display: flex;
        align-items: center;
    }

    .wrestler-headshot {
        width: 50%;
        max-width: 500px;
    }

    .wrestler-info.dorada {
        align-items: flex-end;
    }

    .wrestler-info.dorada .wrestler-promotions {
        flex-flow: row wrap;
        width: 30%;
    }

    .wrestler-info.dorada .wrestler-promotions .njpw {
        margin: 10px 0 0 0;
    }

    .wrestler-info.dorada .wrestler-promotions .cmll {
        margin: 10px 10px 0 0;
    }

    .wrestler-notes {
        width: 50%;
        padding: 0 0 0 1rem;
    }

    .wrestler-short {
        width: 25%;
    }

    .wrestlers-abbreviated .wrestler-headshot {
        max-width: 500px;
    }

    .radar-chart {
        float: right;
        margin: 0 0 1rem 2rem;
    }
}

/* Match tracker */
.tracker-pagination .button {
    margin: 5px 5px 3px 0;
}

.content details {
    margin: 1rem auto;
}

.cagematch-data .fi-bs-heart, .cagematch-data .fi-bs-eye {
    display: none;
}

.cagematch-data .match-tracker.favorite .fi, .cagematch-data .match-tracker.watched .fi, .cagematch-data .match-tracker .offline {
    display: block;
}

.match-tracker.favorite {
    background-color: #690000;
    color: White;
}

.match-tracker.watched {
    background-color: #052845;
    color: White;
}

.match-tracker.watched [title] {
    border: none;
}

.match-tracker.offline {
    background-color: #272727;
    color: White;
}

@media only screen and (prefers-color-scheme: light) {
    .match-tracker.offline {
        background-color: #ddd;
        color: Black;
    }
}

.match-tracker {
    padding: 0;
    margin: 0;
    text-align: center;
}

.match-tracker .fi {
    margin: 0 auto;
}

@media only screen and (prefers-color-scheme: light) {
    .match-tracker.watched {
        background-color: SteelBlue;
    }
}

.cagematch-data {
    margin: 2rem auto;
}

.cagematch-data a {
    border: none;
}

.cagematch-data .match-link a, .cagematch-data .review {
    border-bottom: 2px solid #ccc;
}

.cagematch-data .match-date {
    font-family: var(--sans-serif);
    font-weight: bold;
}

.cagematch-data .tags {
    margin: 1rem auto;
    border-top: 2px dotted #666;
    padding-top: 1rem;
    font-family: var(--sans-serif);
    font-size: smaller;
    font-weight: bold;
}

.cagematch-data .match-link, .cagematch-data .match-notes {
    margin: 1rem auto;
    font-size: smaller;
}

.cagematch-data .match-notes {
    font-style: italic;
}

.cagematch-data .tags p::before {
    content: 'Tags:';
    display: inline;
    font-weight: bold;
    background-color: #690000;
    color: White;
    margin-right: 0.25rem;
    padding: 2px 4px;
}

.match-date {
    white-space: nowrap;
}

.match-promo {
    text-align: center;
}

.match-event {
    font-size: calc(var(--font-size) * 0.6);
    font-style: italic;
    margin-top: 1rem;
}

.cagematch-data tr {
    opacity: 0.2;
}

.cagematch-data .header {
    font-family: var(--sans-serif);
    font-weight: bold;
}

.cagematch-data .tv-show, .cagematch-data .ppv, .cagematch-data .online-stream, .cagematch-data .recorded, .cagematch-data .header {
    opacity: 1;
}

.cagematch-data .match-unavailable {
    opacity: 0.2;
}

@media only screen and (max-width: 799px) {
    .cagematch-data tr {
        display: grid;
        grid-template-columns: 30px 30px auto 150px;
        grid-template-rows: auto;
        grid-template-areas:
            "favorite watched date promo"
            "favorite watched match match";
    }

    .cagematch-data .match-promo {
        padding: 0;
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .cagematch-data .match-promo .promo-logo-mini {
        margin: 5px;
    }

    .cagematch-data .tags {
        margin: 1rem auto 0.5rem auto;
    }

    .cagematch-data td:nth-child(1) {
        grid-area: favorite;
    }

    .cagematch-data td:nth-child(2) {
        grid-area: watched;
    }

    .cagematch-data td:nth-child(3) {
        grid-area: date;
    }

    .cagematch-data td:nth-child(4) {
        grid-area: promo;
        text-align: right;
    }

    .cagematch-data td:nth-child(5) {
        grid-area: match;
    }

    .match-tracker {
        display: flex;
        align-items: center;
    }
}