/**
 * =========================================================
 * Cal: List View
 * =========================================================
**/

/* ======================================== View Sections */

.cal-v-list {
  /* add styles here... */
}

/* ----------------------------------------------- Header */

.cal-v-list__header {
  /* add styles here... */
}

.cal-v-list__title {
  /* add styles here... */
}

.cal-v-list__subtitle {
  /* add styles here... */
}

.cal-v-list__switch {
  /* add styles here... */
}

.cal-v-list__switch-link {
  /* add styles here... */
}

.cal-v-list__recurrence {
  /* add styles here... */
}

/* ---------------------------------------- Month Divider */

.cal-v-list__month {
  /* add styles here... */
}

.cal-v-list__month-heading {
  /* add styles here... */
}

.cal-v-list__month + .cal-v-list__month .cal-v-list__month-heading {
  margin-top: 2rem;
}

/* ------------------------------------------------- List */

.cal-v-list__list {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.cal-v-list__item {
  /* add styles here... */
}

/* ---------------------------------------------- Notices */

.cal-v-list__empty {
  /* add styles here... */
}

/* ================================================ Parts */

/* ------------------------------------------ View Switch */

.cal-p-view-switch {
  /* add styles here... */
}

.cal-p-view-switch__link {
  /* add styles here... */
}

.cal-p-view-switch__current {
  /* add styles here... */
}

/* ------------------------------------------------- Card */

.cal-p-card {
  padding: 1.25rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
}

.cal-p-card__thumbnail {
  /* add styles here... */
}

.cal-p-card__body {
  > :last-child {
    margin-bottom: 0;
  }
}

.cal-p-card__title {
  /* add styles here... */
}

.cal-p-card__venue {
  /* add styles here... */
}

.cal-p-card__excerpt {
  /* add styles here... */
}

/* --------------------------------------- Series Section */

.cal-p-series-section {
  /* add styles here... */
}

.cal-p-series-section__title {
  /* add styles here... */
}

.cal-p-series-section__earlier {
  /* add styles here... */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.cal-p-series-section--upcoming {
  /* add styles here... */
}

.cal-p-series-section--past {
  /* add styles here... */
}

/* ------------------------------------------- Pagination */

.cal-p-pagination {
  margin-top: 1.5rem;
}

.cal-p-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.cal-p-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: #eee;
  color: #222;
  border-radius: 0.25rem;
  text-decoration: none;
}

.cal-p-pagination .page-numbers.current {
  background: #333;
  color: #fff;
}

.cal-p-pagination .page-numbers:is(a:hover, a:focus) {
  background: #ccc;
}

/* ============================================= Variants */

/* ------------------------------------------ Past Events */

.cal-v-list--past {
  /* add styles here... */
}
