/*
 * c-table + listas de resultados (.bResultListItem, markup del core).
 * Tabla: encabezados chicos en versalitas sobre un filete oscuro; filas con
 * filetes finos; el nombre o título en serif. Lista: miniatura | título, con
 * filetes dorados (como las filas de la ficha de artista de la referencia).
 */
@layer components {
	.c-table {
		inline-size: 100%;
		border-collapse: collapse;
		font-size: var(--step--1);
	}
	.c-table thead td, .c-table th {
		padding: 0 var(--space-xs) var(--space-xs);
		border-block-end: 1px solid var(--color-strong);
		color: var(--color-muted);
		font-size: var(--step--2);
		font-weight: 600;
		letter-spacing: 0.08em;
		text-align: start;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.c-table thead a { color: inherit; text-decoration: none; }
	.c-table thead a.active, .c-table thead a:hover { color: var(--color-strong); }
	.c-table thead .c-icon[data-icon=""] { display: none; }
	.c-table tbody td {
		padding: var(--space-xs);
		border-block-end: 1px solid var(--color-border);
		vertical-align: middle;
	}
	.c-table tbody tr:hover { background: var(--color-soft); }
	.c-table td:empty { padding: 0; }
	.c-table thead td:has(> span:empty), .c-table tbody td:first-child:empty { inline-size: 0; padding: 0; }
	.c-table tbody a { text-decoration: none; }
	.c-table tbody td:has(> a:only-child) a, .c-table tbody td a:not(:has(img)) {
		font-family: var(--font-heading);
		font-size: var(--step-1);
		color: var(--color-strong);
	}
	.c-table tbody a:hover { text-decoration: underline; text-decoration-color: var(--color-accent); }
	.c-table img, .c-table__img img { display: block; inline-size: 4.5rem; max-inline-size: none;   /* % dentro de una celda automática da 0 */
		 aspect-ratio: 1; object-fit: contain; background: var(--color-soft); }

	/* tabla angosta: se desplaza en su propio contenedor */
	#browseResultsContainer:has(> .c-table), .c-results__body:has(.c-table) { overflow-x: auto; }

	/* listas */
	.list_wrapper { display: grid; border-block-start: 1px solid var(--color-strong); }
	.bResultListItem {
		display: grid;
		grid-template-columns: 6rem minmax(0, 1fr);
		align-items: center;
		gap: var(--space-m);
		padding-block: var(--space-s);
		border-block-end: 1px solid var(--color-rule);
		position: relative;
	}
	.bResultListItem > a:first-child { display: block; }
	.bResultListItem img, .bResultItemImgPlaceholder {
		display: grid;
		place-items: center;
		inline-size: 6rem;
		aspect-ratio: 4 / 3;
		object-fit: cover;
		background: var(--color-soft);
		color: var(--color-rule);
		font-size: 1.6rem;
	}
	.bResultListItemText h5 { font-size: var(--step-2); }
	.bResultListItem > a:first-child::after { content: ""; position: absolute; inset: 0; }
	.bResultListItem:hover h5 { text-decoration: underline; text-decoration-color: var(--color-accent); text-decoration-thickness: 1px; }
}