/*==================================================
SINGLE COURSE
Voice of Mohan University
==================================================*/

/*==================================================
1. PAGE LAYOUT
==================================================*/

/* Overall Page Background */
body.single-course,
body.post-type-archive-courses,
.masteriyo-single-course-page{
    background: #F5F7FB;
}

/* Main Course Container */
.masteriyo-single-course--wrapper{
    background: #FFFFFF;
    border: 1px solid #E8EDF5;
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    padding: 35px;
    margin: 40px auto;
}

/* Main Content Area */
.masteriyo-main-content-area{
    padding-right: 35px;
}

/* Right Sidebar */
.masteriyo-right-sidebar-area{
    padding-left: 35px;
}

/* Remove unnecessary spacing */
.masteriyo-single-course--wrapper *{
    box-sizing: border-box;
}

/* Better spacing between sections */
.masteriyo-main-content-area > *{
    margin-bottom: 30px;
}

/* Sidebar Cards */
.masteriyo-right-sidebar-area > *{
    margin-bottom: 25px;
}

/* Images Responsive */
.masteriyo-single-course--wrapper img{
    max-width: 100%;
    height: auto;
    display: block;
}

/* Smooth Transitions */
.masteriyo-single-course--wrapper *,
.masteriyo-main-content-area *,
.masteriyo-right-sidebar-area *{
    transition: all .25s ease;
}

/*==================================================
2. HERO SECTION
==================================================*/

/* Hero Container */
.masteriyo-course--content{
    background: #FFFFFF;
    border: 1px solid #EEF2F7;
    border-radius: 20px;
    padding: 25px;
}

/* Course Thumbnail */
.masteriyo-course--img-wrap{
    overflow: hidden;
    border-radius: 18px;
    margin-bottom: 25px;
}

.masteriyo-course--img-wrap img{
    border-radius: 18px;
    transition: transform .35s ease;
}

.masteriyo-course--img-wrap:hover img{
    transform: scale(1.02);
}

/* Course Title */
.masteriyo-single-course--title{
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
    color: #0F172A;
    margin: 0 0 18px;
}

/* Short Description */
.masteriyo-course-description{
    font-size: 16px;
    line-height: 1.8;
    color: #64748B;
    margin-bottom: 24px;
}

/* Author Section */
.masteriyo-course-author{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
}

.masteriyo-course-author img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #E2E8F0;
}

.masteriyo-course-author-name{
    font-size: 15px;
    font-weight: 600;
    color: #334155;
}

/* Meta Information */
.masteriyo-course-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.masteriyo-course-meta > *{
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 14px;
    color: #475569;
    font-weight: 500;
}

/*==================================================
3. RIGHT SIDEBAR
==================================================*/

/* Sidebar Wrapper */
.masteriyo-right-sidebar-area .masteriyo-single-course--aside{
    background:#FFFFFF;
    border:1px solid #E7ECF3;
    border-radius:20px;
    padding:28px;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    position:sticky;
    top:30px;
}

/* Space Between Sidebar Sections */
.masteriyo-right-sidebar-area .masteriyo-course-progress,
.masteriyo-right-sidebar-area .masteriyo-course-expiration,
.masteriyo-right-sidebar-area .masteriyo-course-information{
    margin-bottom:28px;
    padding-bottom:24px;
    border-bottom:1px solid #EEF2F6;
}

.masteriyo-right-sidebar-area .masteriyo-course-information:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

/* Sidebar Headings */
.masteriyo-right-sidebar-area h3,
.masteriyo-right-sidebar-area h4{
    font-size:18px;
    font-weight:700;
    color:#0F172A;
    margin-bottom:18px;
}

/* Sidebar Labels */
.masteriyo-right-sidebar-area label,
.masteriyo-right-sidebar-area small{
    color:#64748B;
    font-size:13px;
}

/* Sidebar Values */
.masteriyo-right-sidebar-area strong,
.masteriyo-right-sidebar-area span{
    color:#1E293B;
}

/* Info Rows */
.masteriyo-right-sidebar-area li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
    border-bottom:1px dashed #EDF2F7;
    font-size:15px;
}

.masteriyo-right-sidebar-area li:last-child{
    border-bottom:none;
}

/* Icons */
.masteriyo-right-sidebar-area svg{
    color:#4584FF;
}

/* Hover Effect */
.masteriyo-right-sidebar-area .masteriyo-course-information li:hover{
    padding-left:6px;
}

/*==================================================
3. RIGHT SIDEBAR
==================================================*/

/* Sidebar Wrapper */
.masteriyo-right-sidebar-area .masteriyo-single-course--aside{
    background:#FFFFFF;
    border:1px solid #E7ECF3;
    border-radius:20px;
    padding:28px;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    position:sticky;
    top:30px;
}

/* Space Between Sidebar Sections */
.masteriyo-right-sidebar-area .masteriyo-course-progress,
.masteriyo-right-sidebar-area .masteriyo-course-expiration,
.masteriyo-right-sidebar-area .masteriyo-course-information{
    margin-bottom:28px;
    padding-bottom:24px;
    border-bottom:1px solid #EEF2F6;
}

.masteriyo-right-sidebar-area .masteriyo-course-information:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

/* Sidebar Headings */
.masteriyo-right-sidebar-area h3,
.masteriyo-right-sidebar-area h4{
    font-size:18px;
    font-weight:700;
    color:#0F172A;
    margin-bottom:18px;
}

/* Sidebar Labels */
.masteriyo-right-sidebar-area label,
.masteriyo-right-sidebar-area small{
    color:#64748B;
    font-size:13px;
}

/* Sidebar Values */
.masteriyo-right-sidebar-area strong,
.masteriyo-right-sidebar-area span{
    color:#1E293B;
}

/* Info Rows */
.masteriyo-right-sidebar-area li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
    border-bottom:1px dashed #EDF2F7;
    font-size:15px;
}

.masteriyo-right-sidebar-area li:last-child{
    border-bottom:none;
}

/* Icons */
.masteriyo-right-sidebar-area svg{
    color:#4584FF;
}

/* Hover Effect */
.masteriyo-right-sidebar-area .masteriyo-course-information li:hover{
    padding-left:6px;
}

/*==================================================
5. COURSE TABS
==================================================*/

/* Tabs Container */
.masteriyo-course-curriculum-tabs,
.masteriyo-tabs{
    margin:30px 0;
    border-bottom:1px solid #E8EDF5;
    padding-bottom:15px;
}

/* Tab List */
.masteriyo-course-curriculum-tabs ul,
.masteriyo-tabs ul{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

/* Tab Item */
.masteriyo-course-curriculum-tabs li,
.masteriyo-tabs li{
    margin:0;
}

/* Tab Button */
.masteriyo-course-curriculum-tabs a,
.masteriyo-course-curriculum-tabs button,
.masteriyo-tabs a,
.masteriyo-tabs button{
    display:inline-block;
    padding:12px 22px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    color:#475569;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:all .25s ease;
}

/* Hover */
.masteriyo-course-curriculum-tabs a:hover,
.masteriyo-course-curriculum-tabs button:hover,
.masteriyo-tabs a:hover,
.masteriyo-tabs button:hover{
    background:#EEF5FF;
    border-color:#2563EB;
    color:#2563EB;
}

/* Active Tab */
.masteriyo-course-curriculum-tabs .active,
.masteriyo-course-curriculum-tabs .is-active,
.masteriyo-tabs .active,
.masteriyo-tabs .is-active{
    background:#2563EB;
    color:#FFFFFF;
    border-color:#2563EB;
}

/*==================================================
6. CURRICULUM
==================================================*/

/* Curriculum Wrapper */
.masteriyo-course-curriculum,
.masteriyo-course-content{
    margin-top:25px;
}

/* Accordion Section */
.masteriyo-course-curriculum .masteriyo-section,
.masteriyo-course-content .masteriyo-section{
    background:#FFFFFF;
    border:1px solid #E5EAF1;
    border-radius:18px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(15,23,42,.04);
}

/* Module Header */
.masteriyo-course-curriculum .masteriyo-section-header,
.masteriyo-course-content .masteriyo-section-header{
    background:#F8FAFC;
    padding:18px 24px;
    font-size:18px;
    font-weight:700;
    color:#0F172A;
    cursor:pointer;
    transition:.25s;
}

.masteriyo-course-curriculum .masteriyo-section-header:hover,
.masteriyo-course-content .masteriyo-section-header:hover{
    background:#EEF5FF;
}

/* Lesson List */
.masteriyo-course-curriculum ul,
.masteriyo-course-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

/* Lesson Row */
.masteriyo-course-curriculum li,
.masteriyo-course-content li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 24px;
    border-top:1px solid #EEF2F6;
    transition:.25s;
}

/* Hover */
.masteriyo-course-curriculum li:hover,
.masteriyo-course-content li:hover{
    background:#FAFBFD;
}

/* Lesson Title */
.masteriyo-course-curriculum li a,
.masteriyo-course-content li a{
    text-decoration:none;
    color:#334155;
    font-size:15px;
    font-weight:500;
}

/* Active Lesson */
.masteriyo-course-curriculum li.active,
.masteriyo-course-content li.active{
    background:#EEF5FF;
}

/* Completed Lesson */
.masteriyo-course-curriculum li.completed,
.masteriyo-course-content li.completed{
    background:#F0FDF4;
}

/* Duration */
.masteriyo-course-curriculum .lesson-duration,
.masteriyo-course-content .lesson-duration{
    font-size:13px;
    color:#64748B;
}

/*==================================================
7. CURRICULUM (Voice of Mohan)
==================================================*/

/* Curriculum Container */
.masteriyo-course--accordion{
    margin-top:30px;
}

/* Module Card */
.masteriyo-stab--citems{
    background:#FFFFFF;
    border:1px solid #E6ECF3;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
    transition:.25s ease;
}

.masteriyo-stab--citems:hover{
    box-shadow:0 14px 32px rgba(15,23,42,.08);
}

/*==================================================
MODULE HEADER
==================================================*/

.masteriyo-cheader{
    background:#F8FAFC;
    padding:22px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:.25s;
}

.masteriyo-cheader:hover{
    background:#EEF5FF;
}

.masteriyo-ctitle{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#0F172A;
}

.masteriyo-clessons{
    display:inline-block;
    background:#E8F1FF;
    color:#2563EB;
    padding:6px 14px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
}

.masteriyo-cplus,
.masteriyo-cminus{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#FFFFFF;
    border:1px solid #E2E8F0;
}

.masteriyo-cplus svg,
.masteriyo-cminus svg{
    width:18px;
    height:18px;
}

/*==================================================
8. LESSON LIST
==================================================*/

.masteriyo-lesson-list{
    margin:0;
    padding:0;
    list-style:none;
}

.masteriyo-lesson-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 24px;
    border-top:1px solid #EEF2F7;
    transition:.25s ease;
    background:#FFFFFF;
}

.masteriyo-lesson-item:hover{
    background:#FAFCFF;
}

/* Lesson Icon */

.masteriyo-lesson-item svg:first-child{
    width:22px;
    height:22px;
    flex-shrink:0;
    color:#64748B;
}

/* Lesson Link */

.masteriyo-lesson-item a{
    flex:1;
    text-decoration:none;
    color:#334155;
    font-size:15px;
    font-weight:500;
    line-height:1.5;
}

.masteriyo-lesson-item:hover a{
    color:#2563EB;
}

/* Lesson Status */

.masteriyo-list__item--content--accordion{
    flex-shrink:0;
}

/* Completed */

.masteriyo-lesson-status-completed{
    background:#F0FDF4;
}

.masteriyo-lesson-status-completed svg:first-child{
    color:#16A34A;
}

/* Current Lesson */

.masteriyo-lesson-status-in-progress{
    background:#EFF6FF;
}

.masteriyo-lesson-status-in-progress svg:first-child{
    color:#2563EB;
}

/* Locked */

.masteriyo-lesson-status-locked{
    opacity:.65;
}
/*==================================================
9. SHORT INFO
==================================================*/

.masteriyo-stab--shortinfo{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
    padding:0 6px;
}

.masteriyo-shortinfo-wrap{
    display:flex;
    gap:14px;
    padding:0;
    margin:0;
    list-style:none;
}

.masteriyo-shortinfo-wrap li{
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    border-radius:40px;
    padding:8px 14px;
    font-size:13px;
    color:#475569;
    font-weight:600;
}

.masteriyo-expand-collapse-all{
    color:#2563EB;
    font-weight:600;
    cursor:pointer;
}

.masteriyo-expand-collapse-all:hover{
    text-decoration:underline;
}

/*==================================================
10. COURSE OVERVIEW
==================================================*/

.course-overview,
.masteriyo-course-overview{
    background:#FFFFFF;
    border:1px solid #E6ECF3;
    border-radius:20px;
    padding:35px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
    margin-top:30px;
}

.course-overview h2,
.course-overview h3,
.masteriyo-course-overview h2,
.masteriyo-course-overview h3{
    color:#0F172A;
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.course-overview h4,
.masteriyo-course-overview h4{
    color:#1E293B;
    font-size:22px;
    margin:30px 0 15px;
}
.tab-content.course-overview,
.tab-content.course-overview p{
    text-align: justify !important;
}

.course-overview p,
.masteriyo-course-overview p{
    color:#475569;
    font-size:16px;
    line-height:1.9;
    margin-bottom:18px;
}

.course-overview ul,
.masteriyo-course-overview ul{
    margin:20px 0;
    padding-left:22px;
}

.course-overview li,
.masteriyo-course-overview li{
    margin-bottom:12px;
    color:#475569;
    line-height:1.8;
}

/*==================================================
11. REVIEWS
==================================================*/

.course-reviews,
.masteriyo-course-reviews{
    background:#FFFFFF;
    border:1px solid #E6ECF3;
    border-radius:20px;
    padding:35px;
    margin-top:30px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.course-reviews h2,
.masteriyo-course-reviews h2{
    font-size:28px;
    color:#0F172A;
    margin-bottom:25px;
}

.masteriyo-review{
    border-bottom:1px solid #EEF2F6;
    padding:24px 0;
}

.masteriyo-review:last-child{
    border-bottom:none;
}

.masteriyo-review-author{
    font-weight:700;
    color:#1E293B;
    margin-bottom:8px;
}

.masteriyo-review-content{
    color:#475569;
    line-height:1.8;
}

.masteriyo-review-rating{
    color:#F59E0B;
    margin-bottom:10px;
}
/*==================================================
12. BUTTONS
==================================================*/

.masteriyo-btn,
.masteriyo-btn-primary,
.masteriyo button,
.masteriyo input[type="submit"]{

    background:#2563EB;
    color:#FFFFFF;
    border:none;
    border-radius:14px;
    padding:14px 28px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.3s ease;
}

.masteriyo-btn:hover,
.masteriyo-btn-primary:hover,
.masteriyo button:hover,
.masteriyo input[type="submit"]:hover{

    background:#1D4ED8;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(37,99,235,.25);
}
/*==================================================
13. PREMIUM ANIMATIONS
==================================================*/

.masteriyo-single-course--wrapper *{
    transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.masteriyo-course--img-wrap{
    overflow:hidden;
}

.masteriyo-course--img-wrap img{
    transition:transform .4s ease;
}

.masteriyo-course--img-wrap:hover img{
    transform:scale(1.03);
}
/*==================================================
14. MOBILE
==================================================*/

@media (max-width:991px){

.masteriyo-single-course--wrapper{
    padding:25px;
    border-radius:18px;
}

.masteriyo-main-content-area{
    padding-right:0;
}

.masteriyo-right-sidebar-area{
    padding-left:0;
    margin-top:30px;
}

.masteriyo-course-title,
.masteriyo-single-course--title{
    font-size:30px;
}

.masteriyo-cheader{
    padding:18px;
}

.masteriyo-lesson-item{
    padding:16px 18px;
}

.course-overview,
.masteriyo-course-overview,
.course-reviews,
.masteriyo-course-reviews{
    padding:25px;
}

}

@media (max-width:767px){

.masteriyo-single-course--wrapper{
    padding:18px;
    margin:20px auto;
}

.masteriyo-course-title,
.masteriyo-single-course--title{
    font-size:26px;
    line-height:1.35;
}

.masteriyo-cheader{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

.masteriyo-clessons{
    margin-top:8px;
}

.masteriyo-lesson-item{
    flex-wrap:wrap;
    gap:10px;
}

.masteriyo-lesson-item a{
    width:100%;
}

.masteriyo-btn,
.masteriyo-btn-primary{
    width:100%;
    text-align:center;
}

.course-overview,
.masteriyo-course-overview,
.course-reviews,
.masteriyo-course-reviews{
    padding:20px;
}

}
.masteriyo-clessons{
    background:#EEF5FF !important;
    color:#2563EB !important;
    border:1px solid #CFE0FF;
    border-radius:999px;
    padding:8px 16px;
    font-size:13px !important;
    font-weight:600;
    letter-spacing:.2px;
}
.masteriyo-single-course--main__content
.tab-content.course-curriculum
.masteriyo-stab--citems
.masteriyo-cbody
.masteriyo-lesson-list
.masteriyo-lesson-item
a{

    color:#1E293B !important;
    font-weight:500;
}