/**
 * Department Events Container Styling
 * Matches the egr-view component style
 */

/* Container styling to match egr-view */
#department-events-container,
.department-events-container {
  padding: 3rem 0;
  margin: 2rem 0;
}

/* Block title styling */
#department-events-container .block-title,
.department-events-container .block-title,
#department-news-container h5.block-title,
.department-news-container h5.block-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2rem;
  text-align: left;
}

/* Apply grid layout to department events views */
.view-upcoming-events-homepage.view-display-id-aes_events_block .view-content,
.view-upcoming-events-homepage.view-display-id-block_2 .view-content,
.view-upcoming-events-homepage.view-display-id-block_3 .view-content,
.view-upcoming-events-homepage.view-display-id-block_4 .view-content,
.view-upcoming-events-homepage.view-display-id-block_5 .view-content,
.view-upcoming-events-homepage.view-display-id-block_6 .view-content,
.view-upcoming-events-homepage.view-display-id-block_7 .view-content,
.view-upcoming-events-homepage.view-display-id-block_8 .view-content {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-auto-rows: 1fr !important;
  gap: 1.5rem !important;
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: stretch !important;
}

/* Target individual row wrappers */
.view-upcoming-events-homepage.view-display-id-aes_events_block .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_2 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_3 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_4 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_5 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_6 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_7 .view-content > div,
.view-upcoming-events-homepage.view-display-id-block_8 .view-content > div {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

/* Ensure cards fill their containers */
.view-upcoming-events-homepage.view-display-id-aes_events_block .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_2 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_3 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_4 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_5 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_6 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_7 .upcoming-event-card,
.view-upcoming-events-homepage.view-display-id-block_8 .upcoming-event-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 1 100% !important;
}

/* Ensure links fill cards */
.view-upcoming-events-homepage.view-display-id-aes_events_block .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_2 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_3 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_4 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_5 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_6 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_7 .upcoming-event-link,
.view-upcoming-events-homepage.view-display-id-block_8 .upcoming-event-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 1 100% !important;
}

/* Body expands to push categories to bottom */
.view-upcoming-events-homepage.view-display-id-aes_events_block .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_2 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_3 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_4 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_5 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_6 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_7 .upcoming-event-body,
.view-upcoming-events-homepage.view-display-id-block_8 .upcoming-event-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Categories stay at bottom */
.view-upcoming-events-homepage.view-display-id-aes_events_block .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_2 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_3 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_4 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_5 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_6 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_7 .upcoming-event-categories,
.view-upcoming-events-homepage.view-display-id-block_8 .upcoming-event-categories {
  margin-top: auto !important;
}

/* Responsive: 3 columns */
@media (max-width: 1400px) {
  .view-upcoming-events-homepage.view-display-id-aes_events_block .view-content,
  .view-upcoming-events-homepage.view-display-id-block_2 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_3 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_4 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_5 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_6 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_7 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_8 .view-content {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-auto-rows: 1fr !important;
  }
}

/* Responsive: 2 columns */
@media (max-width: 992px) {
  .view-upcoming-events-homepage.view-display-id-aes_events_block .view-content,
  .view-upcoming-events-homepage.view-display-id-block_2 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_3 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_4 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_5 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_6 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_7 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_8 .view-content {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-rows: 1fr !important;
    gap: 1.25rem !important;
  }

  #department-events-container,
  .department-events-container {
    padding: 2.5rem 0;
  }

  #department-events-container .block-title,
  .department-events-container .block-title,
  #department-news-container h5.block-title,
  .department-news-container h5.block-title {
    font-size: 1.75rem;
  }
}

/* Responsive: 1 column */
@media (max-width: 576px) {
  .view-upcoming-events-homepage.view-display-id-aes_events_block .view-content,
  .view-upcoming-events-homepage.view-display-id-block_2 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_3 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_4 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_5 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_6 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_7 .view-content,
  .view-upcoming-events-homepage.view-display-id-block_8 .view-content {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 1rem !important;
  }

  #department-events-container,
  .department-events-container {
    padding: 2rem 0;
  }

  #department-events-container .block-title,
  .department-events-container .block-title,
  #department-news-container h5.block-title,
  .department-news-container h5.block-title {
    font-size: 1.5rem;
  }
}