/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Author: CreativeThemes
Author URI: https://creativethemes.com
Template: blocksy
Version: 1.0.0
*/
@import url("../blocksy/style.css");

/* ================================================
   TUTOR LMS LESSON LAYOUT OVERRIDES
   Ryland English – Child Theme
   ================================================ */

/* --- 1. HIDE SIDEBAR WHEN TOGGLED OFF --- */
body.single-lesson .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
    display: none !important;
}

/* --- 2. EXPAND CONTENT TO FULL WIDTH --- */
body.single-lesson .tutor-course-single-content-wrapper {
    display: flex !important;
}

body.single-lesson #tutor-single-entry-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}

body.single-lesson .tutor-col-xl-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* --- 3. HIDE THE SITE HEADER AND FOOTER --- */
body.single-lesson .site-header,
body.single-lesson header,
body.single-lesson .site-footer,
body.single-lesson footer {
    display: none !important;
}

/* --- 4. STYLE THE TOP BAR --- */
body.single-lesson .tutor-course-topic-single-header {
    background-color: #282623 !important;
    color: #ffffff !important;
    border-bottom: 3px solid #88a550 !important;
}

body.single-lesson .tutor-course-topic-single-header-title {
    color: #fbcd4b !important;
    font-weight: 600 !important;
}

body.single-lesson .tutor-course-topic-single-header .tutor-iconic-btn {
    color: #ffffff !important;
}

body.single-lesson .tutor-course-topic-single-header .tutor-iconic-btn:hover {
    color: #fbcd4b !important;
}

/* --- 5. PREV/NEXT BAR - HIDDEN UNTIL HOVER --- */
body.single-lesson .tutor-course-topic-single-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #282623 !important;
    z-index: 999 !important;
    border-top: 3px solid #88a550 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 24px !important;
    transform: translateY(calc(100% - 8px)) !important;
    transition: transform 0.3s ease !important;
    box-shadow: 0 -2px 12px rgba(40,38,35,0.3) !important;
}

body.single-lesson .tutor-course-topic-single-footer:hover {
    transform: translateY(0%) !important;
}

/* Green tab that is always visible and part of the footer itself */
body.single-lesson .tutor-course-topic-single-footer::before {
    content: '▲  navigate  ▲' !important;
    position: absolute !important;
    top: -22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #88a550 !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    padding: 3px 12px !important;
    border-radius: 4px 4px 0 0 !important;
}

/* --- 6. STYLE THE PREV/NEXT BUTTONS --- */
body.single-lesson .tutor-course-topic-single-footer .tutor-btn-secondary {
    background-color: #88a550 !important;
    color: #ffffff !important;
    border-color: #88a550 !important;
    padding: 10px 24px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    letter-spacing: 0.02em !important;
}

body.single-lesson .tutor-course-topic-single-footer .tutor-btn-secondary:hover {
    background-color: #fbcd4b !important;
    border-color: #fbcd4b !important;
    color: #282623 !important;
}

body.single-lesson .tutor-course-topic-single-footer .tutor-btn-secondary[disabled] {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}


/* --- 7. MAKE IFRAMES FILL THE CONTENT WIDTH --- */
body.single-lesson #tutor-single-entry-content iframe {
    width: 100% !important;
    min-height: 520px !important;
    border: none !important;
    display: block !important;
}

/* --- 8. CONTENT READABILITY --- */
body.single-lesson .tutor-lesson-wrapper {
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    padding: 8px 16px 40px 16px !important;
}

body.single-lesson .tutor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.single-lesson .tutor-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.single-lesson .tutor-col-xl-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.single-lesson .tutor-justify-center {
    justify-content: flex-start !important;
}

/* --- 9. SIDEBAR TOGGLE BUTTON --- */
body.single-lesson .tutor-course-topics-sidebar-toggler {
    display: inline-flex !important;
    opacity: 1 !important;
    background: #88a550 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    border: none !important;
}

body.single-lesson .tutor-course-topics-sidebar-toggler:hover {
    background: #fbcd4b !important;
    color: #282623 !important;
}

/* --- 10. SIDEBAR STYLING WHEN OPEN --- */
body.single-lesson .tutor-course-single-sidebar-wrapper {
    border-right: 3px solid #88a550 !important;
}

body.single-lesson .tutor-course-single-sidebar-title {
    background-color: #282623 !important;
    color: #fbcd4b !important;
    padding: 12px 16px !important;
}

body.single-lesson .tutor-course-single-sidebar-title span {
    color: #fbcd4b !important;
}

body.single-lesson .tutor-accordion-item-header {
    border-bottom: 1px solid #a3a599 !important;
}

body.single-lesson .tutor-course-topic-item.is-active a {
    color: #88a550 !important;
    font-weight: 600 !important;
}

body.single-lesson .tutor-course-topic-item a:hover {
    color: #fbcd4b !important;
    background-color: #f9f7f0 !important;
}