/* Sletta Core 1.2.1 – activity layout modifiers
 * Base card styling remains in the Sletta Flatsome child theme.
 */

/* Normal activity calendar/list: denser desktop overview. */
.shk-activities-grid.shk-activities-grid--compact {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 20px;
}

.shk-activities-grid--compact .shk-activity-card__image {
  aspect-ratio: 16 / 10;
}

.shk-activities-grid--compact .shk-activity-card__body {
  padding: 18px;
}

.shk-activities-grid--compact .shk-activity-card__title {
  font-size: 22px;
}

.shk-activities-grid--compact .shk-activity-card__meta {
  margin-bottom: 16px;
  font-size: 13px;
}

.shk-activities-grid--compact .shk-activity-card__date {
  top: 12px;
  left: 12px;
  min-width: 54px;
  min-height: 54px;
  padding: 6px;
}

.shk-activities-grid--compact .shk-activity-card__date strong {
  font-size: 22px;
}

/* Featured/homepage cards deliberately keep the child theme's roomy 3-column layout. */
.shk-activities-grid.shk-activities-grid--standard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 849px) {
  .shk-activities-grid.shk-activities-grid--compact,
  .shk-activities-grid.shk-activities-grid--standard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 549px) {
  .shk-activities-grid.shk-activities-grid--compact,
  .shk-activities-grid.shk-activities-grid--standard {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .shk-activities-grid--compact .shk-activity-card__image {
    height: 100%;
    aspect-ratio: auto;
  }

  .shk-activities-grid--compact .shk-activity-card__body {
    padding: 16px;
  }

  .shk-activities-grid--compact .shk-activity-card__title {
    font-size: 21px;
  }
}