:root {
	--color-ld-green: #0f7e35;
}

.ld-content-actions {
    container-type: inline-size;
    container-name: ldcontentactions;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.5em;
}

.ld-content-actions .ld-content-action {
    align-content: center;
    flex-basis: auto !important;
    flex-grow: 1;
}

@container ldcontentactions (width < 665px) {
    .ld-content-actions .ld-content-action {
        flex-basis: calc(50% - 0.25em) !important;
        margin-bottom: 0px !important;
        padding: 0px !important;
    }

    .learndash-wrapper .ld-content-actions div:nth-child(2) {
        order: 1;
    }

}

@container ldcontentactions (width < 450px) {
    .ld-content-actions .ld-content-action {
        flex-basis: 100% !important;
    }

    .ld-content-actions .ld-content-action:nth-child(1),
    .ld-content-actions .ld-content-action:nth-child(3) {
        flex-basis: calc(50% - 0.25em) !important;
    }
}

@container ldcontentactions (width < 280px) {

    .ld-content-actions .ld-content-action:nth-child(1),
    .ld-content-actions .ld-content-action:nth-child(3) {
        flex-basis: 100% !important;
    }
}


/* Step back -button is used as "Lesson is completed indicator"  */
/* Hide step-back if has sibling .sfwd-mark-complete */
.sfwd-mark-complete+.ld-primary-color.ld-course-step-back {
    display: none !important;
}

.learndash-wrapper .ld-content-actions .ld-content-action a.ld-course-step-back {
    pointer-events: none !important;
    background: var(--color-ld-green) !important;
    color: white !important;
    padding: 1em !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
    justify-content: center !important;
    font-size: 0.75em !important;
    line-height: 1.25em !important;
	margin: 0px !important;
	text-decoration: none !important;
}

.ld-content-action a.ld-course-step-back span {
    height: 17px;
    margin-top: -3px;
}

.ld-content-actions .ld-button .dashicons.dashicons-star-empty {
    color: var(--color-primary);
}

.ld-content-action .sfwd-mark-complete::after {
    color: var(--color-ld-green) !important;
    transform: translate(-40%, -60%) !important;
    /* 
    content: ""!important;
    width: 1rem;
    height: 1rem;
    border: solid 1px white;
    border-radius: 2px; */
}

.ld-focus-content .ld-content-action input.learndash_mark_complete_button {
    background-color: white !important;
    outline: 2px solid var(--color-ld-green) !important;
    outline-offset: -2px;
    color: var(--color-ld-green) !important;
    padding-left: 0em !important;
    min-width: 180px;
    text-align: center !important;
}


@media only screen and (max-width: 768px) {
    .learndash-wrapper .custom-btn .ld-text {
        display: none !important;
    }

    .learndash-wrapper .ld-item-details {
        margin-left: 0 !important;
    }

    .learndash-wrapper .ld-item-list-item-preview {
        flex-direction: row !important;
    }

    .learndash-wrapper .ld-table-list-items {
        padding: 0px 15px !important;
    }
}

/* Olisko joku tällänen hyvä selkeyttämään viikkolistausta luentoalueella? */
/* .ld-in-focus-mode .ld-table-list.ld-topic-list {
    background-image: linear-gradient(#0d8cba2c, #ffffff);
} */
.ld-in-focus-mode .ld-lesson-items .ld-lesson-item .ld-lesson-item-preview {
    background-image: linear-gradient(#0d8cba10, #0d8cba00);
}

.ld-in-focus-mode .ld-lesson-items .ld-lesson-item .ld-lesson-item-preview .ld-lesson-title {
    font-weight: 500 !important;
}

/* Favorite lesson */
.learndash-wrapper .ld-content-actions .ld-content-action.ld-favorite-container {
    flex-basis: fit-content;
}

.learndash-wrapper .ld-content-actions .ld-content-action.ld-favorite-container .dashicons {
    margin-left: 5px;
    height: 17px;
    transform: translateY(-5px);
}