/**

-- Table of Contents
---- 1.0 COURSE ARCHIVES
---- 2.0 SINGLE COURSE OVERVIEW
---- 3.0 SINGLE COURSE TEMPLATE
---- 4.0 MODAL

**/


/** 1.0 COURSE ARCHIVES **/

.lp-archive-courses {
    --lp-border-color: #151515;
    --lp-color-base: #AAA;
    --color-bg: black;
    --color-contrast: white;
    --color-contrast-2: #AAA;
    --color-brand-blue: rgb(30, 64, 175);
    --color-brand-blue-hex: #1E40AF;
    background-color: var(--color-bg);
}

.lp-archive-courses .course-meta .course-meta__pull-left .meta-item::before {
    color: var(--color-contrast);
}

.lp-courses-bar .search-courses button {
    color: var(--color-contrast);
}

.lp-archive-courses .course-summary-sidebar__inner > div,
.lp-archive-courses .course-summary-sidebar__inner .course-sidebar-preview {
    background-color: var(--color-bg) !important;
}

.course-summary-sidebar .lp-course-buttons button:hover {
    background-color: var(--color-bg) !important;
    border: solid 1px var(--color-brand-blue) !important;
}

.lp-courses-bar .courses-order-by {
    background-color: var(--color-bg);
    color: var(--color-contrast);
}

.lp-courses-bar {
    background-color: var(--color-bg);
}

.lp-courses-bar .switch-layout .switch-btn::before {
    color: var(--color-contrast);
}

.learn-press-courses .course-content .course-readmore a {
    color: var(--lp-color-base, var(--color-contrast));
}

.lp-archive-courses .learn-press-courses .course-content .course-readmore a:hover {
    background: var(--lp-primary-color, var(--color-contrast));
    color: var(--lp-color-white, var(--color-contrast));
    border-color: var(--color-brand-blue);
}

.lp-archive-courses .learn-press-courses .course-price .free {
    color: var(--color-contrast);
}

.learn-press-courses .course-content .course-info .course-price .free, 
.learn-press-courses .course-content .course-info .course-price .price {
    font-size: calc(var(--lp-font-size-base, 1em) * 0.85);
}

.learn-press-courses .course-content .course-wrap-meta .meta-item::before {
    color: var(--lp-color-white, var(--color-contrast));
}

/** 2.0 SINGLE COURSE OVERVIEW **/

.lp-single-course {
    --color-bg: black;
    --color-contrast: white;
}

.single-lp_course .lp-single-course {
    background-color: var(--color-bg);
}

.lp-single-course .lp-single-course__header {
    background-color: var(--color-bg);
    --color-brand-blue: rgb(30, 64, 175);
}

.lp-single-course .lp-single-course-main__right .lp-single-course-main__right__inner {
    background-color: var(--color-bg);
    border: 1px solid var(--color-brand-blue);
}

.lp-single-course .lp-single-course-main .info-metas .info-meta-item i {
    color: var(--color-contrast);
}

.lp-single-course .lp-single-course-main .course-price .course-item-price .free {
    color: var(--color-contrast);
}

.lp-course-curriculum .course-sections .course-section .course-section-header {
    background-color: var(--color-contrast-2);
    border: 1px solid var(--color-brand-blue);
}

.lp-course-curriculum .course-sections .course-section .course-item__left:hover {
    color: var(--color-contrast);
}

/** 3.0 SINGLE COURSE TEMPLATE **/

.single-lp_course {
    --lp-border-color: #151515;
    --lp-color-base: #AAA;
    --color-bg: black;
    --color-contrast: white;
    --color-contrast-2: #AAA;
    --color-brand-blue: rgb(30, 64, 175);
    --color-brand-blue-hex: #1E40AF;
    background-color: var(--color-bg);
}

.single-lp_course .lp-archive-courses .course-detail-info {
    background-color: var(--color-bg);
}

.single-lp_course .course-curriculum {
    background-color: var(--color-bg);
}

.lp-archive-courses #popup-course {
    background-color: var(--color-bg);
}

.lp-archive-courses #popup-header .course-title a:hover {
    color: var(--color-contrast);
}

.lp-archive-courses #popup-header {
    background-color: var(--color-bg);
    color: var(--color-contrast);
}

.lp-course-curriculum .course-sections .course-section .course-section-header {
    background-color: var(--color-bg);
    border: 1px solid var(--color-bg);
}

.lp-archive-courses #popup-sidebar .search-course input[name=s] {
    color: var(--color-contrast);
    background-color: var(--color-bg);
    border-radius: 0;
}

.lp-archive-courses .learn-press-nav-tabs li label {
    color: var(--color-contrast);
}

.lp-archive-courses .learn-press-nav-tabs li label:hover {
    color: var(--color-contrast);
}

.lp-archive-courses .learn-press-nav-tabs li.active label, 
.lp-archive-courses .learn-press-nav-tabs li:hover label {
    color: var(--color-contrast-2);
}

/** 4.0 MODAL **/

.lp-overlay {
     --lp-border-color: #151515;
    --lp-color-base: #AAA;
    --color-bg: black;
    --color-contrast: white;
    --color-contrast-2: #AAA;
    --color-brand-blue: rgb(30, 64, 175);
    --color-brand-blue-hex: #1E40AF;
    background-color: var(--color-bg);
}

.single-lp_course .lp-modal-dialog .lp-modal-header {
    background-color: var(--color-bg);
}

.learnpress-page .lp-modal-footer .lp-button.btn-yes, 
.learnpress-page .lp-modal-footer #lp-button.btn-yes {
    color: var(--color-contrast);
    background-color: var(--color-bg);
}

.learnpress-page .lp-modal-footer .lp-button, 
.learnpress-page .lp-modal-footer #lp-button {
    color: var(--color-bg);
}


/**
 * ARCWP LP Lesson System
 * Block: .lp-lesson
 * Scope: 720px Narrow Layout
 */

/* 1. The Layout Wrapper */
.lp-lesson {
  background-color: #000000;
  min-height: 100vh;
  /* Ensuring the background fills even on short lessons */
  display: flex;
  flex-direction: column;
}

/* 2. The Container (Enforcing the 720px) */
.lp-lesson__container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 4rem 1.25rem; /* 64px top/bottom, 20px sides */
}

/* 3. The Header Section */
.lp-lesson__header {
  margin-bottom: 4rem;
  text-align: left;
}

.lp-lesson__title {
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(2.5rem, 8vw, 4rem); /* Responsive size from 40px to 64px */
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

/* 4. The Body Section */
.lp-lesson__body {
  position: relative;
}

/**
 * Inner Content Block
 * Block: .articles
 * Targeted at raw HTML from the WP Editor
 */
.articles {
  font-family: "Geist", sans-serif;
  color: #cbd5e1; /* slate-300 */
  font-size: 1.125rem;
  line-height: 1.8;
}

/* Paragraph Spacing */
.articles p {
  margin-bottom: 1.75rem;
}

/* Heading Overrides for WordPress Editor */
.articles h2, 
.articles h3 {
  font-family: "Lexend Exa", sans-serif;
  color: #ffffff;
  font-weight: 900;
  line-height: 1.2;
}

.articles h2 {
  font-size: 2rem;
  margin-top: 5rem;
  margin-bottom: 1.5rem;
}

.articles h3 {
  font-size: 1.5rem;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
}

/* Lists */
.articles ul, 
.articles ol {
  margin-bottom: 2rem;
  padding-left: 1.5rem;
}

.articles li {
  margin-bottom: 0.75rem;
}

/* Media handling */
.articles img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 3.5rem 0;
  border: 1px solid #1e293b; /* slate-800 */
}

/* Links */
.articles a {
  color: #60a5fa; /* blue-400 */
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}

.articles a:hover {
  color: #93c5fd; /* blue-300 */
}

/* Code blocks (Teaching essential) */
.articles code {
  background: #1e293b;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.9em;
  color: #f8fafc;
}