/**
 * Global Custom Override CSS
 * 
 * This file is loaded last on all pages and can override any CSS.
 * Add your custom CSS rules here to modify any element on any page.
 * 
 * This file loads with highest priority (after all other stylesheets),
 * so your rules will take precedence.
 */

/* ========================================
   Add your custom CSS rules below
   ======================================== */

/* Example:
   .some-class {
       color: red !important;
   }
*/

.coupon-col-end {
    background: transparent !important;
    /* removed blue accent which conflicted with button styling */
    border-end-end-radius: 30px !important;
}

#promo-bar {
    background: red !important;
}

.tutor-course-spotlight-nav {
    background-color: #0a0f1a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body {
    background-color: #0a0f1a !important;
}

/* tutor-login-wrap background now handled by signup/style.css */

/* Review "عرض المزيد" button - same style as show-more */
.show-more-review {
    background: none;
    border: none;
    padding: 0;
    color: #4077f3;
    cursor: pointer;
    font: inherit;
    text-decoration: underline;
}

.show-more-review:hover {
    color: #5a8cff;
}

.review-text-content.expanded {
    white-space: pre-wrap;
}

/* Tutor LMS icons: restore icon font (global styles.css overrides *::before with Graphik Arabic) */
[class^="tutor-icon-"],
[class*=" tutor-icon-"],
[class^="tutor-icon-"]::before,
[class*=" tutor-icon-"]::before {
    font-family: tutor !important;
}

/* ==========================================================================
   TUTOR LMS SINGLE LESSON - DARK MODE (SIDEBAR + CONTENT)
   Covers all known Tutor LMS class variants (Spotlight, v2, v3, etc.)
   ========================================================================== */

/* --- Override Tutor LMS CSS Custom Properties (Theming Variables) --- */
:root {
    --tutor-color-design-system-light: #141924 !important;
    --tutor-color-background-primary: #141924 !important;
    --tutor-color-background-secondary: #1b2133 !important;
    --tutor-sidebar-bg: #141924 !important;
    --tutor-sidebar-bg-color: #141924 !important;
    --tutor-color-surface: #1b2133 !important;
    --tutor-color-surface-2: #232d45 !important;
}

/* --- Broad attribute-based overrides (highest compatibility) --- */
/* These match ANY element whose class contains "sidebar" */
div[class*="course-spotlight-sidebar"],
div[class*="lesson-sidebar"],
div[class*="single-sidebar"],
div[class*="topics-sidebar"],
aside[class*="sidebar"] {
    background-color: #141924 !important;
    color: #999eb2 !important;
}

/* Sidebar cells in the Tutor LMS spotlight Vue layout */
div[class*="course-spotlight"]>div[class*="sidebar"],
div[class*="spotlight"] div[class*="sidebar-wrap"],
div[class*="spotlight"] div[class*="sidebar-inner"],
div[class*="spotlight"] div[class*="sidebar-content"] {
    background-color: #141924 !important;
    color: #999eb2 !important;
}

/* Topic/module accordion headers */
div[class*="topic-title"],
div[class*="topic-header"],
div[class*="accordion"][class*="header"],
button[class*="topic-title"],
span[class*="topic-title"] {
    background-color: #1b2133 !important;
    color: #e2e6f0 !important;
}

/* Individual lesson rows / links */
div[class*="topic-item"] a,
div[class*="course-lesson"] a,
li[class*="topic-item"] a,
li[class*="course-lesson"] a {
    background-color: transparent !important;
    color: #999eb2 !important;
}

/* --- Overall page wrappers --- */
.tutor-course-spotlight-wrapper,
.tutor-single-lesson-wrap {
    background-color: #0a0f1a !important;
}

/* --- SIDEBAR CONTAINER (all known variants) --- */
.tutor-course-spotlight-sidebar,
.tutor-lesson-sidebar,
.tutor-course-single-sidebar-wrapper,
.tutor-course-topics-sidebar,
.tutor-spotlight-sidebar {
    background-color: #141924 !important;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #999eb2 !important;
}

/* --- Sidebar "Course Content" title bar --- */
.tutor-course-single-sidebar-title,
.tutor-spotlight-sidebar-title,
.tutor-course-topics-sidebar-title,
.tutor-course-spotlight-sidebar>.tutor-course-title {
    color: #ffffff !important;
    background-color: #1b2133 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Any heading inside the sidebar */
.tutor-course-spotlight-sidebar h1,
.tutor-course-spotlight-sidebar h2,
.tutor-course-spotlight-sidebar h3,
.tutor-course-spotlight-sidebar h4,
.tutor-lesson-sidebar h1,
.tutor-lesson-sidebar h2,
.tutor-lesson-sidebar h3,
.tutor-lesson-sidebar h4,
.tutor-course-single-sidebar-wrapper h1,
.tutor-course-single-sidebar-wrapper h2,
.tutor-course-single-sidebar-wrapper h3,
.tutor-course-single-sidebar-wrapper h4,
.tutor-course-topics-sidebar h1,
.tutor-course-topics-sidebar h2,
.tutor-course-topics-sidebar h3,
.tutor-course-topics-sidebar h4 {
    color: #ffffff !important;
}

/* --- TOPIC / MODULE HEADER (the accordion rows like "الوحدة الأولى") --- */
.tutor-course-topic-title,
.tutor-lesson-topic-title,
.tutor-course-topics-header,
.tutor-accordion-item-header,
.tutor-course-topic-header {
    color: #e2e6f0 !important;
    background-color: #1b2133 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.tutor-course-topic-title:hover,
.tutor-lesson-topic-title:hover,
.tutor-accordion-item-header:hover,
.tutor-course-topic-header:hover {
    background-color: #232d45 !important;
}

/* Topic container */
.tutor-course-topic,
.tutor-lesson-topic,
.tutor-accordion-item {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Accordion body / lesson list container */
.tutor-accordion-item-body,
.tutor-course-topic-content {
    background-color: #141924 !important;
}

/* --- LESSON ITEMS --- */
.tutor-course-topic-item,
.tutor-course-lesson,
.tutor-course-topic-lesson-list li {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* Lesson item links / anchors */
.tutor-course-topic-item a,
.tutor-course-lesson a,
.tutor-course-topic-lesson-list li a,
.tutor-lesson-list li a,
.tutor-course-spotlight-sidebar .tutor-course-topic-lesson-list li a,
.tutor-lesson-sidebar .tutor-lesson-list li a {
    color: #999eb2 !important;
    background-color: transparent !important;
    transition: all 0.25s ease;
}

/* Lesson item title text */
.tutor-course-topic-item-title,
.tutor-course-lesson-title {
    color: #999eb2 !important;
}

/* Lesson item durations / meta */
.tutor-course-topic-item-duration,
.tutor-course-lesson-duration {
    color: #6b7394 !important;
}

/* Hover & active states for lesson items */
.tutor-course-topic-item:hover,
.tutor-course-topic-item.is-active,
.tutor-course-lesson:hover,
.tutor-course-lesson.is-active,
.tutor-course-topic-lesson-list li:hover,
.tutor-course-topic-lesson-list li.is-active,
.tutor-lesson-list li:hover,
.tutor-lesson-list li.is-active {
    background-color: rgba(64, 119, 243, 0.12) !important;
    border-radius: 6px;
}

.tutor-course-topic-item:hover .tutor-course-topic-item-title,
.tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.tutor-course-topic-item:hover a,
.tutor-course-topic-item.is-active a,
.tutor-course-lesson:hover a,
.tutor-course-lesson.is-active a,
.tutor-course-topic-lesson-list li:hover a,
.tutor-course-topic-lesson-list li.is-active a,
.tutor-lesson-list li:hover a,
.tutor-lesson-list li.is-active a {
    color: #ffffff !important;
}

/* --- ICONS inside sidebar --- */
.tutor-course-topic-item .tutor-lesson-icon,
.tutor-course-lesson .tutor-lesson-icon,
.tutor-course-topic-lesson-list li .tutor-lesson-icon,
.tutor-lesson-list li .tutor-lesson-icon {
    color: #6b7394 !important;
}

.tutor-course-topic-item:hover .tutor-lesson-icon,
.tutor-course-topic-item.is-active .tutor-lesson-icon,
.tutor-course-topic-lesson-list li:hover .tutor-lesson-icon,
.tutor-course-topic-lesson-list li.is-active .tutor-lesson-icon,
.tutor-lesson-list li:hover .tutor-lesson-icon,
.tutor-lesson-list li.is-active .tutor-lesson-icon {
    color: #4077f3 !important;
}

/* Chevron / angle icons in topic headers */
.tutor-course-topic-title .tutor-icon-angle-up,
.tutor-course-topic-title .tutor-icon-angle-down,
.tutor-accordion-item-header .tutor-icon-angle-up,
.tutor-accordion-item-header .tutor-icon-angle-down,
.tutor-course-spotlight-sidebar .tutor-icon-angle-up,
.tutor-course-spotlight-sidebar .tutor-icon-angle-down,
.tutor-lesson-sidebar .tutor-icon-angle-up,
.tutor-lesson-sidebar .tutor-icon-angle-down,
.tutor-course-single-sidebar-wrapper .tutor-icon-angle-up,
.tutor-course-single-sidebar-wrapper .tutor-icon-angle-down {
    color: #8893b0 !important;
}

/* Checkbox / circle completion icons */
.tutor-form-check-input,
.tutor-form-check-circle {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background-color: transparent !important;
}

/* --- TOP HEADER BAR (course title + nav) --- */
.tutor-course-spotlight-nav,
.tutor-course-spotlight-header {
    background-color: #0e1422 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.tutor-course-spotlight-header .tutor-course-spotlight-title,
.tutor-course-spotlight-nav .tutor-spotlight-title {
    color: #ffffff !important;
}

.tutor-course-spotlight-header a,
.tutor-course-spotlight-nav a {
    color: #999eb2 !important;
}

.tutor-course-spotlight-header a:hover,
.tutor-course-spotlight-nav a:hover {
    color: #4077f3 !important;
}

/* --- LESSON CONTENT AREA --- */
.tutor-course-spotlight-content,
.tutor-lesson-content,
.tutor-lesson-content-area {
    background-color: #0a0f1a !important;
}

.tutor-lesson-content-header {
    background-color: #0e1422 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Content headings and strong text */
.tutor-course-spotlight-content h1,
.tutor-course-spotlight-content h2,
.tutor-course-spotlight-content h3,
.tutor-course-spotlight-content h4,
.tutor-course-spotlight-content h5,
.tutor-course-spotlight-content h6,
.tutor-course-spotlight-content strong,
.tutor-lesson-content h1,
.tutor-lesson-content h2,
.tutor-lesson-content h3,
.tutor-lesson-content h4,
.tutor-lesson-content h5,
.tutor-lesson-content h6,
.tutor-lesson-content strong,
.tutor-lesson-content-area .tutor-color-black,
.tutor-lesson-content-area .tutor-fs-5,
.tutor-lesson-content-area .tutor-fs-6,
.tutor-lesson-content-area .tutor-fw-medium,
.tutor-lesson-content-area strong,
.tutor-lesson-content-area h1,
.tutor-lesson-content-area h2,
.tutor-lesson-content-area h3,
.tutor-lesson-content-area h4,
.tutor-lesson-content-area h5,
.tutor-lesson-content-area h6 {
    color: #ffffff !important;
}

/* Content body text (make lighter for better contrast) */
.tutor-course-spotlight-content p,
.tutor-course-spotlight-content li,
.tutor-course-spotlight-content span:not([class^="tutor-icon-"]):not(.tutor-nav-link),
.tutor-course-spotlight-content div:not([class]),
.tutor-lesson-content p,
.tutor-lesson-content li,
.tutor-lesson-content span:not([class^="tutor-icon-"]):not(.tutor-nav-link),
.tutor-lesson-content div:not([class]),
.tutor-lesson-content-area p,
.tutor-lesson-content-area li,
.tutor-lesson-content-area span:not([class^="tutor-icon-"]):not(.tutor-nav-link),
.tutor-lesson-content-area div:not([class]) {
    color: #e2e6f0 !important;
}

/* Buttons in content */
.tutor-course-spotlight-content .tutor-btn,
.tutor-course-spotlight-content .tutor-btn *,
.tutor-lesson-content .tutor-btn,
.tutor-lesson-content .tutor-btn * {
    color: #ffffff !important;
}

/* General tutor area text fallback */
.tutor-wrap {
    color: #e2e6f0;
}

/* --- TABS (Overview / Q&A) --- */
.tutor-tabs-btn-group a,
.tutor-lesson-tabs a,
.tutor-nav-link {
    color: #999eb2 !important;
}

.tutor-tabs-btn-group a.active,
.tutor-lesson-tabs a.active,
.tutor-nav-link.is-active,
.tutor-nav-link:hover {
    color: #ffffff !important;
    border-bottom-color: #4077f3 !important;
}

/* --- Mobile toggle button --- */
.tutor-spotlight-mobile-menu button,
.tutor-course-topics-sidebar-toggler {
    color: #ffffff !important;
    background-color: #1b2133 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.elementor-heading-title {
    color: #ffffff !important;
}

/* --- Overview Tab Content --- */
.tutor-lesson-content-area .elementor-widget-container,
.tutor-lesson-content-area .elementor-widget-container p,
.tutor-lesson-content-area .elementor-widget-container span,
.tutor-lesson-content-area .elementor-widget-container div,
#tutor-lesson-tab-overview .elementor-widget-container,
#tutor-lesson-tab-overview .elementor-widget-container p,
#tutor-lesson-tab-overview .elementor-widget-container span,
#tutor-lesson-tab-overview .elementor-widget-container div {
    color: #afb1b9 !important;
}

.tutor-lesson-content-area .elementor-widget-container strong,
.tutor-lesson-content-area .elementor-widget-container strong *,
.tutor-lesson-content-area .elementor-widget-container b,
.tutor-lesson-content-area .elementor-widget-container b *,
#tutor-lesson-tab-overview .elementor-widget-container strong,
#tutor-lesson-tab-overview .elementor-widget-container strong *,
#tutor-lesson-tab-overview .elementor-widget-container b,
#tutor-lesson-tab-overview .elementor-widget-container b * {
    color: #ffffff !important;
}

.tutor-course-topic-single-body * {
    color: white;
}

/* Page: كتب-برمجية (ID: 28021) -> Make all text white */
.page-id-28021,
.page-id-28021 *,
.page-id-28021 p,
.page-id-28021 span,
.page-id-28021 h1,
.page-id-28021 h2,
.page-id-28021 h3,
.page-id-28021 h4,
.page-id-28021 h5,
.page-id-28021 h6,
.page-id-28021 a,
.page-id-28021 div,
.page-id-28021 .elementor-widget-text-editor {
    color: #ffffff !important;
}

/* Exception for WooCommerce Sorting Filter */
.page-id-28021 .woocommerce-ordering select,
.page-id-28021 .woocommerce-ordering select *,
.page-id-28021 select.orderby,
.page-id-28021 select.orderby * {
    color: #000000 !important;
}

/* Homepage Card Images Border Radius */
#courses .elementor-widget-image img,
#courses .tutor-course-thumbnail img,
#courses .elementor-post__thumbnail img,
#courses .wp-post-image,
#books .elementor-widget-image img,
#books .tutor-course-thumbnail img,
#books .elementor-post__thumbnail img,
#books .wp-post-image,
#articles .elementor-widget-image img,
#articles .tutor-course-thumbnail img,
#articles .elementor-post__thumbnail img,
#articles .wp-post-image {
    border-radius: 15px !important;
}

#courses .elementor-widget-image,
#courses .tutor-course-thumbnail,
#courses .elementor-post__thumbnail__link,
#books .elementor-widget-image,
#books .tutor-course-thumbnail,
#books .elementor-post__thumbnail__link,
#articles .elementor-widget-image,
#articles .tutor-course-thumbnail,
#articles .elementor-post__thumbnail__link {
    border-radius: 15px !important;
    overflow: hidden !important;
}

.course-image {
    border-radius: 15px !important;
}