/* app.css – minimal overrides */
html,
body {
    font-family: "Varela Round", sans-serif;
}

pre,
code,
.font-monospace {
    white-space: pre-wrap;
    direction: ltr !important;
    /* Force LTR for code areas */
    text-align: left !important;
    /* Force LTR for code areas */
    width: 100%;
}

/* Highlight for Blazorise selectable ListGroup items (uses [active] attribute) */
.list-group .list-group-item[active],
.b-list-group .list-group-item[active] {
    background-color: var(--bs-success-bg-subtle) !important;
    /*    color: var(--bs-info) !important;*/
}

:dir(rtl) .btn-close {
    position: absolute;
    left: 1em;
}


.table-en {
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content;
    direction: ltr;
}

.table-rl td:first-child,
.table-rl th:first-child {
    text-align: right;
}

.table-rl td:nth-child(2),
.table-rl th:nth-child(2) {
    text-align: left;
}

.table-he {
    direction: rtl;

    text-align: right;
}


.table-en td,
.table-en th {
    border: solid 1px;
    padding: 0.3em;
    border-color: #999999 !important;
    border-bottom-color: #aa9999 !important;
}

/*    table tr:nth-child(2n) {
        background-color: var(--tab-nth-child);
    }*/

.markdown-body {
    direction: rtl;
    text-align: right;
}

/* Assignment list: remove extra right padding in RTL */
ul.list-group.assignment-list {
    padding-right: 0 !important;
}