/* 1. Cleaner, modern course cards (shadows, hover lift, rounded look) */
.mpcs-cards .mpcs-card {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

.mpcs-cards .mpcs-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* 2. Better image sizing (full-width, consistent ratio) */
.mpcs-card-thumb img {
  height: 220px !important;   /* Adjust if you want taller/shorter images */
  object-fit: cover !important;
  border-radius: 16px 16px 0 0 !important;
}

/* 3. Nicer title and excerpt spacing */
.mpcs-card-title {
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
}

.mpcs-card-content p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #555 !important;
}

/* 4. Remove extra footer padding (now that author is gone) */
.mpcs-card-footer {
  padding: 0 !important;
  min-height: auto !important;
}

/* 5. Optional: Hide the big "Courses" page title (cleaner look) */
.page .entry-title,
.hentry .entry-title {
  display: none !important;
}

/* 6. Extra breathing room around the whole grid (Astra-friendly) */
.mpcs-wrapper.mpcs-course-list {
  padding: 40px 0 !important;
}




/* ====================== COURSE OVERVIEW & LESSON PAGES ====================== */

/* Featured image as hero banner (stronger selectors) */
.entry-header .post-thumbnail img,
.entry-header img,
.mpcs-course img,
.article img,
.post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  margin-bottom: 25px !important;
}

/* Hide author/date and Previous/Next links */
.entry-meta,
.navigation.post-navigation,
.nav-links {
  display: none !important;
}

/* Compact progress bar */
.mpcs-progress-bar {
  padding: 12px 18px !important;
  margin-bottom: 15px !important;
}
.course-progress-bar-main {
  height: 18px !important;
  border-radius: 999px !important;
}
.mpcs-progress-bar-title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
}

/* Large, prominent titles */
.entry-title {
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 25px !important;
}
.mpcs-section-title-text {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}

/* Nice breadcrumbs on lesson pages */
.mpcs-breadcrumbs {
  font-size: 0.95rem !important;
  background: #f8f9fa !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  margin-bottom: 30px !important;
}
.mpcs-breadcrumbs a {
  color: #0073aa !important;
}
.mpcs-breadcrumbs .mpcs-active {
  font-weight: 700 !important;
  color: #222 !important;
}

/* Clean video player */
.wp-block-embed__wrapper {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

/* Clean lesson list & navigation */
.mpcs-lesson-row-link {
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
}
.mpcs-lesson-row-link:hover {
  border-color: #0073aa !important;
}
#mpcs-lesson-navigation a {
  background: #0073aa !important;
  color: white !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
}

/* Overall spacing */
.mpcs-course, .entry-content {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}