/**
 * Tutor LMS Prerequisite / Content Drip Block Styles
 *
 * Vertically centers the prerequisite block and overrides
 * dark text colors to white for the dark theme.
 * Targets both drip types: "after_finishing_prerequisites" and "unlock_sequentially".
 */

/* ── Vertical centering for prerequisites wrapper ───────────────── */

.tutor-lesson-content-drip-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: calc(100vh - 150px) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 40px 20px !important;
    padding-bottom: 100px !important;
}

.content-drip-message-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
}

.content-drip-message-wrap.content-drip-wrap-flex {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* ── White text (overrides tutor-color-black and default dark text) ── */

.tutor-lesson-content-drip-wrap,
.tutor-lesson-content-drip-wrap *,
.content-drip-message-wrap,
.content-drip-message-wrap * {
    color: #fff !important;
}

.tutor-lesson-content-drip-wrap .tutor-color-black {
    color: #fff !important;
}

.tutor-lesson-content-drip-wrap h4 {
    color: #fff !important;
}

.tutor-lesson-content-drip-wrap a {
    color: #8ec5fc !important;
}

.tutor-lesson-content-drip-wrap a:hover {
    color: #b8d9ff !important;
}

/* ── Traffic light image centering ──────────────────────────────── */

.content-drip-left {
    margin-bottom: 20px !important;
}

.content-drip-left img {
    display: block !important;
    margin: 0 auto !important;
}

/* ── Prerequisites list ─────────────────────────────────────────── */

.tutor-lesson-content-drip-wrap ul {
    height: auto !important;
    max-height: calc(100vh - 400px) !important;
    text-align: left !important;
}

/* ── Restrict sequence (unlock_sequentially type) ───────────────── */

.tutor-restrict-sequence {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: calc(100vh - 150px) !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    text-align: center !important;
}

.tutor-restrict-sequence > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.tutor-restrict-sequence,
.tutor-restrict-sequence div,
.tutor-restrict-sequence span {
    color: #fff !important;
}

.tutor-restrict-sequence img {
    left: 0 !important;
    display: block !important;
    margin: 0 auto 50px !important;
}