/**
 * TeachDemy — product-edit screen admin styles (Round-19 course-page
 * fields): curriculum + FAQ repeaters inside the "TeachDemy" product-data
 * tab, and the media-picker buttons next to the video URL fields.
 * Scoped under .td-tdm-repeater-group so nothing else in wp-admin moves.
 */

.td-tdm-repeater-group { padding-bottom: 4px; }

.td-tdm-repeater {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 10px 12px 4px;
}

/* ---------- Module card ---------- */
.td-tdm-module {
        background: #f6f7f7;
        border: 1px solid #dcdcde;
        border-radius: 8px;
        padding: 10px 12px 8px;
}
.td-tdm-module-head {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-bottom: 8px;
}
.td-tdm-module-head .td-tdm-module-title { flex: 1; }
.td-tdm-module-head input,
.td-tdm-lesson input[type="text"],
.td-tdm-faqrow input[type="text"],
.td-tdm-faqrow textarea {
        border-radius: 4px;
}
.td-tdm-module-head input { min-width: 0; }

/* ---------- Lesson rows ---------- */
.td-tdm-lessons {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding-inline-start: 14px;
        border-inline-start: 2px solid #dcdcde;
}
.td-tdm-lesson {
        display: flex;
        gap: 8px;
        align-items: center;
        background: #fff;
        border: 1px solid #e2e4e7;
        border-radius: 6px;
        padding: 6px 8px;
}
.td-tdm-lesson input[type="text"] { flex: 1; min-width: 0; }
.td-tdm-lesson-duration {
        flex: 0 0 88px !important;
        text-align: center;
        direction: ltr;
}
.td-tdm-lesson-preview {
        display: inline-flex !important;
        align-items: center;
        gap: 5px;
        flex: none;
        white-space: nowrap;
        font-weight: 600;
        font-size: 12px;
        color: #2271b1;
        margin: 0 !important;
}

/* ---------- FAQ rows ---------- */
.td-tdm-faqrow {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        position: relative;
        background: #f6f7f7;
        border: 1px solid #dcdcde;
        border-radius: 8px;
        padding: 10px 12px;
        padding-inline-end: 44px;
}
.td-tdm-faqrow input[type="text"] { font-weight: 700; }
.td-tdm-faqrow .td-tdm-remove {
        position: absolute;
        inset-inline-end: 8px;
        top: 8px;
}

/* ---------- Remove buttons ---------- */
.td-tdm-remove {
        color: #b32d2e !important;
        border-color: #b32d2e !important;
        flex: none !important;
        line-height: 1.4 !important;
        min-height: 30px !important;
}
.td-tdm-remove:hover { background: #b32d2e !important; color: #fff !important; }

/* ---------- Media pick buttons ---------- */
.td-tdm-media-pick { vertical-align: middle; margin-inline-start: 6px; }

/* RTL: keep the repeater rails readable. */
body.rtl .td-tdm-lessons { padding-inline-start: 14px; }