/*
 * v-detail-objects — ficha de obra (y de exposición: la misma plantilla template_default).
 *   ancho:    navegación arriba; título a todo el ancho; imagen a la izquierda
 *             y, a la derecha, datos principales, texto y herramientas; abajo,
 *             "Información del objeto" con el título fijo en una columna a la
 *             izquierda y las secciones a la derecha; relacionados en una banda.
 *   angosto:  una columna; las secciones de datos pasan a acordeón cerrado.
 * Los contenedores intermedios del core quedan con display: contents.
 */
@layer views {
	.c-detail__body:is(.v-detail-objects *, .v-detail-occurrences *) { container: detail / inline-size; }
	:is(.v-detail-objects, .v-detail-occurrences) :is(.c-detail__layout, .c-detail__data) { display: contents; }

	/* navegación: volver | anterior · siguiente */
	:is(.v-detail-objects, .v-detail-occurrences) {
		display: grid;
		grid-template-columns: 1fr auto auto;
		align-items: center;
		column-gap: var(--space-s);
	}
	:is(.v-detail-objects, .v-detail-occurrences) > * { grid-column: 1 / -1; }
	:is(.v-detail-objects, .v-detail-occurrences) > .c-detail-nav__back { grid-column: 1; }
	:is(.v-detail-objects, .v-detail-occurrences) > .detailNavBgLeft { grid-column: 2; }
	:is(.v-detail-objects, .v-detail-occurrences) > .detailNavBgRight { grid-column: 3; }
	:is(.v-detail-objects, .v-detail-occurrences) > :is(.detailNavBgLeft, .detailNavBgRight):empty { display: none; }

	:is(.v-detail-objects, .v-detail-occurrences) .c-detail__head {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		grid-template-areas:
			"header  header"
			"media   summary"
			"media   main"
			"media   tools"
			"thumbs  ."
			"group   group"
			"cite    cite";
		grid-template-rows: auto auto auto 1fr auto;
		column-gap: var(--space-xl);
		row-gap: var(--space-m);
		margin-block-start: var(--space-m);
	}
	:is(.v-detail-objects, .v-detail-occurrences) .c-detail-header { grid-area: header; margin-block-end: var(--space-xs); }
	:is(.v-detail-objects, .v-detail-occurrences) .c-detail__media { grid-area: media; align-self: start; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata--summary { grid-area: summary; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata--main { grid-area: main; }
	:is(.v-detail-objects, .v-detail-occurrences) #tools-bar-container { grid-area: tools; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-viewer-thumbs { grid-area: thumbs; min-inline-size: 0; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group { grid-area: group; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-cite { grid-area: cite; }
	/* sin imagen: los datos ocupan el ancho */
	:is(.v-detail-objects, .v-detail-occurrences) .c-detail__head:not(:has(.c-viewer__stage)) {
		grid-template-areas: "header header" "summary summary" "main main" "tools tools" "thumbs thumbs" "group group" "cite cite";
	}
	:is(.v-detail-objects, .v-detail-occurrences) .c-detail__media:not(:has(.c-viewer__stage)) { display: none; }

	/* información del objeto: título a la izquierda (fijo al bajar), secciones a la derecha */
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
		column-gap: var(--space-xl);
		margin-block-start: var(--space-xl);
	}
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group__title {
		grid-row: 1 / span 20;
		align-self: start;
		position: sticky;
		inset-block-start: var(--space-m);
		font-size: var(--step-2);
	}
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group > .c-metadata { grid-column: 2; }
	:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group > .c-metadata:first-of-type { border-block-start-color: var(--color-strong); }

	/* angosto */
	@container detail (width < 50rem) {
		:is(.v-detail-objects, .v-detail-occurrences) .c-detail__head,
		:is(.v-detail-objects, .v-detail-occurrences) .c-detail__head:not(:has(.c-viewer__stage)) {
			grid-template-columns: minmax(0, 1fr);
			grid-template-areas: "header" "media" "thumbs" "summary" "main" "tools" "group" "cite";
			grid-template-rows: none;
		}
		:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group { grid-template-columns: minmax(0, 1fr); }
		:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group__title { grid-row: auto; position: static; margin-block-end: var(--space-s); }
		:is(.v-detail-objects, .v-detail-occurrences) .c-metadata-group > .c-metadata { grid-column: 1; }
		:is(.v-detail-objects, .v-detail-occurrences) .c-metadata__panel { --initial-state: closed; }
	}
}