/**
 * 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;
}

/* ── Article Intro Section ── */
.article-intro {
    background: antiquewhite !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;
}

/* Course card duration: fix color and layout of ساعات/دقائق */
.tutor-meta-value.tutor-color-secondary {
    color: inherit !important;
}

.info-item p {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
    white-space: nowrap !important;
}

/* Tutor LMS icons: restore icon font (global styles.css overrides *::before with IBM Plex Sans 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;
}

/* --- Override Tutor CSS variables INSIDE the sidebar (icons use these) --- */
.tutor-course-spotlight-sidebar,
.tutor-course-topics-sidebar,
.tutor-lesson-sidebar,
.tutor-course-single-sidebar-wrapper,
.tutor-spotlight-sidebar,
div[class*="course-spotlight-sidebar"],
div[class*="topics-sidebar"] {
    --tutor-color-black: #c8cfe0 !important;
    --tutor-color-text: #c8cfe0 !important;
    --tutor-color-text-primary: #c8cfe0 !important;
    --tutor-color-text-secondary: #8893b0 !important;
    --tutor-color-text-hints: #8893b0 !important;
    --tutor-color-secondary: #8893b0 !important;
    --tutor-color-muted: #8893b0 !important;
    --tutor-icon-color: #8893b0 !important;
    --tutor-color-design-system-dark: #c8cfe0 !important;
    --color-text-primary: #c8cfe0 !important;
    --color-text-secondary: #8893b0 !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: #8893b0 !important;
}

/* SVG icons with hardcoded fill (Tutor LMS v2+) */
.tutor-course-topic-item .tutor-lesson-icon svg,
.tutor-course-topic-item .tutor-lesson-icon svg path,
.tutor-course-topic-item .tutor-lesson-icon svg rect,
.tutor-course-topic-item .tutor-lesson-icon svg circle,
.tutor-course-lesson .tutor-lesson-icon svg,
.tutor-course-lesson .tutor-lesson-icon svg path,
.tutor-course-topic-lesson-list li .tutor-lesson-icon svg,
.tutor-course-topic-lesson-list li .tutor-lesson-icon svg path,
.tutor-course-topic-lesson-list li .tutor-lesson-icon svg rect,
.tutor-course-topic-lesson-list li .tutor-lesson-icon svg circle,
.tutor-lesson-list li .tutor-lesson-icon svg,
.tutor-lesson-list li .tutor-lesson-icon svg path,
.tutor-lesson-list li .tutor-lesson-icon svg rect,
.tutor-lesson-list li .tutor-lesson-icon svg circle {
    fill: #8893b0 !important;
    stroke: none !important;
}

/* Any standalone SVG icon in the sidebar that's not a lesson icon */
.tutor-course-topics-sidebar svg:not(.tutor-star-rating svg):not(.tutor-form-check-input svg),
.tutor-course-spotlight-sidebar svg:not(.tutor-star-rating svg):not(.tutor-form-check-input svg),
.tutor-lesson-sidebar svg:not(.tutor-star-rating svg):not(.tutor-form-check-input svg) {
    fill: #8893b0 !important;
    color: #8893b0 !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;
}

.tutor-course-topic-item:hover .tutor-lesson-icon svg,
.tutor-course-topic-item:hover .tutor-lesson-icon svg path,
.tutor-course-topic-item.is-active .tutor-lesson-icon svg,
.tutor-course-topic-item.is-active .tutor-lesson-icon svg path,
.tutor-course-topic-lesson-list li:hover .tutor-lesson-icon svg,
.tutor-course-topic-lesson-list li:hover .tutor-lesson-icon svg path,
.tutor-course-topic-lesson-list li.is-active .tutor-lesson-icon svg,
.tutor-course-topic-lesson-list li.is-active .tutor-lesson-icon svg path,
.tutor-lesson-list li:hover .tutor-lesson-icon svg,
.tutor-lesson-list li:hover .tutor-lesson-icon svg path,
.tutor-lesson-list li.is-active .tutor-lesson-icon svg,
.tutor-lesson-list li.is-active .tutor-lesson-icon svg path {
    fill: #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;
}

/* ==========================================================================
   SINGLE BLOG POST - DARK THEME (fallback layer — footer inject is primary)
   ========================================================================== */

/* Promo bar should NEVER be touched by single-post dark mode */
body.single-post #learnsimply-promo-bar,
body.single-post .learnsimply-promo-banner,
body.single-post .learnsimply-promo-banner *,
body.single-post .learnsimply-promo-banner-inner,
body.single-post .learnsimply-promo-banner-inner * {
    all: revert !important;
}
body.single-post pre code {
    background-color: #1b2133 !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ── 15. Blockquote ─────────────────────────────────────────────────────── */
body.single-post blockquote {
    background-color: #111827 !important;
    border-color: #4077f3 !important;
    color: #c0c8de !important;
}

/* Hide HoliThemes Click to Chat plugin button (duplicate WhatsApp icon) */
#ht-ctc-chat,
.ht-ctc-chat {
    display: none !important;
}

/* 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;
}/* ==========================================================================
   AUTHOR / ARCHIVE / BLOG - DARK THEME FIXES
   ========================================================================== */

/* Author page sidebar widgets */
body.archive .widget-area .widget,
body.blog .widget-area .widget {
    background-color: #1b2133 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2) !important;
    border-radius: 15px !important;
    padding: 30px !important;
}

body.archive .widget-area .widget-title,
body.blog .widget-area .widget-title {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.archive .widget-area .widget ul li a,
body.blog .widget-area .widget ul li a,
body.archive .widget-area .widget .media-body .entry-title a,
body.blog .widget-area .widget .media-body .entry-title a {
    color: #e2e6f0 !important;
}

body.archive .widget-area .widget ul li a:hover,
body.blog .widget-area .widget ul li a:hover,
body.archive .widget-area .widget .media-body .entry-title a:hover,
body.blog .widget-area .widget .media-body .entry-title a:hover {
    color: #4077f3 !important;
}

body.archive .widget-area .widget .post-meta-date,
body.blog .widget-area .widget .post-meta-date {
    color: #999eb2 !important;
}

body.archive .edublink-search-box input[type="search"],
body.blog .edublink-search-box input[type="search"] {
    background-color: #141924 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
}

body.archive .edublink-search-box .search-button,
body.blog .edublink-search-box .search-button {
    color: #ffffff !important;
    background-color: transparent !important;
}

body.archive .edublink-search-box .search-button:hover,
body.blog .edublink-search-box .search-button:hover {
    color: #4077f3 !important;
}

/* Author page article cards */
body.archive .edu-blog .inner,
body.blog .edu-blog .inner {
    background-color: #1b2133 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 15px !important;
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2) !important;
}

body.archive .edu-blog .content {
    background-color: transparent !important;
}

body.archive .edu-blog .content .title a,
body.blog .edu-blog .content .title a {
    color: #ffffff !important;
}

body.archive .edu-blog .content .title a:hover,
body.blog .edu-blog .content .title a:hover {
    color: #4077f3 !important;
}

body.archive .edu-blog .content .blog-meta li,
body.blog .edu-blog .content .blog-meta li {
    color: #999eb2 !important;
}

body.archive .edu-blog .content .card-bottom p,
body.blog .edu-blog .content .card-bottom p {
    color: #c8cfe0 !important;
}

body.archive .edu-blog .read-more-button .edu-btn,
body.blog .edu-blog .read-more-button .edu-btn {
    border-color: #4077f3 !important;
    color: #4077f3 !important;
    background-color: transparent !important;
}

body.archive .edu-blog .read-more-button .edu-btn:hover,
body.blog .edu-blog .read-more-button .edu-btn:hover {
    background-color: #4077f3 !important;
    color: #ffffff !important;
}

/* User asked for top spacing, no background on widget wrapper, and gap between widgets */

body.archive .edublink-post-archive-wrapper,
body.blog .edublink-post-archive-wrapper,
body.archive #secondary.widget-area,
body.blog #secondary.widget-area {
    margin-top: 50px !important;
}

body.archive .eb-sidebar-widget,
body.blog .eb-sidebar-widget,
body.archive .eb-sidebar-widget .widget-area-wrapper,
body.blog .eb-sidebar-widget .widget-area-wrapper {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

body.archive .widget-area .widget,
body.blog .widget-area .widget {
    margin-bottom: 30px !important;
}


/* Fix for broken icon fonts due to IBM Plex global override */
i[class^="icon-"], i[class*=" icon-"],
i[class^="icon-"]::before, i[class*=" icon-"]::before {
    font-family: 'edublink', 'icomoon', 'FontAwesome', 'tutor' !important;
}


/* Hide the promotion banner widget at the bottom of the sidebar */
body.archive .eb-sidebar-widget .widget:last-child,
body.blog .eb-sidebar-widget .widget:last-child {
    display: none !important;
}


/* Fix text color for badges and category counts on author/blog pages */

/* Article card badge/category */
body.archive .edu-blog .edublink-post-cat a,
body.blog .edu-blog .edublink-post-cat a {
    color: #ffffff !important;
}

/* Category widget list items and counts */
body.archive .widget_categories ul li,
body.blog .widget_categories ul li,
body.archive .widget_categories ul li a,
body.blog .widget_categories ul li a {
    color: #ffffff !important;
}


/* Reverse order of category name and count in sidebar */
body.archive .widget_categories ul li,
body.blog .widget_categories ul li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: right !important;
    width: 100% !important;
    direction: rtl !important;
}


/* Increase gap between icons and text in meta areas */
body.archive .edu-blog .blog-meta li i,
body.blog .edu-blog .blog-meta li i,
body.archive .edublink-recent-post-widget .post-icon,
body.blog .edublink-recent-post-widget .post-icon {
    margin-left: 8px !important;
}

/* Also ensure flex gap if they use flex */
body.archive .edu-blog .blog-meta li,
body.blog .edu-blog .blog-meta li,
body.archive .post-meta,
body.blog .post-meta {
    gap: 8px !important;
}

/* ==========================================================================
   HERO SECTION - MOBILE RESPONSIVENESS OVERRIDES
   ========================================================================== */

/* Optimization for the blue card and its title on mobile devices */
@media (max-width: 480px) {
    .hero-wrapper .blue-card {
        padding: 25px 20px !important;
        min-height: auto !important;
        gap: 15px !important;
        margin-inline: 15px !important;
    }
    
    .hero-wrapper .blue-card-content {
        gap: 10px !important;
        align-items: center !important; /* Centering for better balance on mobile */
        width: 100% !important;
    }

    .hero-wrapper .blue-card-content .card-title {
        font-size: 24px !important; /* Significantly reduced to prevent excessive wrapping */
        line-height: 1.4 !important;
        text-align: center !important;
        margin-bottom: 5px !important;
        letter-spacing: normal !important;
    }

    .hero-wrapper .blue-card-content .stars-icon {
        width: 150px !important;
        margin-inline: auto !important;
        margin-bottom: 10px !important;
    }

    .hero-wrapper .blue-card-content .buttons {
        margin-top: 15px !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .hero-wrapper .blue-card-content .buttons .button-dark,
    .hero-wrapper .blue-card-content .buttons .button-light {
        padding: 10px 15px !important;
        height: 42px !important;
    }
}

/* Further reduction for very small screens */
@media (max-width: 380px) {
    .hero-wrapper .blue-card-content .card-title {
        font-size: 20px !important;
    }
    
    .hero-wrapper .blue-card-content .stars-icon {
        width: 120px !important;
    }

    .hero-wrapper .blue-card-content .buttons {
        gap: 8px !important;
    }
}

/* ==========================================================================
   CERTIFICATE SECTION - MOBILE RESPONSIVENESS OVERRIDES
   ========================================================================== */

/* Optimization for the certificate section title to fix overlapping text on mobile */
@media (max-width: 480px) {
    .learnsimply-certificate-title {
        font-size: 32px !important;
        line-height: 1.4 !important; /* Fixed overlapping by increasing line-height */
        letter-spacing: normal !important;
        margin-bottom: 20px !important;
        text-align: center !important; /* Centered for a cleaner mobile layout */
        word-break: break-word !important;
    }
    
    .learnsimply-certificate-description {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }

    .learnsimply-certificate-cta-button {
        margin-inline: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 320px !important;
        text-align: center !important;
    }

    .learnsimply-certificate-features {
        margin-top: 30px !important;
    }
}

/* Further reduction for very small screens */
@media (max-width: 380px) {
    .learnsimply-certificate-title {
        font-size: 26px !important;
    }
}