/* ============================================================
   Offline-Lernen
   ============================================================ */

.wachapp-offline-answer-grid>button,
[data-wachapp-offline-answer-list]>button {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

[data-wachapp-offline-answer-list]>button:not(:disabled):hover {
    transform: translateY(-1px);
}

[data-wachapp-offline-answer-list]>button[aria-pressed="true"] {
    box-shadow: 0 .25rem .75rem rgba(13, 110, 253, .12);
}

[data-wachapp-offline-history-list] .list-group-item:last-child {
    border-bottom: 0 !important;
}

#wachappOfflineStartModal .modal-content {
    overflow: hidden;
}
/* ============================================================
   Offline-Lernen · Verbindungszustand & App-Safe-Areas
   ============================================================ */

#wachappOfflineLearning {
    padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}

.wachapp-offline-network-notice {
    position: relative;
}

.wachapp-offline-network-notice__icon {
    width: 2.5rem;
    height: 2.5rem;
}

#wachappOfflineLearning [data-wachapp-offline-learning] .sticky-bottom {
    bottom: max(.5rem, env(safe-area-inset-bottom, 0px));
    z-index: 1020;
}

#wachappOfflineLearning [data-wachapp-offline-prepare]:disabled,
#wachappOfflineLearning [data-wachapp-offline-sync]:disabled,
#wachappOfflineLearning [data-wachapp-offline-sync-now]:disabled {
    cursor: not-allowed;
    opacity: .58;
}

@media (max-width: 575.98px) {
    .wachapp-offline-network-notice {
        padding: .9rem;
    }

    #wachappOfflineLearning [data-wachapp-offline-learning] .sticky-bottom {
        margin-right: calc(-.25rem - env(safe-area-inset-right, 0px));
        margin-left: calc(-.25rem - env(safe-area-inset-left, 0px));
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}