/* ==================================================
   SINGLE COURSE
   ================================================== */

   .nihao-single-course {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.nihao-single-course__article {
    width: 100%;
    /* padding: 22px 0 72px; */
    padding: 24px 0 0 !important;
}


/* ==================================================
   BREADCRUMB
   ================================================== */
.nihao-course-breadcrumb {
    box-sizing: border-box;
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto 24px;
    color: #515155;
    font-size: clamp(12px, 1.5vw, 14px);
    line-height: 20px;
    font-weight: 400;
}

.nihao-course-breadcrumb__list {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.nihao-course-breadcrumb__list li {
    margin: 0;
    padding: 0;
}

.nihao-course-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.nihao-course-breadcrumb a:hover,
.nihao-course-breadcrumb a:focus-visible {
    color: var(--theme-palette-color-1, #e88900);
}

.nihao-course-breadcrumb__separator {
    color: #77767b;
}

.nihao-course-breadcrumb__current {
    color: #3e3d42;
}


/* ==================================================
   GUTENBERG CONTENT
   ================================================== */

.nihao-single-course__builder-content {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/*
 * Block bình thường:
 * Paragraph, Heading, List...
 */
.nihao-single-course__builder-content > :not(.alignwide):not(.alignfull) {
    box-sizing: border-box;
    width: min(900px, calc(100% - 32px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

/*
 * Block chọn Align Wide trong Gutenberg.
 */
.nihao-single-course__builder-content > .alignwide {
    box-sizing: border-box;
    width: min(1240px, calc(100% - 32px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

/*
 * Block chọn Align Full trong Gutenberg.
 */
.nihao-single-course__builder-content > .alignfull {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
}

/*
 * Ảnh không vượt quá container.
 */
.nihao-single-course__builder-content img {
    max-width: 100%;
    height: auto;
}

/*
 * Tránh khoảng trắng thừa đầu và cuối nội dung.
 */
.nihao-single-course__builder-content > :first-child {
    margin-top: 0;
}

.nihao-single-course__builder-content > :last-child {
    margin-bottom: 0;
}


/* ==================================================
   GROUP / COVER FULL WIDTH
   ================================================== */

.nihao-single-course__builder-content > .wp-block-group.alignfull,
.nihao-single-course__builder-content > .wp-block-cover.alignfull {
    width: 100%;
    max-width: none;
}

.nihao-single-course__builder-content
.wp-block-group.alignfull
> .wp-block-group__inner-container {
    box-sizing: border-box;
}

/* ==================================================
   tablet
   ================================================== */

@media (max-width: 1024px) {
    .nihao-course-breadcrumb {
        width: calc(100% - 48px);
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }
}

/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 600px) {
    .nihao-single-course__article {
        padding-top: 14px;
        padding-bottom: 48px;
    }

    .nihao-course-breadcrumb {
        width: calc(100% - 48px);
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }

    .nihao-course-breadcrumb__list {
        gap: 6px;
    }

    .nihao-single-course__builder-content
    > :not(.alignwide):not(.alignfull),
    .nihao-single-course__builder-content > .alignwide {
        width: calc(100% - 28px);
    }
}