/* 
 * Index Page Custom Styles
 * Curriculum card layout and responsive behavior
 */

/* Equal height curriculum cards - maintains horizontal layout */
.curriculum-cards-section .curriculum-card {
  margin-bottom: 2rem; /* Match fireflystyles.css spacing */
}

/* Basic training cards in 50% row layout */
.curriculum-cards-section .row .col-lg-6 .curriculum-card {
  height: 100%;
}

/* Ensure equal height for side-by-side basic courses */
.curriculum-cards-section .row {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2rem; /* Add spacing below the row */
}

.curriculum-cards-section .row .col-lg-6 {
  display: flex;
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  padding-left: 0;
  padding-right: 0;
}

.curriculum-cards-section .row .col-lg-6:first-child {
  margin-right: 1rem;
}

/* Move button inside content area for compact layout */
.curriculum-card-content .curriculum-card-action {
  margin-top: 1rem;
}

.curriculum-card-content .curriculum-card-action .btn-curriculum {
  width: 100%;
  padding: 0.75rem 1.5rem;
}

/* Mobile: Match advanced cards edge-to-edge style */
@media (max-width: 767.98px) {
  .curriculum-cards-section .row .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1.5rem;
    margin-right: 0; /* Remove the 1rem right margin from first column */
  }
  
  .curriculum-cards-section .row .col-lg-6:last-child {
    margin-bottom: 0;
  }
}