/* Paldeck grid/list layouts and page-specific card interactions. */

/* Card hover frame visibility and animation. */
.catalog-results-layout .pal-card:hover .paldeck-card-selection-frame,
.catalog-results-layout .pal-card:focus-visible .paldeck-card-selection-frame {
  opacity: 1;
  transition-delay: 45ms;
}

.catalog-results-layout .pal-card:hover .paldeck-card-selection-frame i,
.catalog-results-layout .pal-card:focus-visible .paldeck-card-selection-frame i {
  animation: paldeck-corner-breathe 980ms cubic-bezier(.45, 0, .55, 1) 160ms infinite;
}

/* Result grid breakpoints and compact list composition. */
.catalog-results-layout .empty-state { min-height: 15rem; }

@media (max-width: 1320px) {
  .catalog-results-layout .pal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .catalog-results-layout { width: calc(100% - 1rem); }
  .catalog-results-layout .pal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 580px) {
  .catalog-results-layout .pal-grid { padding-inline: .3rem; grid-template-columns: 1fr; }
}

.catalog-results-layout .pal-grid[data-card-view="list"] {
  grid-template-columns: minmax(0, 1fr);
  gap: .42rem;
}

.catalog-results-layout .pal-grid[data-card-view="list"] .pal-card {
  min-height: 5.7rem;
  padding: .45rem .72rem .42rem 6.1rem;
  transform: none;
}

.catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-portrait {
  right: auto;
  left: .2rem;
  bottom: .12rem;
  width: 5.2rem;
  height: 5.2rem;
  object-position: left bottom;
  transform-origin: left bottom;
}

.catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-elements {
  margin-left: 0;
  margin-right: 0;
}

/* Results heading actions. */
.paldeck-list-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .7rem;
}

/* Narrow viewport adjustments. */
@media (max-width: 580px) {
  .paldeck-list-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .paldeck-list-actions {
    width: 100%;
    justify-content: space-between;
  }
}


/* Compact list adjustments. */
@media (max-width: 580px) {
  .catalog-results-layout .pal-grid[data-card-view="list"] .pal-card {
    min-height: 5.3rem;
    padding-right: .55rem;
    padding-left: 5.25rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-portrait {
    right: auto;
    left: .16rem;
    width: 4.7rem;
    height: 4.7rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-name {
    font-size: .92rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-works {
    gap: .12rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-work {
    height: 1.2rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-work img {
    width: 1rem;
    height: 1rem;
  }
}

@media (max-width: 390px) {
  .catalog-results-layout .pal-grid[data-card-view="list"] .pal-card {
    min-height: 5rem;
    padding-left: 4.7rem;
  }

  .catalog-results-layout .pal-grid[data-card-view="list"] .paldeck-card-portrait {
    width: 4.2rem;
    height: 4.2rem;
  }
}

/* Reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .catalog-results-layout .pal-card,
  .catalog-results-layout .pal-card::after,
  .paldeck-card-portrait,
  .paldeck-card-selection-frame,
  .paldeck-card-selection-frame i { transition: none; }
  .catalog-results-layout .pal-card:hover .paldeck-card-selection-frame i,
  .catalog-results-layout .pal-card:focus-visible .paldeck-card-selection-frame i { animation: none; transform: scale(1); }
}