/**
 * Author: Jenn Armour
 * File: Course Grid Layout — CLZ adjustments
 * Description:
 *   - Keeps progress bar consistently aligned across all course cards.
 *   - Applies lighter tint of Midnight Blue to excerpt text.
 *   - Reduces space between title and excerpt for tighter layout.
 *   - Ensures button spacing and content vertical alignment stay even.
 * Date: 2025-10-14
 */
#ld-cg-m2ccgr96ek .image img {
    width: 100%; /* Ensure the images fill the container width */
    height: 200px; /* Set a consistent height for all images */
    object-fit: cover; /* Maintain proportions while cropping excess */
    display: block; /* Remove any extra spacing */
    border-radius: 4px; /* Optional: add rounded corners */
}

/* Remove bottom margin for learndash-wrapper under unique grid ID */
#ld-cg-m2ccgr96ek .learndash-wrapper.learndash-widget.lds-template-default {
    margin-bottom: 0 !important;
}

  
  /* Reduce top and bottom padding in the content box */
  .learndash-course-grid .items-wrapper .grid-2 .content {
      padding-top: 10px;   /* Reduce top padding */
      padding-bottom: 20px; /* Reduce bottom padding */
  }
  
  /* Main grey background box for the course meta (no background on entire grid) */
  #ld-cg-m2ccgr96ek {
    position: relative;
   /*  background-color: #f2ba4940; Grey background */
    background-color: rgba(209, 233, 251, 0.25); /* CLZ Pale Blue tint */

    padding: 10px 5px;
    box-sizing: border-box;
    margin-top: 0; /* No space between image and box */
    margin-bottom: 15px; /* Increased space below each card */
    border-radius: 0; /* Remove rounded corners */
}


/* Force all course cards to have equal height */
.learndash-course-grid .items-wrapper .grid-3 .post {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

/* Ensure content fills available space */
.learndash-course-grid .items-wrapper .grid-3 .content {
    flex-grow: 1 !important;
}

/* Keep the button at the bottom */
.learndash-course-grid .items-wrapper .grid-3 .content .button {
    margin-top: auto !important;
    text-align: center !important;
}


.learndash-course-grid .items-wrapper .grid-3 .post {
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /* removed: display:inline-block; height:auto; display:block; */
    max-width: 100%;
    position: relative;
    padding: 20px;
    margin: 0;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
}


.learndash-course-grid .items-wrapper .grid-3 .thumbnail {
    margin: 0;
    padding: 0;
}

.learndash-course-grid .items-wrapper .grid-3 .thumbnail img {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.learndash-course-grid .items-wrapper .grid-3 .content {
    padding: 30px 0 0;
    color: #333333;
}

.learndash-course-grid .items-wrapper .grid-3 .content .entry-title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
    margin-bottom: 15px;
}

.learndash-course-grid .items-wrapper .grid-3 .content .entry-title a {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: bold;
}

.learndash-course-grid .items-wrapper .grid-3 .content .entry-content {
    margin-bottom: 20px ;
    color: #949ca1;
    font-size: 0.875rem;
}

.learndash-course-grid .items-wrapper .grid-3 .content .entry-content > * {
    margin: 0;
}

.learndash-course-grid .items-wrapper .grid-3 .content .meta {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #949ca1;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.learndash-course-grid .items-wrapper .grid-3 .content .author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.learndash-course-grid .items-wrapper .grid-3 .content .author img {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 30px;
    border: 2px solid #fd8739;
}

.learndash-course-grid .items-wrapper .grid-3 .content .author .name {
    font-weight: bold;
}

.learndash-course-grid .items-wrapper .grid-3 .content .price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
}

.learndash-course-grid .items-wrapper .grid-3 .content .price-wrapper > * {
    width: 50%;
}

.learndash-course-grid .items-wrapper .grid-3 .content .price-wrapper .trial {
    text-align: left;
}

.learndash-course-grid .items-wrapper .grid-3 .content .price-wrapper .price {
    text-align: right;
}

.learndash-course-grid .items-wrapper .grid-3 .content .button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: 100%;
}

.learndash-course-grid .items-wrapper .grid-3 .content .button a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #ffffff;
    background-color: #fd6906;
    border-color: #fd6906;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
    padding: 6px 0;
    margin: 0 auto;
    max-width: 70%;
}

.learndash-course-grid .items-wrapper .grid-3 .content .button a:hover {
    background: #fd8739;
    border-color: #fd8739;
}

/*
Commented out original column-based CSS for reference

#ld-cg-m2ccgr96ek .course-meta-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#ld-cg-m2ccgr96ek .course-meta-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: center;
}

#ld-cg-m2ccgr96ek .course-meta-items {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2ba49;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    text-align: center;
    min-height: 50px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

#ld-cg-m2ccgr96ek .course-meta-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    margin-bottom: 5px;
    border: 0;
}

#ld-cg-m2ccgr96ek .course-meta-column strong {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
}

#ld-cg-m2ccgr96ek .course-meta-column .course-meta-items {
    margin-top: 0;
}
*/

#ld-cg-m2ccgr96ek .items-wrapper {
    row-gap: 50px !important; /* Adds space between rows */
}

/* Remove bottom rounding on the course image */
#ld-cg-m2ccgr96ek .thumbnail img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Remove top rounding on the yellow meta box */
#ld-cg-m2ccgr96ek .course-meta-items:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* Updated CSS for refined spacing and styling within Grid ID */
#ld-cg-m2ccgr96ek .course-meta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin-top: 0px !important; /* Removes the -5px margin */
    margin-bottom: 0px !important; /* Removes the -5px margin */
    padding-top: 5px !important;
    padding-bottom: 10px !important;

}

#ld-cg-m2ccgr96ek .course-meta-container {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

#ld-cg-m2ccgr96ek .entry-content {
  margin-top: 4px !important;  /* Pull closer under title */
}

#ld-cg-m2ccgr96ek .entry-content p {
  margin-top: 0 !important;
  margin-bottom: 0 !important; /* Tighten spacing */
  line-height: 1.4 !important; /* Keep readability */
}


#ld-cg-m2ccgr96ek .entry-title a {
    color: #424d5c !important; /* Apply grey color */
    text-align: center !important;
}
#ld-cg-m2ccgr96ek .entry-title  {
    color: #424d5c !important; /* Apply grey color */
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
}

/* CLZ — uppercase DELIVERY method only (not audience/categories) */
#ld-cg-m2ccgr96ek .course-meta-items.delivery {
    font-weight: bold;
    font-size: 11px;
    color: rgba(68, 68, 68, 0.8);
    background: none;
    text-transform: uppercase;
}





/* Reduce title margin only within this grid */
#ld-cg-m2ccgr96ek .entry-title {
   /*  margin-top: 0.5em !important; Reduce space above title */
}


/* Ensure equal height cards and center the button */
#ld-cg-m2ccgr96ek .ld-course-list .ld-course-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Target the "Continue Study" button inside the specific LearnDash Course Grid */
#ld-cg-m2ccgr96ek .button {
    text-align: center; /* Center the button */
    margin-top: auto; /* Push it to the bottom to maintain equal heights */
}

#ld-cg-m2ccgr96ek .button a {
    text-transform: uppercase !important;  /* ← add this line */
    background-color: #001329 !important;
    color: #d1e9fb !important;
    padding: 6px 14px !important; /* Reduce padding */
    border-radius: 4px !important; /* Slightly smaller border-radius */
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 14px !important; /* Reduce font size */
    width: auto !important; /* Make it fit the text */
    min-width: 120px !important; /* Ensure minimum size */
    max-width: 160px !important; /* Prevent it from being too wide */
    margin: 0 auto !important; /* Keep it centered */
}

/* Hover effect */
#ld-cg-m2ccgr96ek .button a:hover {
    background-color: #0a2340 !important; /* Darker red on hover */
    color: #ffffff !important;
    box-shadow: none !important;
}


/* Style the "Load More" button */
.pagination .load-more {
    background-color: #001329 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: block !important;
    margin: 20px auto !important; /* Centers the button */
}

/* Hover effect */
.pagination .load-more:hover {
    background-color: #0a2340 !important; /* Slightly darker red */
    color: #ffffff !important;
}


/* Force equal heights on all course grid cards */
#ld-cg-m2ccgr96ek .ld-course-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Make each course card stretch to equal height */
#ld-cg-m2ccgr96ek .ld-course-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

/* Ensure course content fills available space */
#ld-cg-m2ccgr96ek .ld-course-card .ld-course-content {
    flex-grow: 1 !important;
}

/* Make sure the button stays at the bottom */
#ld-cg-m2ccgr96ek .ld-course-card .button {
    margin-top: auto !important;
    text-align: center !important;
}
.learndash-course-grid .items-wrapper .grid-3 .content {
    padding-top: 0px !important;
}

#ld-cg-m2ccgr96ek .item.grid-3 {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    /* Remove will-change and backface-visibility completely */
}

#ld-cg-m2ccgr96ek .item.grid-3:hover {
   
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    

#ld-cg-m2ccgr96ek .item.grid-3 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}



#ld-cg-m2ccgr96ek .content {
    flex-grow: 1 !important;
    display: flex;
    flex-direction: column;
}

#ld-cg-m2ccgr96ek .button {
    margin-top: auto !important; /* Pushes button to the bottom */
    text-align: center !important;
}



/* Ensure content fills available space */
#ld-cg-m2ccgr96ek .content {
    flex-grow: 1 !important;
}

/* Force the button to always stay at the bottom */
#ld-cg-m2ccgr96ek .button {
    margin-top: auto !important;
    text-align: center !important;
}

#ld-cg-m2ccgr96ek .button {
    box-shadow: none !important;
}

#ld-cg-m2ccgr96ek .button a {
    box-shadow: none !important;
}

/* Grid title default stays slate; hover = Azure */
#ld-cg-m2ccgr96ek .entry-title a { color: #424d5c !important; }
#ld-cg-m2ccgr96ek .entry-title a:hover { color: #4aaceb !important; text-decoration: none; }






/* Checkbox Customization */
#ld-cg-m2ccgr96ek .learndash-course-grid-filter input[type="checkbox"] {
    accent-color: #001329 !important; /* Red color for checkboxes */
}
/* Reduce font size for labels and items inside the filter container */
#ld-cg-m2ccgr96ek .learndash-course-grid-filter label,
#ld-cg-m2ccgr96ek .learndash-course-grid-filter .buttons .button {
    font-size: 0.875rem !important; /* Smaller font size (14px) */
}

/* Reduce font size for the terms and checkboxes */
#ld-cg-m2ccgr96ek .learndash-course-grid-filter .terms li label {
    font-size: 0.875rem !important; /* 14px for consistency */
    line-height: 1.4; /* Adjust spacing between lines */
}



.button.apply.blue {
    background-color: #001329 !important; /* Red background */
    color: #FFFFFF !important; /* White text */
    border: none; /* Remove borders */
}

.button.apply.blue:hover {
    background-color: #6e112c !important; /* Darker red on hover */
}



  /* Container for the metadata */
  .course-meta-container {
      display: flex;
      justify-content: space-between;
      align-items: center; /* Center content vertically */
      /*background-color: #f2ba4940;  Light amber pet-ct */
       background-color: rgba(209, 233, 251) !important; /* Pale Blue tint */
      padding: 15px;
      border-radius: 6px;
      margin-bottom: 15px;
      font-size: 14px;
      color: #333; /* Darker text color for readability */
  }
  
  /* Equal column widths (50% each) */
  .course-meta-column {
      flex: 1; /* Equal width for both columns */
      text-align: center; /* Center content horizontally */
      padding: 0 10px;
      border-right: 1px solid #4aaceb; /* Vertical dividing line */
  }
  
  .course-meta-column:last-child {
      border-right: none; /* Remove dividing line on the last column */
  }
  
  /* Titles for each column */
  .course-meta-column strong {
      display: block;
      margin-bottom: 5px; /* Less space between titles and boxes */
      font-size: 13px;
      color: #4aaceb; /* Custom title color */
      text-transform: uppercase; /* Uppercase titles */
  }
  
  /* Individual metadata boxes */
  .course-meta-box {
      display: inline-block;
      background-color: #001329; /* Red background */
      color: #fff; /* White text */
      padding: 6px 10px;
      margin: 3px 5px;
      border-radius: 4px;
      font-size: 12px;
      text-align: center; /* Center text inside the box */
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  }
  
 
  
/* ============================================
   CLZ — Course Hero / Content Overlap (FINAL)
   Matches PET-CT behaviour
   ============================================ */


/* ===== DESKTOP (≥1025px) ===== */
@media (min-width: 1025px) {

  /* WITH featured image → pull course box UP over image */
  .sfwd-courses.has-post-thumbnail .entry-content-wrap {
    margin-top: -125px;
    position: relative;
    z-index: 2;
  }

  /* NO featured image → normal flow, no overlap */
  .sfwd-courses:not(.has-post-thumbnail) .entry-content-wrap {
    margin-top: 0;
    position: relative;
    z-index: 1;
  }
}


/* ===== TABLET / MOBILE (≤1024px) ===== */
@media (max-width: 1024px) {

  /* WITH featured image → light overlap only */
  .sfwd-courses.has-post-thumbnail .entry-content-wrap {
    margin-top: -30px;
    position: relative;
    z-index: 2;
  }

  /* NO featured image → normal spacing */
  .sfwd-courses:not(.has-post-thumbnail) .entry-content-wrap {
    margin-top: 0;
    position: relative;
    z-index: 1;
  }

  /* Ensure hero has enough height when present */
  .sfwd-courses.has-post-thumbnail .kadence-hero,
  .sfwd-courses.has-post-thumbnail .post-thumbnail {
    min-height: 340px;
  }
}
/* ============================================
   CLZ — NO featured image spacing fix (desktop)
   ============================================ */

@media (min-width: 1025px) {

  /* No featured image → push content DOWN */
  .sfwd-courses:not(.has-post-thumbnail) .entry-content-wrap {
    padding-top: 120px;
  }

}
/* ============================================
   CLZ — NO featured image spacing fix (mobile)
   ============================================ */

@media (max-width: 1024px) {

  .sfwd-courses:not(.has-post-thumbnail) .entry-content-wrap {
    padding-top: 90px;
  }

}



  
  /* Ensure the content box does not break the layout */
  .sfwd-courses .content-bg {
      background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white for better readability */
      padding: 20px;
      border-radius: 8px; /* Optional: rounded corners for the box */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow */
  }
  
  /* Adjust title positioning to look good with overlap */
  .sfwd-courses .entry-title {
      margin-bottom: 15px; /* Reduce space between the title and content box */
  }
  
  
  /* Meta Styling for Author (if applicable) */

  #ld-cg-m2ccgr96ek .meta .author {
    display: none !important; /* Hides the entire author container including the "By" text */
}

  .meta .author {
      display: flex;
  }
  
  .meta .author img,
  .meta .author .name {
      display: none !important; /* Hides the author's avatar and name */
  }
  
  .meta .author .inner-wrapper {
      margin-left: 0;
  }
  #ld-cg-m2ccgr96ek .thumbnail img {
    width: 100%; /* Ensure the images fill the width of the container */
    height: 200px; /* Set a consistent height for all images */
    object-fit: cover; /* Maintain aspect ratio while cropping overflow */
    display: block; /* Remove any extra spacing caused by inline-block images */
    border-radius: 4px; /* Optional: add rounded corners */
}

#ld-cg-m2ccgr96ek .meta.price-wrapper {
    display: none !important; /* Completely hides the price wrapper */
}

  
#ld-cg-m2ccgr96ek .ribbon {
    display: block !important; /* Ensures the ribbon is visible */
    position: absolute; /* Makes the ribbon overlay the thumbnail */
    top: 0; /* Position at the top */
    left: 0; /* Position at the left */
    background-color: #bec575; /* Ribbon color, using your site's red hex color */
    color: #001329; /* White text for contrast */
    padding: 5px 10px; /* Padding for spacing inside the ribbon */
    font-size: 14px; /* Adjust font size */
    font-weight: bold; /* Make text bold */
    z-index: 10; /* Ensure it appears above other elements */
    border-radius: 0 0 4px 0; /* Optional: Rounded corner at the bottom right */
}


/* Style for the entire categories section */
#ld-cg-m2ccgr96ek .categories {
    color: #001329; /* Site red color */
    font-weight: normal; /* Optional: Customize the text weight */
    text-transform: uppercase; /* Make all text uppercase */
}

/* Add pipe separator after each span except the last one */
#ld-cg-m2ccgr96ek .categories span:not(:last-child)::after {
    content: " | "; /* Adds the pipe separator */
    color: #001329; /* Pipe matches the text color */
}

/* Remove extra pipes from any processed spans */
#ld-cg-m2ccgr96ek .categories[data-processed="true"] span:not(:last-child)::after {
    content: ""; /* Ensures pipes are not added again by CSS after JS processing */
}

/* Ensure no extra margin issues and spacing consistency */
#ld-cg-m2ccgr96ek .categories span {
    margin-right: 0; /* Reset any margin-right */
}

/* Add margin-right to the first category */
#ld-cg-m2ccgr96ek .categories span:first-child {
    margin-right: 5px; /* Adds spacing after the first category */
}

/* Add margin-left to all spans except the first one */
#ld-cg-m2ccgr96ek .categories span:not(:first-child) {
    margin-left: 5px; /* Adds spacing before each subsequent span */
}

/* Ensure no trailing pipes */
#ld-cg-m2ccgr96ek .categories span:last-child::after {
    content: ""; /* Removes the trailing pipe */
}


/* Add spacing below the progress bar within the specific grid */
#ld-cg-m2ccgr96ek .ld-progress {
    margin-bottom: 20px !important; /* Adjust the value as needed */
}


  /* Enrolled Ribbon */
  .thumbnail .ribbon.enrolled {
      background-color: #bec575 !important; /* Background color for enrolled ribbon */
      color: #001329 !important; /* Text color for enrolled ribbon */
      text-transform: uppercase; /* Optional: Makes text uppercase */
      font-weight: bold; /* Optional: Emphasizes text */
  }
  
  /* Completed Ribbon */
  .thumbnail .ribbon.completed {
      background-color: #001329 !important; /* Background color for completed ribbon */
      color: #d1e9fb !important; /* Text color for completed ribbon */
      text-transform: uppercase; /* Optional: Makes text uppercase */
      font-weight: bold; /* Optional: Emphasizes text */
  }
  h3.entry-title {
      margin-bottom: 10px !important; /* Change 10px to your desired spacing */
  }
  .ld-progress-stats {
      line-height: 1.5; /* Adjusts spacing within progress stats */
  }
  .learner-welcome-text {
      color: #424d53;
  }
  .learndash-course-grid {
      background: none !important;
  }
  
  /* Remove bottom margin for the ld-progress-inline container */
.ld-progress.ld-progress-inline {
    margin-bottom: 0 !important;
}


.ribbon {
    background-color: #bec575 !important; /* olive */
    text-transform: uppercase;
}
/* = CLZ — lock layout + text tint (grid only) ===================== */
#ld-cg-m2ccgr96ek .content { display:flex; flex-direction:column; }

/* 1) Excerpt: lighter midnight tint + fixed block height */
#ld-cg-m2ccgr96ek .entry-content {
  color: #2e3d53 !important;          /* lighter midnight */
  margin-top: 4px !important;          /* closer to title */
  min-height: 72px !important;         /* normalize height across cards */
}

/* 2) Progress bar: consistent placement (above button) */
#ld-cg-m2ccgr96ek .ld-progress { 
  margin-top: auto !important;         /* sticks to bottom of content stack */
}

/* 3) Button: sits just below progress with tight gap */
#ld-cg-m2ccgr96ek .button { 
  margin-top: 12px !important;         /* small, consistent gap under progress */
}

/* 4) Title spacing (slightly tighter) */
#ld-cg-m2ccgr96ek .entry-title { 
  margin-bottom: 8px !important;
}
/* Filter Button */
.toggle-filter {
    background-color: #001329 !important; /* Red background */
    color: #FFFFFF !important; /* White text */
    border: 2px solid #001329 !important; /* Red border */
    text-transform: uppercase !important; /* Uppercase text */
    letter-spacing: 1px !important; /* 1px letter spacing */
}

/* === CLZ: Course Grid Filter Buttons (Midnight Base, Pale Blue Text) === */

/* Apply & Clear Buttons */
#ld-cg-m2ccgr96ek .learndash-course-grid-filter .buttons .button {
  background-color: #001329 !important; /* Midnight Blue */
  color: #D1E9FB !important;            /* Pale Blue text */
  border: 2px solid #001329 !important; /* Border same as background */
  text-transform: uppercase !important;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
}

/* Hover — Slightly lighter Midnight Blue */
#ld-cg-m2ccgr96ek .learndash-course-grid-filter .buttons .button:hover {
  background-color: #4aaceb !important; /* Slightly lighter Midnight */
  color: #001329 !important;            /* Keep Pale Blue text */
  border-color: #4aaceb !important;
}

/* === CLZ: Course categories — blue pill, proper top rounding, single comma === */
#ld-cg-m2ccgr96ek .course-meta-items:last-child {
  background-color: #4aaceb !important;       /* CLZ Azure */
  color: #001329 !important;                  /* Midnight text */
  font-size: 13px !important;
  font-weight: 400 !important;
  border-radius: 4px 4px 4px 4px !important;  /* rounded top corners */
  text-align: center !important;
  padding: 8px 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* inline links inside pill */
#ld-cg-m2ccgr96ek .course-meta-items:last-child a {
  color: #001329 !important;
  text-decoration: none !important;
  display: inline !important;
  font-weight: 400 !important;
}


/* Safe override: keeps your other styles, but stops the auto comma here */
#ld-cg-m2ccgr96ek .course-meta-items:last-child a + a::before {
  content: none !important;
}

/* hover effect — white text */
#ld-cg-m2ccgr96ek .course-meta-items:last-child a:hover {
  color: #ffffff !important;
}


/* === CLZ — make Courses page behave like Home when S&F is present === */
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post > .content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding-top: 0 !important; /* match Home */
}

/* Title + excerpt spacing identical to Home */
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .entry-title {
  margin-bottom: 8px !important;
}
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .entry-content {
  margin-top: 4px !important;
  margin-bottom: 0 !important;        /* override LD default 20px */
  min-height: 72px !important;         /* same fixed excerpt block height as Home */
}

/* Push PROGRESS block to bottom of the content column */
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .learndash-wrapper,
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .ld-progress {
  margin-top: auto !important;
}

/* Button sits just under progress with a tight, consistent gap */
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .button {
  margin-top: 12px !important;
}

/* Stop LD's “last child pushes down” rule from fighting us */
#ld-cg-m2ccgr96ek .items-wrapper.grid.search-filter-query .item.grid-3 > article.post .content > *:last-child {
  margin-top: 12px !important;
}
/* CLZ: disable ONLY the Delivery Method link (keep categories clickable) */
#ld-cg-m2ccgr96ek .course-meta-items.delivery a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important; /* keep the same visual style */
}
/* CLZ — Equal height course cards (persists after AJAX) */
.learndash-course-grid .items-wrapper.grid { align-items: stretch; }
.learndash-course-grid .items-wrapper.grid .item { display: flex; }
.learndash-course-grid .items-wrapper.grid .item article {
  display: flex; flex-direction: column; width: 100%;
}
.learndash-course-grid .items-wrapper.grid .item .content {
  display: flex; flex-direction: column; flex: 1;
}
/* push CTA to bottom consistently */
.learndash-course-grid .items-wrapper.grid .item .button { margin-top: auto; }
/* if progress bar sits above button, keep it glued to bottom too */
.learndash-course-grid .items-wrapper.grid .item .learndash-wrapper { margin-top: auto; }



/* ============================================
   CLZ — Course meta box centering (mobile)
   ============================================ */
@media (max-width: 768px) {

  .course-meta-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .course-meta-column {
    width: 100%;
    text-align: center;     /* THIS is the key */
  }

  .course-meta-column strong,
  .course-meta-items,
  .course-meta-items a {
    display: block;
    text-align: center;
  }

}