/*
 * A product set as a tile (src/Blocks/Sets.php tile(), the boards' setTile()): beside a department's tiles in the
 * theme's header panel and its landing listing. Its photo filling a 2:1 frame, then the set's title, its pieces and
 * price, and Shop the set.
 */
.lanternwp-set-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
}

.lanternwp-set-tile__frame {
  grid-column: 1 / -1;
  position: relative;
  display: block;
  aspect-ratio: 2 / 1;
  border-radius: var(--wp--custom--radius--media);
  background: var(--wp--custom--color--media);
  overflow: hidden;
}

.lanternwp-set-tile__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lanternwp-set-tile__text {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--10);
}

.lanternwp-set-tile__title {
  font-size: var(--wp--preset--font-size--md);
  font-weight: var(--wp--custom--weight--semibold);
}

.lanternwp-set-tile__pieces {
  color: var(--wp--preset--color--muted);
  font-size: var(--wp--preset--font-size--sm);
}

.lanternwp-set-tile__cta {
  --lanternwp-icon-size: 1rem;

  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--weight--semibold);
}