/* Shared lesson icons: folders keep the existing book icon. */
.lesson-kind-folder { --lesson-icon: url('/public/images/course/icon/iconlession.png'); }
.lesson-kind-theory { --lesson-icon: url('/public/icon/lesson.png?v=20261006'); }
.lesson-kind-exercise { --lesson-icon: url('/public/icon/lesson-exercise.png?v=20261006'); }
.lesson-kind-exam { --lesson-icon: url('/public/images/exam_clock.png'); }
.lesson-icon::before,
#course_learn .item-exercise .name::before,
.product-description-wrapper .item-exercise .name::before {
    content: ''; display: inline-block; width: 18px; height: 18px;
    margin-right: 6px; vertical-align: middle;
    background: var(--lesson-icon) center / contain no-repeat;
}
.lesson-icon { display: inline-block; }
.lesson-sapo { font-size: 13px; font-style: italic; color: #315c85; overflow-wrap: anywhere; }
.course-description-content ul { list-style-type: disc; margin: 0 0 12px; padding-left: 24px; }
.course-description-content ol { list-style-type: decimal; margin: 0 0 12px; padding-left: 24px; }
.course-description-content li { list-style-type: inherit; }
.course-description-content ul ul { list-style-type: circle; }
.course-description-content ul ul ul { list-style-type: square; }
.course-zalo-groups { padding: 16px; margin: 16px 0; background: #fff; border: 1px solid #eee; }
.course-zalo-groups h3 { font-size: 15px; margin: 0 0 12px; }
.course-zalo-groups ol { padding-left: 20px; }
.course-zalo-groups li { list-style: decimal; margin: 8px 0; }
.course-zalo-groups a, .course-zalo-popover a { color: #0566b4; overflow-wrap: anywhere; }
.course-zalo-widget { position: fixed; right: 12px; bottom: 80px; z-index: 1000; }
.course-zalo-widget summary { display: block; cursor: pointer; border-radius: 50%; width: 48px; height: 48px; line-height: 48px; background: #0879e8; color: white; text-align: center; font-weight: bold; box-shadow: 0 2px 8px #999; }
.course-zalo-widget summary::-webkit-details-marker { display: none; }
.course-zalo-popover { position: absolute; right: 58px; bottom: 0; width: 280px; max-width: calc(100vw - 88px); max-height: 60vh; overflow-y: auto; padding: 16px; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 3px 12px #bbb; }
.course-zalo-popover a { display: block; padding-top: 12px; }
#course_learn button.title_body { display: block; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #ddd; }
#course_learn .list-child .list-exam { margin: 12px 0; }
#course_learn .policy-reopen { margin: 8px 0 16px; }
@media(max-width: 767px) {
    #course_learn .box_left, #course_learn .box-filter { width: 100%; }
    .lesson-sapo { display: block; margin: 4px 0 0 24px; line-height: 1.5; }
    .exam-name .lesson-sapo { margin-left: 0; }
    .course-zalo-widget { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}

.folder-sapo { display: block; margin: 4px 0 0 18px; white-space: normal; font-weight: normal; }