/* =====================================================
   NEMA LearnPress — CLEAN UI PACK (LESSONS + COURSES)
   Theme: Astra + LearnPress
   Safe: does NOT remove LearnPress functions/buttons
   ===================================================== */

/* -----------------------------------------------------
   0) PROOF BADGE (REMOVE LATER)
----------------------------------------------------- */
body.lp-course-template-default::before{
  content:"✅ COURSE CSS ACTIVE";
  position:fixed; left:16px; bottom:16px;
  z-index:999999;
  background:#111827; color:#fff;
  padding:10px 12px;
  border-radius:12px;
  font-weight:800; font-size:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}

/* =====================================================
   1) LESSON PAGES (lp_lesson)
   Scope: Lessons only
===================================================== */

/* Kill blog clutter */
.single-lp_lesson .entry-meta,
.single-lp_lesson .posted-on,
.single-lp_lesson .byline,
.single-lp_lesson #comments{
  display:none !important;
}

/* Background + spacing */
.single-lp_lesson{
  background:#f6f8fb !important;
}
.single-lp_lesson .site-content{
  padding-top:24px !important;
  padding-bottom:64px !important;
}

/* Centered “app” container */
.single-lp_lesson .entry-content{
  max-width:980px !important;
  margin:0 auto !important;
  background:#fff !important;
  border-radius:22px !important;
  padding:28px 28px 32px !important;
  box-shadow:0 18px 40px rgba(0,0,0,0.08) !important;
}

/* Title */
.single-lp_lesson .entry-title{
  font-size:34px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
  margin-bottom:18px !important;
}

/* Video */
.single-lp_lesson iframe,
.single-lp_lesson video{
  width:100% !important;
  border-radius:18px !important;
  margin:6px 0 26px !important;
  box-shadow:0 14px 30px rgba(0,0,0,0.12) !important;
}

/* Headings */
.single-lp_lesson h2{
  font-size:26px !important;
  margin:26px 0 12px !important;
  letter-spacing:-0.015em !important;
}
.single-lp_lesson h3{
  font-size:20px !important;
  margin:22px 0 8px !important;
  font-weight:600 !important;
}

/* Readability */
.single-lp_lesson p,
.single-lp_lesson li{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* Lists */
.single-lp_lesson ul{
  padding-left:18px !important;
  margin:12px 0 22px !important;
}
.single-lp_lesson ul li{
  margin:8px 0 !important;
}

/* LearnPress buttons */
.single-lp_lesson .learn-press .button,
.single-lp_lesson .learn-press button,
.single-lp_lesson .learn-press input[type="submit"]{
  border-radius:14px !important;
  padding:14px 22px !important;
  font-weight:700 !important;
  box-shadow:0 12px 24px rgba(0,0,0,0.12) !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}
.single-lp_lesson .learn-press .button:hover,
.single-lp_lesson .learn-press button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 32px rgba(0,0,0,0.16) !important;
}

/* Space above actions */
.single-lp_lesson .lp-lesson-buttons,
.single-lp_lesson .lp-course-buttons{
  margin-top:28px !important;
}

/* Mobile lesson */
@media (max-width:768px){
  .single-lp_lesson .entry-content{
    padding:20px 18px 22px !important;
    border-radius:18px !important;
  }
  .single-lp_lesson .entry-title{
    font-size:26px !important;
  }
}

/* =====================================================
   2) COURSE PAGES (lp_course)
   Scope: Courses only
   DOM confirmed by your Inspector screenshot
===================================================== */

body.lp-course-template-default{
  background:#f6f8fb !important;
}

/* General spacing */
body.lp-course-template-default .site-content{
  padding-top:24px !important;
  padding-bottom:80px !important;
}

/* Optional: hide blog clutter on course pages too */
body.lp-course-template-default .entry-meta,
body.lp-course-template-default .posted-on,
body.lp-course-template-default .byline,
body.lp-course-template-default #comments{
  display:none !important;
}

/* --- Main course wrapper centered --- */
body.lp-course-template-default .lp-single-course{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 16px !important;
}

/* --- Course header: make it a “hero card” --- */
body.lp-course-template-default .lp-single-course__header{
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:22px !important;
  padding:22px 24px !important;
  box-shadow:0 18px 44px rgba(0,0,0,0.10) !important;
  margin-bottom:18px !important;
}

/* Title inside hero */
body.lp-course-template-default .lp-single-course__header h1{
  font-size:36px !important;
  line-height:1.15 !important;
  letter-spacing:-0.02em !important;
  margin:0 0 10px !important;
}

/* --- Layout: left + right columns --- */
@media (min-width:1024px){
  body.lp-course-template-default .lp-single-course-main{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 360px !important;
    gap:28px !important;
    align-items:start !important;
  }
}

/* Left panel as a clean card */
body.lp-course-template-default .lp-single-course-main__left{
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:22px !important;
  padding:24px !important;
  box-shadow:0 18px 44px rgba(0,0,0,0.08) !important;
}

/* Right panel as sticky progress card */
body.lp-course-template-default .lp-single-course-main__right{
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:22px !important;
  padding:18px !important;
  box-shadow:0 18px 44px rgba(0,0,0,0.10) !important;
}
@media (min-width:1024px){
  body.lp-course-template-default .lp-single-course-main__right{
    position:sticky !important;
    top:96px !important;
  }
}

/* --- Make your “must be completed…” line a callout (if present) --- */
body.lp-course-template-default .lp-single-course-main__left > p:first-of-type{
  background:rgba(0,0,0,0.03) !important;
  border:1px solid rgba(0,0,0,0.06) !important;
  border-radius:16px !important;
  padding:14px 16px !important;
  margin:18px 0 22px !important;
}

/* --- Curriculum heading --- */
body.lp-course-template-default .lp-course-curriculum h3.lp-course-curriculum__title{
  font-size:28px !important;
  margin:10px 0 12px !important;
  letter-spacing:-0.015em !important;
}

/* --- Curriculum container --- */
body.lp-course-template-default .lp-course-curriculum{
  margin-top:14px !important;
}

/* --- Module cards: li.course-section.lp-collapse --- */
body.lp-course-template-default .course-sections .course-section{
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:18px !important;
  margin:14px 0 !important;
  overflow:hidden !important;
  box-shadow:0 14px 34px rgba(0,0,0,0.07) !important;
}

/* Header row inside each module */
body.lp-course-template-default .course-sections .course-section .course-section-header{
  padding:14px 16px !important;
  font-weight:800 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:linear-gradient(to bottom, rgba(0,0,0,0.03), rgba(0,0,0,0)) !important;
}

/* Title and count align nicely */
body.lp-course-template-default .course-section__title{
  font-weight:800 !important;
}
body.lp-course-template-default .section-count-items{
  font-weight:800 !important;
  opacity:.75 !important;
}

/* Lesson items list inside expanded module */
body.lp-course-template-default .course-section__items li{
  padding:12px 16px !important;
  border-top:1px solid rgba(0,0,0,0.06) !important;
}
body.lp-course-template-default .course-section__items li:hover{
  background:rgba(0,0,0,0.02) !important;
}

/* --- Buttons on course pages (Continue/Enroll/etc) --- */
body.lp-course-template-default .button,
body.lp-course-template-default button,
body.lp-course-template-default input[type="submit"]{
  border-radius:14px !important;
  font-weight:800 !important;
  padding:14px 18px !important;
  box-shadow:0 14px 28px rgba(0,0,0,0.14) !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}
body.lp-course-template-default .button:hover,
body.lp-course-template-default button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 34px rgba(0,0,0,0.18) !important;
}

/* Mobile course tweaks */
@media (max-width:1023px){
  body.lp-course-template-default .lp-single-course-main__left,
  body.lp-course-template-default .lp-single-course-main__right{
    border-radius:18px !important;
  }
  body.lp-course-template-default .lp-single-course__header{
    padding:18px 16px !important;
    border-radius:18px !important;
  }
  body.lp-course-template-default .lp-single-course__header h1{
    font-size:28px !important;
  }
}
/* Hide the LearnPress course thumbnail in the progress card */
body.single-lp_course .lp-single-course .lp-course-thumbnail,
body.single-lp_course .lp-single-course img[alt="course thumbnail"]{
  display:none !important;
}
/* ===== NEMA Agent Login (Ultimate Member) ===== */
.page-id-1605 .um, 
.page-id-1605 .um-form { 
  max-width: 520px; 
  margin: 60px auto; 
}

.page-id-1605 .um .um-form {
  background: #ffffff;
  border: 1px solid rgba(14,23,32,.14);
  border-radius: 22px;
  padding: 26px 22px;
  box-shadow: 0 18px 40px rgba(14,23,32,.10);
}

.page-id-1605 .um .um-field-label label{
  font-weight: 850;
  color: #0e1720;
}

.page-id-1605 .um input[type="text"],
.page-id-1605 .um input[type="password"],
.page-id-1605 .um input[type="email"]{
  height: 46px;
  border-radius: 14px !important;
  border: 1px solid rgba(14,23,32,.22) !important;
  background: rgba(14,23,32,.02) !important;
}

.page-id-1605 .um input:focus{
  border-color: rgba(203,163,75,.65) !important;
  box-shadow: 0 0 0 4px rgba(203,163,75,.18) !important;
}

.page-id-1605 .um .um-button{
  width: 100%;
  height: 46px;
  border-radius: 999px !important;
  background: #0e1720 !important;
  color: #f4f1ea !important;
  font-weight: 900 !important;
  border: 1px solid rgba(203,163,75,.55) !important;
}

.page-id-1605 .um .um-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(14,23,32,.16);
}

.page-id-1605 .um .um-link-alt,
.page-id-1605 .um a{
  color: rgba(14,23,32,.70);
  font-weight: 800;
}

.page-id-1605 .um a:hover{
  color: #cba34b;
}