/*
 * LearnDash branding overrides — Akila theme
 * Applied only when LearnDash is active.
 */

/* ============================================================
   SHARED / GLOBAL
   ============================================================ */
.learndash-wrapper,
#learndash-course-content,
.ld-course-list-items,
.ld-item-list,
.ld-lesson-page-wrapper,
.ld-quiz-page-wrapper {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.ld-button,
.learndash_mark_complete_button,
.btn-join,
#btn-join,
.ld-quiz-submit-button,
.ld-course-status-content .ld-button,
.wp-course-start-button,
.ld-expand-button {
    background: #7B2535 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 9999px !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600 !important;
    padding: .65rem 1.75rem !important;
    cursor: pointer !important;
    transition: background .3s ease !important;
}

.ld-button:hover,
.learndash_mark_complete_button:hover,
.btn-join:hover,
#btn-join:hover,
.ld-quiz-submit-button:hover,
.wp-course-start-button:hover {
    background: #561829 !important;
}

/* ============================================================
   PROGRESS BAR
   ============================================================ */
.ld-progress-bar-percentage,
.ld-progress-fill {
    background: #C4952A !important;
}

.ld-progress-heading .ld-progress-percentage {
    color: #C4952A !important;
    font-weight: 700 !important;
}

/* ============================================================
   LESSON / TOPIC LIST
   ============================================================ */
.ld-item-list-item .ld-item-name,
.ld-lesson-item-section-heading span,
.ld-topic-title,
.ld-lesson-title {
    font-family: 'Cairo', sans-serif !important;
    color: #2C1810 !important;
}

.ld-lesson-item-section-heading span {
    color: #C4952A !important;
    font-size: .8rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.ld-item-list-item:hover {
    background: #FDFAF5 !important;
}

.ld-item-list-item.ld-is-current-item {
    border-right: 3px solid #7B2535 !important;
    background: rgba(123,37,53,.04) !important;
}

/* ============================================================
   COMPLETION STATUS ICONS
   ============================================================ */
.ld-status-icon.ld-status-complete,
.ld-lesson-status.theme-ld-complete::before,
.ld-quiz-status.theme-ld-complete::before {
    color: #C4952A !important;
    fill: #C4952A !important;
}

/* ============================================================
   COURSE NAVIGATION SIDEBAR
   ============================================================ */
.ld-course-navigation-heading {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 800 !important;
    color: #7B2535 !important;
}

.ld-course-navigation {
    border-radius: 16px !important;
    border: 1px solid rgba(196,149,42,.15) !important;
    overflow: hidden !important;
    box-shadow: 0 2px 16px rgba(44,24,16,.07) !important;
}

/* ============================================================
   ALERTS & NOTICES
   ============================================================ */
.ld-alert,
.ld-alert-success,
.ld-alert-warning {
    border-radius: 8px !important;
    font-family: 'Cairo', sans-serif !important;
}

.ld-alert-success { border-color: #C4952A !important; }

/* ============================================================
   QUIZ SPECIFIC
   ============================================================ */
.ld-quiz-actions,
.ld-quiz-meta {
    font-family: 'Cairo', sans-serif !important;
}

.ld-choice-bubble.ld-is-selected,
.ld-choice-row input:checked + .ld-choice-bubble {
    border-color: #7B2535 !important;
    color: #7B2535 !important;
}

/* ============================================================
   COURSE SINGLE PAGE HERO AREA
   ============================================================ */
.ld-course-status {
    border-radius: 16px !important;
    font-family: 'Cairo', sans-serif !important;
}

.ld-breadcrumbs,
.ld-breadcrumbs a {
    font-family: 'Cairo', sans-serif !important;
    font-size: .85rem !important;
    color: #6B4F43 !important;
}

.ld-breadcrumbs a:hover { color: #7B2535 !important; }

/* ============================================================
   LESSON CONTENT SPACING
   ============================================================ */

/* Lesson/topic content wrapper — breathable padding */
.post-type-sfwd-lessons .entry-content,
.post-type-sfwd-topic .entry-content,
.single-sfwd-lessons .entry-content,
.single-sfwd-topic .entry-content,
.learndash-wrapper .ld-lesson-topic-content,
.ld-lesson-page-wrapper .entry-content {
    padding: 2.5rem 0 3rem !important;
}

/* Headings inside lesson content */
.post-type-sfwd-lessons .entry-content h1,
.post-type-sfwd-lessons .entry-content h2,
.post-type-sfwd-lessons .entry-content h3,
.post-type-sfwd-lessons .entry-content h4,
.post-type-sfwd-topic .entry-content h1,
.post-type-sfwd-topic .entry-content h2,
.post-type-sfwd-topic .entry-content h3,
.post-type-sfwd-topic .entry-content h4,
.single-sfwd-lessons .entry-content h1,
.single-sfwd-lessons .entry-content h2,
.single-sfwd-lessons .entry-content h3,
.single-sfwd-topic .entry-content h2,
.single-sfwd-topic .entry-content h3,
.learndash-wrapper .ld-lesson-topic-content h1,
.learndash-wrapper .ld-lesson-topic-content h2,
.learndash-wrapper .ld-lesson-topic-content h3 {
    font-family: 'Cairo', sans-serif !important;
    margin-top: 3.5rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.4 !important;
}

/* First heading — no extra top space */
.post-type-sfwd-lessons .entry-content > h1:first-child,
.post-type-sfwd-lessons .entry-content > h2:first-child,
.post-type-sfwd-topic .entry-content > h1:first-child,
.post-type-sfwd-topic .entry-content > h2:first-child,
.single-sfwd-lessons .entry-content > h2:first-child,
.single-sfwd-topic .entry-content > h2:first-child,
.learndash-wrapper .ld-lesson-topic-content > h2:first-child {
    margin-top: 0 !important;
}

/* Audio players — full width, rounded, with generous bottom gap */
.post-type-sfwd-lessons .entry-content audio,
.post-type-sfwd-topic .entry-content audio,
.single-sfwd-lessons .entry-content audio,
.single-sfwd-topic .entry-content audio,
.learndash-wrapper audio,
.ld-lesson-page-wrapper audio {
    display: block !important;
    width: 100% !important;
    margin-top: 0.75rem !important;
    margin-bottom: 3rem !important;
    border-radius: 9999px !important;
    outline: none !important;
}

/* Dividers between sections */
.post-type-sfwd-lessons .entry-content hr,
.post-type-sfwd-topic .entry-content hr,
.single-sfwd-lessons .entry-content hr,
.single-sfwd-topic .entry-content hr,
.learndash-wrapper .ld-lesson-topic-content hr {
    border: none !important;
    border-top: 1px solid rgba(196,149,42,.2) !important;
    margin: 3rem 0 !important;
}

/* Mark Complete / navigation area */
.ld-lesson-navigation,
#learndash_mark_complete_button_wrapper,
.learndash_mark_complete_button {
    border-top: 1px solid rgba(196,149,42,.15) !important;
}

/* ============================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================ */
@media (max-width: 768px) {
    .ld-course-navigation {
        margin-bottom: 2rem !important;
    }

    .ld-button,
    .learndash_mark_complete_button {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
}