/* Shared compact list layout for Item and Structure cards. */

/* Shared horizontal catalog rows for Items and Structures. */
.catalog-grid[data-card-view="list"] {
  grid-template-columns: minmax(0, 1fr);
  gap: .65rem;
}

.catalog-grid[data-card-view="list"] .catalog-card {
  --catalog-hover-lift: 0px;
  --catalog-tilt-scale: 1;
  min-height: 7.8rem;
  transform: none;
}

.catalog-grid[data-card-view="list"] .catalog-card:hover,
.catalog-grid[data-card-view="list"] .catalog-card:focus-within {
  --catalog-hover-lift: 0px;
  --catalog-tilt-scale: 1;
  transform: none;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-media img,
.catalog-grid[data-card-view="list"] .catalog-card:hover .catalog-card-media img,
.catalog-grid[data-card-view="list"] .catalog-card:focus-within .catalog-card-media img {
  transform: none;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-button {
  min-height: 7.8rem;
  display: grid;
  grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr);
  align-items: stretch;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-media {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 7.8rem;
  height: 100%;
  border-right: 1px solid rgba(105, 217, 230, .16);
  border-bottom: 0;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-media img {
  width: 6.4rem;
  height: 6.4rem;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-copy {
  min-height: 0;
  padding: .8rem 1rem;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-copy strong,
.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-rarity,
.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-tech-level {
  max-width: none;
}

.catalog-grid[data-card-view="list"] .catalog-card .catalog-card-copy strong { margin-top: .3rem; }

@media (max-width: 620px) {
  .catalog-grid[data-card-view="list"] .catalog-card .catalog-card-button { grid-template-columns: 6rem minmax(0, 1fr); }
  .catalog-grid[data-card-view="list"] .catalog-card .catalog-card-media img { width: 4.8rem; height: 4.8rem; }
  .catalog-grid[data-card-view="list"] .catalog-card .catalog-card-copy { padding: .7rem .75rem; }
}