/* 
 * Enhanced LearnPress Custom Styles for Mandalorian Mercs Theme
 * This version includes better targeting and integration
 */

/* Protect main site background */
body:not(.single-lp_course):not(.tax-course_category):not(.post-type-archive-lp_course) {
  background: #404040 !important;
  background-image: url("images/merc-drk-wall.jpg") !important;
}

/* LearnPress specific page styling */
.single-lp_course,
.post-type-archive-lp_course,
.tax-course_category {
  background: #404040 !important;
  background-image: url("images/merc-drk-wall.jpg") !important;
}

/* Course content area */
.learnpress-course-content,
.learnpress-archive-content {
  background: var(--lp-bg-medium, #595959) !important;
  color: var(--lp-text-light, #eeeeee) !important;
  font-family: 'Verdana', sans-serif !important;
}

/* Course featured image area */
.single-lp_course .featured-image {
  height: 400px;
  max-width: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  background-position: center center;
}

.single-lp_course .featured-image h2.page-title {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #222222;
  margin: 0;
  padding: 1.5rem 2rem;
  font-size: 3rem;
  width: 100%;
  color: #eeeeee;
}

/* Override LearnPress default colors with Mando theme colors */
:root {
  --lp-primary-color: #cbb32d !important;
  --lp-secondary-color: #841914 !important;
  --lp-bg-dark: #404040 !important;
  --lp-bg-darker: #222222 !important;
  --lp-bg-medium: #595959 !important;
  --lp-bg-light: #666666 !important;
  --lp-bg-lighter: #737373 !important;
  --lp-text-light: #eeeeee !important;
  --lp-text-medium: #ddd !important;
  --lp-border-color: #666666 !important;
  --lp-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) !important;
  --lp-border-radius: 5px !important;
}

/* All LearnPress content styling */
.learn-press-courses,
.lp-content-area .learn-press-courses,
.course-summary,
.course-curriculum,
.lp-course-curriculum,
.lp-archive-courses {
  background: var(--lp-bg-medium) !important;
  color: var(--lp-text-light) !important;
  font-family: 'Verdana', sans-serif !important;
}

/* Course cards in archive */
.learn-press-courses .course {
  background: var(--lp-bg-light) !important;
  border: 1px solid var(--lp-border-color) !important;
  border-radius: var(--lp-border-radius) !important;
  box-shadow: var(--lp-box-shadow) !important;
  margin-bottom: 2rem !important;
  transition: all 0.3s !important;
}

.learn-press-courses .course:hover {
  border-color: var(--lp-primary-color) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7) !important;
}

/* Course content styling */
.learn-press-courses .course-content {
  background: var(--lp-bg-light) !important;
  color: var(--lp-text-medium) !important;
  padding: 1.5rem !important;
}

/* Course titles and links */
.learn-press-courses .course-title,
.learn-press-courses .course-title a,
.course-title,
.course-title a,
.wap-course-title,
.wap-course-title a {
  color: var(--lp-text-light) !important;
  font-family: 'Verdana', sans-serif !important;
  text-decoration: none !important;
}

.learn-press-courses .course-title a:hover,
.course-title a:hover,
.wap-course-title a:hover {
  color: var(--lp-primary-color) !important;
}

/* Buttons - matching Mando theme button style */
.learn-press-courses .lp-button,
.course-summary .lp-button,
.lp-course-buttons .lp-button,
form.purchase-course button,
form.enroll-course button,
.course-buttons .lp-button,
#learn-press-checkout button,
.lp-button {
  background: var(--lp-primary-color) !important;
  border: 1px solid var(--lp-primary-color) !important;
  color: var(--lp-bg-darker) !important;
  padding: 1.2rem 2rem !important;
  font-family: 'Verdana', sans-serif !important;
  font-weight: 500 !important;
  border-radius: var(--lp-border-radius) !important;
  box-shadow: var(--lp-box-shadow) !important;
  transition: all 0.25s !important;
  text-transform: capitalize !important;
}

.learn-press-courses .lp-button:hover,
.course-summary .lp-button:hover,
.lp-course-buttons .lp-button:hover,
form.purchase-course button:hover,
form.enroll-course button:hover,
.lp-button:hover {
  background: var(--lp-text-light) !important;
  border-color: var(--lp-text-light) !important;
  color: var(--lp-bg-darker) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7) !important;
}

/* Course archive bar */
.lp-courses-bar {
  background: var(--lp-bg-darker) !important;
  padding: 1.5rem 2rem !important;
  border-radius: var(--lp-border-radius) !important;
  box-shadow: var(--lp-box-shadow) !important;
  margin-bottom: 2rem !important;
  border: 1px solid var(--lp-border-color) !important;
}

.lp-courses-bar input,
.lp-courses-bar select {
  background: var(--lp-bg-light) !important;
  border: 1px solid var(--lp-border-color) !important;
  color: var(--lp-text-light) !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: var(--lp-border-radius) !important;
  font-family: 'Verdana', sans-serif !important;
}

.lp-courses-bar button {
  background: var(--lp-primary-color) !important;
  color: var(--lp-bg-darker) !important;
  border: 1px solid var(--lp-primary-color) !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: var(--lp-border-radius) !important;
}

/* Course curriculum */
.course-curriculum,
.lp-course-curriculum {
  background: var(--lp-bg-medium) !important;
  border-radius: var(--lp-border-radius) !important;
  overflow: hidden !important;
}

.course-section,
.lp-course-curriculum .course-section {
  border: 1px solid var(--lp-border-color) !important;
  margin-bottom: 0.2rem !important;
  border-radius: var(--lp-border-radius) !important;
  background: var(--lp-bg-light) !important;
}

.course-section-header,
.section-header {
  background: var(--lp-bg-lighter) !important;
  padding: 1.5rem 2rem !important;
  color: var(--lp-text-light) !important;
  border-bottom: 1px solid var(--lp-border-color) !important;
  cursor: pointer !important;
}

.course-section-header:hover,
.section-header:hover {
  background: var(--lp-bg-light) !important;
}

.course-item {
  background: var(--lp-bg-light) !important;
  border-top: 1px solid var(--lp-border-color) !important;
  padding: 1.2rem 2rem !important;
  color: var(--lp-text-medium) !important;
  transition: all 0.15s !important;
}

.course-item:hover {
  background: var(--lp-bg-lighter) !important;
  padding-left: 2.5rem !important;
}

.course-item.current {
  background: var(--lp-bg-medium) !important;
  border-left: 3px solid var(--lp-primary-color) !important;
}

/* Navigation tabs - matching Mando navbar style */
.learn-press-tabs,
.learn-press-nav-tabs {
  background: var(--lp-bg-darker) !important;
  border-bottom: 1px solid var(--lp-border-color) !important;
  box-shadow: var(--lp-box-shadow) !important;
  font-size: 1.2rem !important;
}

.learn-press-tabs__nav li,
.learn-press-nav-tabs li {
  border-bottom: 3px solid transparent !important;
  position: relative !important;
}

.learn-press-tabs__nav li a,
.learn-press-nav-tabs li a {
  color: var(--lp-text-light) !important;
  padding: 1.5rem 2rem !important;
  font-family: 'Verdana', sans-serif !important;
  text-decoration: none !important;
  display: block !important;
  margin-top: 3px !important;
}

.learn-press-tabs__nav li.active,
.learn-press-tabs__nav li:hover,
.learn-press-nav-tabs li.active,
.learn-press-nav-tabs li:hover {
  border-bottom: 3px solid var(--lp-primary-color) !important;
}

.learn-press-tabs__nav li.active a,
.learn-press-tabs__nav li:hover a,
.learn-press-nav-tabs li.active a,
.learn-press-nav-tabs li:hover a {
  color: var(--lp-primary-color) !important;
}

/* Forms and inputs */
.learn-press-form input[type="text"],
.learn-press-form input[type="email"],
.learn-press-form input[type="password"],
.learn-press-form textarea,
.lp-checkout-form input,
.lp-checkout-form textarea {
  background: var(--lp-bg-lighter) !important;
  border: 1px solid var(--lp-border-color) !important;
  color: var(--lp-text-light) !important;
  padding: 1rem 1.5rem !important;
  border-radius: var(--lp-border-radius) !important;
  font-family: 'Verdana', sans-serif !important;
}

.learn-press-form input:focus,
.learn-press-form textarea:focus,
.lp-checkout-form input:focus,
.lp-checkout-form textarea:focus {
  border-color: var(--lp-primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 5px rgba(203, 179, 45, 0.3) !important;
}

/* Course sidebar */
.course-summary-sidebar {
background: var(--lp-bg-darker) !important;
  border: 1px solid var(--lp-border-color) !important;
  border-radius: var(--lp-border-radius) !important;
  padding: 2rem !important;
  box-shadow: var(--lp-box-shadow) !important;
}


.course-summary-sidebar__inner {
background: var(--lp-bg-lighter) !important;
  border: 1px solid var(--lp-border-color) !important;
  border-radius: var(--lp-border-radius) !important;
  padding: 2rem !important;
  box-shadow: var(--lp-box-shadow) !important;
}


.lp-archive-courses .course-summary-sidebar {
    width: 30%;
    margin-top: -80px;
	max-height: 375px;
}
	
.lp-archive-courses .course-summary-sidebar__inner {
    width: 100%;
}

.lp-archive-courses .lp-entry-content .entry-content-left {
    width: 70%;
    margin: 0;
    /* padding-right: 40px; */
    padding-top: 60px;
}

/* Course price */
.course-price {
  color: var(--lp-primary-color) !important;
  font-weight: bold !important;
}

.course-price .origin-price {
  color: var(--lp-text-medium) !important;
  text-decoration: line-through !important;
}

/* Messages */
.learn-press-message.success {
  background: var(--lp-bg-light) !important;
  color: var(--lp-primary-color) !important;
  border: 1px solid var(--lp-primary-color) !important;
  border-radius: var(--lp-border-radius) !important;
  padding: 1.5rem 2rem !important;
  font-family: 'Verdana', sans-serif !important;
}

.learn-press-message.error {
  background: var(--lp-bg-light) !important;
  color: var(--lp-secondary-color) !important;
  border: 1px solid var(--lp-secondary-color) !important;
  border-radius: var(--lp-border-radius) !important;
  padding: 1.5rem 2rem !important;
  font-family: 'Verdana', sans-serif !important;
}

/* Tables */
.learnpress table {
  background: var(--lp-bg-light) !important;
  border: 1px solid var(--lp-border-color) !important;
  border-radius: var(--lp-border-radius) !important;
  color: var(--lp-text-medium) !important;
}

.learnpress table th {
  background: var(--lp-bg-darker) !important;
  color: var(--lp-text-light) !important;
  border-bottom: 1px solid var(--lp-border-color) !important;
}

.learnpress table td {
  border-bottom: 1px solid var(--lp-border-color) !important;
}

/* Progress bars */
.learn-press-progress {
  background: var(--lp-bg-darker) !important;
  border-radius: var(--lp-border-radius) !important;
}

.learn-press-progress .learn-press-progress__active {
  background: var(--lp-primary-color) !important;
}

/* Links */
.learn-press-courses a,
.course-summary a,
.lp-content-area a {
  color: var(--lp-primary-color) !important;
}

.learn-press-courses a:hover,
.course-summary a:hover,
.lp-content-area a:hover {
  color: var(--lp-text-light) !important;
}

/* Pagination */
.learn-press-pagination .page-numbers {
  background: var(--lp-bg-light) !important;
  border: 1px solid var(--lp-border-color) !important;
  color: var(--lp-text-light) !important;
  border-radius: var(--lp-border-radius) !important;
  padding: 1rem 1.5rem !important;
  margin: 0 0.2rem !important;
  text-decoration: none !important;
}

.learn-press-pagination .page-numbers:hover,
.learn-press-pagination .page-numbers.current {
  background: var(--lp-primary-color) !important;
  color: var(--lp-bg-darker) !important;
}

/* Mobile responsiveness */
@media screen and (max-width: 950px) {
  .learnpress-course-content,
  .learnpress-archive-content {
    padding: 1rem !important;
  }
  
  .single-lp_course .featured-image h2.page-title {
    text-align: center !important;
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 700px) {
  .learn-press-tabs__nav,
  .learn-press-nav-tabs {
    flex-direction: column !important;
  }
  
  .learn-press-tabs__nav li,
  .learn-press-nav-tabs li {
    width: 100% !important;
    border-bottom: 1px solid var(--lp-border-color) !important;
    border-right: none !important;
  }
  
  .lp-courses-bar {
    flex-direction: column !important;
    gap: 1rem !important;
  }
}
/* LearnPress Course Title Bar Background */
.page-title-bar {
    background-color: #333; /* Dark gray background - adjust color as needed */
    color: white;
    padding: 40px 20px;
    text-align: center;

}

.lp-archive-courses .course-summary-sidebar__inner>div {
    padding: 20px;
    background: none;
	}
	
	.course-summary-sidebar .course-sidebar-preview {
    margin-bottom: 35px;
    background: none;
}

ul.learn-press-breadcrumb {
    max-width: var(--lp-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 1em var(--lp-cotainer-padding);
    list-style: none;
	background: #222222;
}

.content-item-wrap .quiz-content {
    margin-bottom: 40px;
    color: #fff;
    font-weight: 300;
}


.page-title-bar .page-title {
    margin: 0;
    font-size: 2.5em;
    font-weight: bold;
}

/* Alternative: If you want a gradient background */
/*
.page-title-bar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 40px 20px;
    text-align: center;
    margin-bottom: 20px;
}
*/

/* Alternative: If you want to match your theme's primary color */
/*
.page-title-bar {
    background-color: var(--primary-color, #b8860b); /* Fallback to gold if CSS variable not available */
    color: white;
    padding: 40px 20px;
    text-align: center;
    margin-bottom: 20px;
}
*/

/* LearnPress Course Navigation Tabs - Match Main Menu Styling */
.learn-press-nav-tabs.course-nav-tabs {
    background-color: #333 !important; /* Dark background to match your main menu */
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 50px !important; /* Match your main menu height */
    border: none !important;
}

.learn-press-nav-tabs.course-nav-tabs {
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    list-style: none !important;
}

.learn-press-nav-tabs.course-nav-tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.learn-press-nav-tabs.course-nav-tabs li label {
    color: white !important; /* White text like your main menu */
    background: transparent !important;
    border: none !important;
    padding: 15px 20px !important;
    text-decoration: none !important;
    display: block !important;
    height: 50px !important;
    line-height: 20px !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
    font-family: 'Verdana', sans-serif !important;
    font-size: 1.2rem !important; /* Match your main menu font size */
    margin: 0 !important;
}

.learn-press-nav-tabs.course-nav-tabs li label:hover {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Subtle hover effect */
    color: white !important;
}

/* Active/Current Tab - Keep the yellow */
.learn-press-nav-tabs.course-nav-tabs li.active label {
    background-color: #cbb32d !important; /* Yellow/gold for active tab */
    color: white !important;
    border-bottom: 3px solid #ffd700 !important; /* Optional: gold underline */
}

/* Prevent auto-scroll to lesson content */
.lp-content-area {
    scroll-margin-top: 0 !important;
}

/* Keep lesson content in viewport without jumping */
.course-item-content,
.lp-lesson-content,
.lp-quiz-content {
    scroll-margin-top: 100px !important;
}

/* Disable smooth scrolling for LearnPress elements */
.learn-press-course-curriculum,
.lp-course-curriculum,
.course-curriculum {
    scroll-behavior: auto !important;
}

/* Prevent focus from jumping to bottom */
.lp-button:focus,
.course-item:focus {
    scroll-margin-top: 100px !important;
}

.lp-archive-courses .lp-entry-content .entry-content-left {

    max-width: 100%;
    margin: 0;
    padding-right: 0px;

}


/** * learnpress lesson custom css * * Important but you can change it as per your design */
html,
body {
    overflow: unset !important;
}

div#learn-press-course {
   
    margin-left: 0px;
}

div#learn-press-course-curriculum-custom,
#learn-press-content-item-custom {
    margin-left: 20px;
}

div#learn-press-course-curriculum-custom {
    flex-basis: 35%;
}

#learn-press-content-item-custom div#course-item-content-header-custom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* * Not Important * * Some inner content design but you should be fine now adding whatever you want in your design */
#course-item-content-header-custom .course-item-search form {
    display: flex;
}

#course-item-content-header-custom .course-item-search button:after {
    font-family: fontawesome;
    content: "\f002";
}

#course-item-content-header-custom .course-title {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#popup-course {
    position: static !important;
    /* or position: relative !important; */
}

#popup-header {
    display: flex
;
    position: absolute;
   left: 30%;
    width: 67%;
}

#popup-sidebar {

    flex: none;
    width: 25%;
}



.quiz-intro-item__title {
    margin: 0;
    padding: 0 8px 0 0;
    color: #fff;
    font-weight: 300;
}

.quiz-intro-item__content {
    color: #fff;
    font-weight: 400;
}

.lp-course-curriculum .course-section .course-item__right {

    color: var(--lp-color-meta, #fff);

}

.lp-content-area {
    max-width: var(--lp-container-max-width) !important;
    margin: 0 auto;
    padding-right: var(--lp-cotainer-padding);
    padding-left: var(--lp-cotainer-padding);
}


#popup-sidebar .course-curriculum
Specificity: (1,1,0)
 {
   
    width: 100%;
}

#popup-sidebar .course-curriculum {
    overflow: auto;
    position: absolute;
    top: 70px;
    bottom: 0;
    width: 100%;
}

.question .answer-option .option-title {
    display: flex
;
    width: 100%;
    margin: 0;
    padding: 10px 10px 10px 60px;
    border: 1px solid #841914;
    color: #fff;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.question .answer-option .option-title:hover {
    background: #000;
}

.content-item-wrap .questions-pagination .nav-links .page-numbers {
    padding: 10px 15px;
    margin: 0;
    color: var(--lp-color-base, #333);
    background-color: transparent;
    font-weight: normal;
    border: 1px solid var(--lp-border-color, #e2e0db);
    line-height: 1;
    border-radius: var(--lp-border-radius, 5px);
    background: #fff;
}

.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 792px;
    height: auto;
    margin-left: 0px !important;
    transform: translateX(-50%);
    background: none;
    padding-bottom: none;
}

.quiz-result .result-statistic .result-statistic-field span {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 2.1875em;
}

.quiz-result .result-statistic .result-statistic-field p {
    color: #fff;
    font-weight: 500;
    text-align: right;
}

.quiz-result .result-grade .result-require {
    display: block;
    padding-top: 5px;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
}