/**
 * Custom CSS for Index Page - Curriculum Layout
 * Extracted from inline styles to avoid WAF issues
 */

/* Equal height curriculum cards - maintains horizontal layout */
.curriculum-cards-section .curriculum-card {
  min-height: 380px; /* Fixed minimum height for consistency */
}

/* 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;
  flex-wrap: wrap;
}

/* Desktop: Side-by-side basic cards (50% each with 1rem gap) */
@media (min-width: 992px) {
  .curriculum-cards-section .row .col-lg-6 {
    flex: 0 0 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
  
  .curriculum-cards-section .row .col-lg-6:first-child {
    margin-right: 1rem;
  }
}

/* Mobile: Stack basic cards edge-to-edge with spacing */
@media (max-width: 767.98px) {
  .curriculum-cards-section .row .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .curriculum-cards-section .row .col-lg-6 {
    margin-bottom: 1.5rem;
  }
  
  .curriculum-cards-section .row .col-lg-6:last-child {
    margin-bottom: 0;
  }
  
  /* Edge-to-edge cards on mobile */
  .curriculum-cards-section .row .col-lg-6 .curriculum-card {
    border-radius: 0;
  }
  
  /* Mobile button padding */
  .curriculum-card-action {
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
}