/* SWIPE STUFF */
/* Button states */
.btn-swipe-actions:hover,
.btn-swipe-actions:active,
.btn-swipe-actions:focus,
.btn-swipe-actions:target {
    background-color: #282828;
    border-color: #000000;
}

.btn-swipe-actions.active:hover,
.btn-swipe-actions.active:active,
.btn-swipe-actions.active:focus,
.btn-swipe-actions.active:target {
    background-color: #29828A;
    border-color: #000000;
}

.swipeArea {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

    .swipeArea::-webkit-scrollbar {
        display: none;
    }

.swipe-content.swiped {
    transform: translateX(-75vw);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}

.swipe-content {
    width: 100%;
    transform: translateX(0);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}

.bg-episode-list-item {
    flex: 2 0 100%;
    max-width: calc(680px - 3rem);
}

.input-group {
    flex-wrap: nowrap;
}

.swipe-actions {
    position: absolute;
    right: 2em;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.swipe-items {
    margin-left: 1.5rem;
}

.swipe-items-container {
    display: flex;
    align-items: center;
}


.study-texts-list {
    overflow-y: auto;
}

/* Distinctive MudTable header row (used across Razor pages) */
.mud-table-distinct-header .mud-table-header-cell-distinct {
    font-weight: 700;
    background-color: var(--mud-palette-table-lines, #e0e0e0) !important;
    border-bottom: 2px solid var(--mud-palette-primary, #594ae2);
    color: var(--mud-palette-primary-darken, #372eb2);
}

/* Nav menu drawer: scroll when expanded MudNavGroup content overflows */
.nav-drawer-scroll {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Defined height so overflow can scroll; 64px is typical MudAppBar height */
    height: calc(100vh - 64px);
    min-height: 0;
}