/* Naje7 modern single-course refinements. Scoped to LearnPress course pages only. */
body.single-lp_course.naje7-single-course-modern .course-summary,
body.single-lp_course.naje7-single-course-modern .course-content,
body.single-lp_course.naje7-single-course-modern .thim-course-content {
    --n7-course-blue:#0b63d8;
    --n7-course-text:#202733;
    --n7-course-muted:#6d788a;
    --n7-course-line:#e3eaf3;
    --n7-course-soft:#f6f9fd;
}

/* Keep the course visual prominent without letting it dominate the first screen. */
body.single-lp_course.naje7-single-course-modern .course-thumbnail,
body.single-lp_course.naje7-single-course-modern .course-featured-image,
body.single-lp_course.naje7-single-course-modern .thim-course-content .course-thumbnail,
body.single-lp_course.naje7-single-course-modern .course-summary .course-thumbnail {
    overflow:hidden;
    border-radius:18px;
    margin-bottom:24px!important;
    background:#eef4fb;
}
body.single-lp_course.naje7-single-course-modern .course-thumbnail img,
body.single-lp_course.naje7-single-course-modern .course-featured-image img,
body.single-lp_course.naje7-single-course-modern .thim-course-content .course-thumbnail img,
body.single-lp_course.naje7-single-course-modern .course-summary .course-thumbnail img {
    display:block;
    width:100%!important;
    height:380px!important;
    max-height:380px!important;
    object-fit:cover!important;
    object-position:center 24%;
}

/* Make the top metadata feel like the same Naje7 UI used by course and branch cards. */
body.single-lp_course.naje7-single-course-modern .course-meta-single,
body.single-lp_course.naje7-single-course-modern .course-meta,
body.single-lp_course.naje7-single-course-modern .course-meta-info,
body.single-lp_course.naje7-single-course-modern .course-info-top {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 14px;
}
body.single-lp_course.naje7-single-course-modern .course-meta-single {
    width:fit-content;
    max-width:100%;
    margin-top:12px!important;
    padding:10px 12px!important;
    border:1px solid var(--n7-course-line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 24px rgba(32,51,77,.045);
}
body.single-lp_course.naje7-single-course-modern .course-meta-single > *,
body.single-lp_course.naje7-single-course-modern .course-meta > *,
body.single-lp_course.naje7-single-course-modern .course-meta-info > *,
body.single-lp_course.naje7-single-course-modern .course-info-top > * {
    margin:0!important;
}
body.single-lp_course.naje7-single-course-modern .course-meta-single > * {
    padding:0 10px;
    min-width:0;
}
body.single-lp_course.naje7-single-course-modern .course-meta-single > * + * {
    border-inline-start:1px solid #edf1f5;
}
body.single-lp_course.naje7-single-course-modern .course-meta .value,
body.single-lp_course.naje7-single-course-modern .course-meta strong,
body.single-lp_course.naje7-single-course-modern .course-meta a,
body.single-lp_course.naje7-single-course-modern .course-meta-single a {
    line-height:1.45;
}
body.single-lp_course.naje7-single-course-modern .course-meta .course-author,
body.single-lp_course.naje7-single-course-modern .course-meta .course-category,
body.single-lp_course.naje7-single-course-modern .course-meta .course-review,
body.single-lp_course.naje7-single-course-modern .course-meta .course-reviews {
    min-width:0;
}

/* Teacher identity: compact avatar + text, matching the course cards. */
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-author img,
body.single-lp_course.naje7-single-course-modern .course-meta-single .author-contain img,
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-instructor img {
    width:36px!important;
    height:36px!important;
    min-width:36px;
    border-radius:50%!important;
    object-fit:cover;
}

/* Branch/category: a soft clickable pill like /courses/. */
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-category a,
body.single-lp_course.naje7-single-course-modern .course-meta .course-category a,
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-categories a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:6px 11px!important;
    border:1px solid #cbd9ea;
    border-radius:999px;
    background:#f4f8fd;
    color:#435167!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-category a:hover,
body.single-lp_course.naje7-single-course-modern .course-meta .course-category a:hover,
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-categories a:hover {
    border-color:#a9c5e8;
    background:#eaf3ff;
    color:var(--n7-course-blue)!important;
}

/* Progress stays compact rather than looking like a separate theme component. */
body.single-lp_course.naje7-single-course-modern .course-meta-single > .info-learning,
body.single-lp_course.naje7-single-course-modern .course-meta-single > .course-results-progress {
    min-width:185px;
    max-width:240px!important;
    margin-inline-start:0!important;
    padding-inline:12px!important;
}
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-results-progress .items-progress__heading,
body.single-lp_course.naje7-single-course-modern .course-meta-single .course-results-progress .course-progress__heading {
    color:#8893a3;
    font-size:11px;
}

/* Empty stars read like a poor rating. Hide only the top meta review block when there are no reviews. */
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta .course-review,
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta .course-reviews,
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta .review-stars-rated,
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta .review-stars,
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta-single .course-review,
body.single-lp_course.naje7-single-course-modern.naje7-course-no-reviews .course-meta-single .course-reviews {
    display:none!important;
}

/* Pull the learning path closer to the top and soften the default theme chrome. */
body.single-lp_course.naje7-single-course-modern .course-tabs,
body.single-lp_course.naje7-single-course-modern .learn-press-nav-tabs,
body.single-lp_course.naje7-single-course-modern .course-nav-tabs {
    margin-top:18px!important;
}
body.single-lp_course.naje7-single-course-modern .course-tab-panels,
body.single-lp_course.naje7-single-course-modern .course-tab-panel,
body.single-lp_course.naje7-single-course-modern .course-curriculum {
    scroll-margin-top:110px;
}
body.single-lp_course.naje7-single-course-modern .course-tab-panel-curriculum,
body.single-lp_course.naje7-single-course-modern .lp-course-curriculum {
    margin-top:10px;
}



/* Naje7 unified course hero: title, teacher, branch and progress live in one visual frame. */
body.single-lp_course.naje7-single-course-modern .n7sc-legacy-course-hero-hidden {
    display:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero {
    --n7hero-blue:#0863d8;
    --n7hero-text:#202733;
    --n7hero-muted:#6d788a;
    --n7hero-line:#dfe8f3;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    grid-template-areas:"media content";
    width:100%;
    min-height:330px;
    margin:16px 0 28px;
    overflow:hidden;
    border:1px solid var(--n7hero-line);
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%);
    box-shadow:0 10px 34px rgba(32,51,77,.055);
    direction:ltr;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__content {
    grid-area:content;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:42px 42px 38px;
    direction:rtl;
    text-align:right;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__title {
    margin:0 0 22px!important;
    color:var(--n7hero-text)!important;
    font-size:clamp(34px,4vw,52px)!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:-.02em;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__meta {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__teacher {
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:inherit!important;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__teacher img {
    width:44px!important;
    height:44px!important;
    min-width:44px;
    border:2px solid #fff;
    border-radius:50%!important;
    object-fit:cover;
    box-shadow:0 2px 10px rgba(32,51,77,.11);
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__teacher span {
    display:flex;
    flex-direction:column;
    min-width:0;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__teacher small {
    margin-bottom:2px;
    color:#99a4b4;
    font-size:11px;
    line-height:1.15;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__teacher strong {
    overflow:hidden;
    color:#4c596c;
    font-size:14px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__branch {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:7px 13px;
    border:1px solid #cbd9ea;
    border-radius:999px;
    background:#f4f8fd;
    color:#435167!important;
    font-size:12px;
    font-weight:850;
    text-decoration:none!important;
    white-space:nowrap;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__branch:hover {
    border-color:#a9c5e8;
    background:#eaf3ff;
    color:var(--n7hero-blue)!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot {
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid #e8eef5;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot--empty {
    display:none;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot .info-learning,
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot .course-results-progress,
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-item {
    flex:1 1 180px;
    min-width:0;
    max-width:260px;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot .items-progress__heading,
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot .course-progress__heading {
    color:#8c97a7;
    font-size:11px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media {
    grid-area:media;
    position:relative;
    min-height:330px;
    overflow:hidden;
    background:#edf3f9;
    direction:rtl;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media img,
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__placeholder {
    display:block;
    width:100%!important;
    height:100%!important;
    min-height:330px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media img {
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 24%;
}
body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__placeholder {
    background:linear-gradient(135deg,#e8f1fb,#f8fbff);
}

@media (max-width:1024px) {
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero {
        min-height:300px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__content {
        padding:32px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media,
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media img,
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__placeholder {
        min-height:300px;
    }
}

@media (max-width:767px) {
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero {
        grid-template-columns:1fr;
        grid-template-areas:"content" "media";
        margin-top:10px;
        border-radius:17px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__content {
        padding:26px 22px 22px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__title {
        margin-bottom:17px!important;
        font-size:32px!important;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__meta {
        gap:9px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__progress-slot {
        margin-top:18px;
        padding-top:14px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media,
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media img,
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__placeholder {
        min-height:230px;
        max-height:260px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-course-hero__media img {
        object-position:center 22%;
    }
}

/* Replace Eduma's legacy recommendation grid with Naje7 course cards. */
.n7sc-legacy-related-hidden { display:none!important; }
body.single-lp_course.naje7-single-course-modern .n7sc-related-modern {
    --n7sc-blue:#0863d8;
    --n7sc-text:#202733;
    --n7sc-muted:#6d788a;
    --n7sc-border:#e3eaf3;
    width:100%;
    margin:42px 0 14px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-modern__head {
    margin-bottom:18px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-modern__head span {
    display:inline-flex;
    align-items:center;
    min-height:27px;
    margin-bottom:7px;
    padding:4px 10px;
    border-radius:999px;
    background:#e8f2ff;
    color:var(--n7sc-blue);
    font-size:11px;
    font-weight:800;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-modern__head h2 {
    margin:0;
    color:var(--n7sc-text);
    font-size:28px;
    font-weight:900;
    line-height:1.3;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card {
    min-width:0;
    overflow:hidden;
    border:1px solid var(--n7sc-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 26px rgba(32,51,77,.06);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card:hover {
    transform:translateY(-3px);
    border-color:#d3e1f2;
    box-shadow:0 14px 34px rgba(32,51,77,.10);
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__media {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#edf3f9;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__media img,
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__placeholder {
    display:block;
    width:100%!important;
    height:100%!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__media img {
    max-width:none!important;
    object-fit:cover;
    transition:transform .3s ease;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card:hover .n7sc-related-card__media img {
    transform:scale(1.025);
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__placeholder {
    background:linear-gradient(135deg,#edf4fb,#f9fbfd);
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__body {
    padding:16px 17px 17px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__title {
    display:block;
    margin-bottom:13px;
    color:var(--n7sc-text)!important;
    font-size:17px;
    font-weight:900;
    line-height:1.4;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:38px;
    margin-bottom:13px;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__teacher {
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#687386!important;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__teacher img {
    width:34px!important;
    height:34px!important;
    min-width:34px;
    border-radius:50%;
    object-fit:cover;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__teacher span {
    display:flex;
    flex-direction:column;
    min-width:0;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__teacher small {
    color:#9aa4b3;
    font-size:10px;
    line-height:1.2;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__teacher strong {
    overflow:hidden;
    color:#536074;
    font-size:12px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__branch {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:32px;
    padding:6px 9px;
    border:1px solid #cbd9ea;
    border-radius:999px;
    background:#f4f8fd;
    color:#435167!important;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    text-decoration:none!important;
}
body.single-lp_course.naje7-single-course-modern .n7sc-related-card__action {
    display:inline-flex;
    padding-top:12px;
    border-top:1px solid #edf1f5;
    color:var(--n7sc-blue)!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
}

@media (max-width:1024px) {
    body.single-lp_course.naje7-single-course-modern .course-thumbnail img,
    body.single-lp_course.naje7-single-course-modern .course-featured-image img,
    body.single-lp_course.naje7-single-course-modern .thim-course-content .course-thumbnail img,
    body.single-lp_course.naje7-single-course-modern .course-summary .course-thumbnail img {
        height:320px!important;
        max-height:320px!important;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-related-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:767px) {
    body.single-lp_course.naje7-single-course-modern .course-thumbnail,
    body.single-lp_course.naje7-single-course-modern .course-featured-image,
    body.single-lp_course.naje7-single-course-modern .thim-course-content .course-thumbnail,
    body.single-lp_course.naje7-single-course-modern .course-summary .course-thumbnail {
        border-radius:14px;
        margin-bottom:16px!important;
    }
    body.single-lp_course.naje7-single-course-modern .course-thumbnail img,
    body.single-lp_course.naje7-single-course-modern .course-featured-image img,
    body.single-lp_course.naje7-single-course-modern .thim-course-content .course-thumbnail img,
    body.single-lp_course.naje7-single-course-modern .course-summary .course-thumbnail img {
        height:230px!important;
        max-height:230px!important;
        object-position:center 22%;
    }
    body.single-lp_course.naje7-single-course-modern .course-meta-single {
        width:100%;
        gap:8px;
        padding:10px!important;
    }
    body.single-lp_course.naje7-single-course-modern .course-meta-single > * {
        flex:1 1 auto;
        padding:0 8px;
    }
    body.single-lp_course.naje7-single-course-modern .course-meta-single > .info-learning,
    body.single-lp_course.naje7-single-course-modern .course-meta-single > .course-results-progress {
        flex-basis:100%;
        max-width:none!important;
        padding-top:9px!important;
        border-inline-start:0!important;
        border-top:1px solid #edf1f5;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-related-modern {
        margin-top:30px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-related-modern__head h2 {
        font-size:24px;
    }
    body.single-lp_course.naje7-single-course-modern .n7sc-related-grid {
        grid-template-columns:1fr;
        gap:14px;
    }
}