.viewToggleButton.is-active {
    background: #f5f5f4;
    color: #0b4d3b;
}

.toggleDetails.is-open {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}

.toggleDetails.is-open .toggleArrow {
    transform: rotate(180deg);
}

.tripCardOverview {
    display: none;
}

.nts-trip-container.is-list-view {
    grid-template-columns: minmax(0, 1fr) !important;
}

.nts-trip-container.is-list-view .nts-trip-card {
    overflow: hidden;
}

@media (min-width: 1024px) {
    .nts-trip-container.is-list-view .nts-trip-card {
        flex-direction: row-reverse;
        align-items: stretch;
        gap: 1.5rem;
        padding: 1.25rem;
    }

    [dir="ltr"] .nts-trip-container.is-list-view .nts-trip-card {
        flex-direction: row;
    }

    .nts-trip-container.is-list-view .tripCardMedia {
        flex: 0 0 320px;
        width: 320px;
        margin-bottom: 0;
    }

    .nts-trip-container.is-list-view .tripCardImage {
        height: 100%;
        min-height: 260px;
    }

    .nts-trip-container.is-list-view .tripCardBody {
        flex: 1 1 auto;
        justify-content: space-between;
        text-align: right;
        padding: 0.75rem 0.25rem;
    }

    [dir="ltr"] .nts-trip-container.is-list-view .tripCardBody {
        text-align: left;
    }

    .nts-trip-container.is-list-view .tripCardOverview {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1.25rem;
    }

    .nts-trip-container.is-list-view .tripCardActions {
        margin-top: 1.5rem;
        text-align: inherit;
    }

    .nts-trip-container.is-list-view .tripCardButton {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
}