/* Copyright (C) 2025 Julian Valentin
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/* basic styles */
body {
    margin: 0;
    padding: 20px;
    font-family: Arial, sans-serif;
}

@media (max-width: 900px) {
    .disce-btn-text {
        display: none;
    }
}

.btn {
    white-space: nowrap;
}

/* load screen */
#disce-load-screen {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
}

#disce-load-screen .spinner-border {
    width: 3rem;
    height: 3rem;
}

/* decks screen */
#disce-decks-screen .disce-deck-name-label {
    flex-grow: 1;
    padding-right: 5px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 700px) {
    #disce-decks-screen .disce-decks .btn:not(.disce-study-deck-btn) {
        display: none;
    }
}

/* study screen */
#disce-study-screen .disce-correct-answer-btn,
#disce-study-screen .disce-wrong-answer-btn,
#disce-study-screen .disce-skip-card-btn,
#disce-study-screen .disce-show-answer-btn {
    padding: 9px 18px;
    font-size: 1.5rem;
}

#disce-study-screen .disce-study-card,
#disce-study-screen .disce-answer-textbox,
#disce-study-screen .disce-submit-answer-btn {
    font-size: 2rem;
}

#disce-study-screen .disce-study-card-question-side,
#disce-study-screen .disce-study-card-answer-side {
    min-height: 100px;
}

#disce-study-screen .disce-study-card-answer-side .disce-matching-answer-part {
    color: var(--bs-success);
}

#disce-study-screen .disce-study-card-answer-side ins,
#disce-study-screen .disce-study-card-answer-side del {
    color: var(--bs-danger);
}