:where(.wp-block-uno-lms-course-tabs) {
    box-sizing: border-box;
}

.wp-block-uno-lms-course-tabs {
    margin-block: var(--wp--preset--spacing--40, 1.5rem);
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, var(--wp--preset--color--contrast-3, #d0d7de));
    border-radius: var(--wp--custom--uno-lms--surface--radius, 8px);
    box-shadow: var(--wp--custom--uno-lms--surface--shadow, none);
    overflow: hidden;
    padding-block: var(--wp--preset--spacing--30, 1rem);
    padding-inline: var(--wp--preset--spacing--30, 1rem);
    /* Match discussion/reviews `--*-card-bg`: explicit white on the chrome container */
    background: var(--wp--preset--color--white, #fff);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__menu {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__tab {
    border: 1px solid #d0d7de;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    padding: 0.55rem 0.9rem;
    cursor: pointer;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__tab.is-active,
.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__tab:focus-visible {
    border-color: #3858e9;
    box-shadow: 0 0 0 1px #3858e9;
    outline: none;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__panel {
    border-top: 1px solid var(--wp--custom--uno-lms--surface--border-color, var(--wp--preset--color--contrast-3, #d0d7de));
    padding-block: var(--wp--preset--spacing--30, 1rem);
    padding-inline: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__placeholder {
    margin: 0;
    color: #525960;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__placeholder-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__placeholder p {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__gate {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__gate p {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__content > :first-child {
    margin-top: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__content > :last-child {
    margin-bottom: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__materials {
    display: grid;
    gap: 1rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-title {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-link {
    font-size: 0.9rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-content > :first-child {
    margin-top: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-content > :last-child {
    margin-bottom: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-locked {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-empty-lesson {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-tabs__material-empty {
    margin: 0;
    color: #525960;
}

/**
 * Course tabs — discussion surface (native comments UI).
 *
 * Root `.uno-lms-course-discussion` mirrors the course-player layering idea: shared
 * `--wp--custom--uno-lms--surface--*` tokens + global radius chain, with a few
 * `--uno-lms-course-discussion--*` hooks so a future block/settings layer can
 * override backgrounds without renaming BEM classes.
 */
.wp-block-uno-lms-course-tabs .uno-lms-course-discussion {
    box-sizing: border-box;
    /* Flat panel like Materials/Presentation — outer chrome is the course-tabs block only */
    --uno-lms-course-discussion--bg: transparent;
    /* Cards/textareas: explicit white so they read on tinted tab panels (base often matches canvas) */
    --uno-lms-course-discussion--card-bg: var(--wp--preset--color--white, #fff);
    /* Shifts the whole reply subthread (grey border + items) inward from the parent comment */
    --uno-lms-course-discussion--replies-extra-indent: 16px;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--uno-lms-course-discussion--bg);
    padding: 0;
}

/* Match Materials tab heading striping (see `.uno-lms-course-tabs__material-header` spacing) */
.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__composer-title {
    margin: 0 0 0.75rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__guest {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__textarea {
    width: 100%;
    min-height: 5.5rem;
    resize: vertical;
    padding: 0.6rem 0.65rem;
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, #d0d7de);
    background: var(--uno-lms-course-discussion--card-bg);
    font: inherit;
    box-sizing: border-box;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

/* Layout only — typography/colors from theme via wp-element-button / wp-block-button__link */
.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__button.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.45rem 0.95rem;
    cursor: pointer;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__button.wp-element-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__thread-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__comment {
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, #d0d7de);
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    padding: 0.75rem 0.85rem;
    background: var(--uno-lms-course-discussion--card-bg);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__comment-meta {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.45rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__author {
    font-weight: 600;
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__date {
    margin: 0;
    font-size: 0.85rem;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__body {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__body > :first-child {
    margin-top: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__body > :last-child {
    margin-bottom: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__toolbar {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.45rem;
}

/* Unstyled button — Reply/Delete read as inline actions; color/underline from theme link styles where matched */
.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__link-button {
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__replies {
    list-style: none;
    margin: 0.65rem 0 0;
    margin-inline-start: var(--uno-lms-course-discussion--replies-extra-indent, 16px);
    padding-inline-start: 1rem;
    border-inline-start: 2px solid var(--wp--custom--uno-lms--surface--border-color, #e8edf2);
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__reply {
    padding: 0.55rem 0.65rem;
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    background: var(--uno-lms-course-discussion--card-bg);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__empty {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-discussion__load-more {
    align-self: flex-start;
}

/**
 * Course tabs — reviews (student reviews on `uno_course`, REST-backed).
 */
.wp-block-uno-lms-course-tabs .uno-lms-course-reviews {
    box-sizing: border-box;
    --uno-lms-course-reviews--card-bg: var(--wp--preset--color--white, #fff);
    --uno-lms-course-reviews--star-empty: #b8c0cc;
    --uno-lms-course-reviews--star-filled: #e1990c;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__composer-title {
    margin: 0 0 0.75rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__guest {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__label {
    font-weight: 600;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__input,
.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__select,
.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.65rem;
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, #d0d7de);
    background: var(--uno-lms-course-reviews--card-bg);
    font: inherit;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__textarea {
    min-height: 5rem;
    resize: vertical;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__stars {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__star {
    border: 0;
    background: none;
    padding: 0.15rem 0.25rem;
    cursor: pointer;
    line-height: 1;
    font-size: 1.35rem;
    color: var(--uno-lms-course-reviews--star-empty);
    text-shadow: none;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__star[data-filled] {
    color: var(--uno-lms-course-reviews--star-filled);
    text-shadow: 0 0 0.04em rgba(225, 153, 12, 0.35);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__star:focus-visible {
    outline: 2px solid var(--wp--preset--color--vivid-cyan-blue, #2271b1);
    outline-offset: 2px;
    border-radius: 2px;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__submit.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.45rem 0.95rem;
    cursor: pointer;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__submit.wp-element-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__form-error {
    margin: 0 0 0.5rem;
    color: #d63638;
    font-size: 0.9rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__list-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__card {
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, #d0d7de);
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    padding: 0.75rem 0.85rem;
    background: var(--uno-lms-course-reviews--card-bg);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__meta {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.45rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__author {
    font-weight: 600;
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__date {
    margin: 0;
    font-size: 0.85rem;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__title {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__rating-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.45rem;
    font-size: 0.9rem;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__five-stars {
    display: inline-flex;
    gap: 0.12rem;
    align-items: center;
    line-height: 1;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__five-stars-star {
    font-size: 1.05rem;
    color: var(--uno-lms-course-reviews--star-empty);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__five-stars-star--filled {
    color: var(--uno-lms-course-reviews--star-filled);
    text-shadow: 0 0 0.04em rgba(225, 153, 12, 0.35);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-value--stars {
    display: flex;
    align-items: center;
    min-height: 1.35rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-value--stars .uno-lms-course-reviews__five-stars-star {
    font-size: 1.2rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__body {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__body > :first-child {
    margin-top: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__body > :last-child {
    margin-bottom: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__empty {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__load-more {
    align-self: flex-start;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__toolbar {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-placeholder {
    margin: 0;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
    font-size: 0.95rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, #d0d7de);
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    background: var(--uno-lms-course-reviews--card-bg);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews--summary-empty .uno-lms-course-reviews__summary-grid {
    opacity: 0.55;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-item {
    margin: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-term {
    margin: 0 0 0.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--wp--custom--uno-lms--text--muted, #525960);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__summary-value {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__trigger.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.45rem 0.95rem;
    cursor: pointer;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__trigger.wp-element-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog {
    border: none;
    padding: 0;
    max-width: min(100vw - 2rem, 34rem);
    width: 100%;
    border-radius: var(
        --wp--style--global--border--radius,
        var(--wp--preset--radius--medium, var(--wp--custom--uno-lms--surface--radius, 8px))
    );
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog::backdrop {
    background: rgba(15, 23, 42, 0.35);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-panel {
    padding: 1.5rem;
    background: var(--uno-lms-course-reviews--card-bg);
    border-radius: inherit;
    color: var(--wp--preset--color--contrast, #1e1e1e);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-title {
    margin: 0;
    font-size: 1.15rem;
    flex: 1;
}

/* Match course-player-lessons search toggle: square control, transparent fill, accent focus ring. */
.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close {
    flex-shrink: 0;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    inline-size: 2rem;
    block-size: 2rem;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(
        --uno-lms-course-player-lessons-button-radius,
        var(--wp--style--global--border--radius, var(--wp--preset--radius--medium, 8px))
    );
    background: transparent;
    color: inherit;
    cursor: pointer;
    outline: 0;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close:focus-visible {
    border-color: var(--wp--custom--uno-lms--focus--ring-color, var(--wp--preset--color--accent, #3858e9));
    background: color-mix(in srgb, currentColor 5%, transparent);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close:hover {
    background: color-mix(in srgb, currentColor 4%, transparent);
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close-icon {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close-icon .uno-lms-badge__icon svg {
    inline-size: 20px;
    block-size: 20px;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-close-fallback {
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 400;
}

.wp-block-uno-lms-course-tabs .uno-lms-course-reviews__dialog-body {
    box-sizing: border-box;
    max-height: min(82vh, 40rem);
    overflow: auto;
    scrollbar-gutter: stable;
    padding-bottom: 1.5rem;
    padding-inline: 0.15rem;
}