/*
 * Tainacan - Layout do Visualizador (público)
 *
 * Faz o visualizador de documento/PDF da página de item ocupar toda a largura
 * da ÁREA ÚTIL de conteúdo (mesma largura da linha sob o título). Tema alvo:
 * Tainacan Interface.
 *
 * Estrutura REAL confirmada no DOM ao vivo (acervo.dev.br):
 *   main.max-large (max-width:1400px)
 *     .single-item-data-section
 *       .tainacan-single-post
 *         section.single-item-collection.margin-two-column   (margin 0 8.33vw)
 *           .tainacan-media-component
 *             .tainacan-media-component__swiper-main
 *               .tainacan-media-item > .swiper-slide-content
 *                 figure.tainacan-content-embed.tainacan-embed-aspect-4-3   (max-width ≈ 684px -> teto)
 *                   .tainacan-content-embed__wrapper > iframe
 *
 * NÃO existe .single-item-collection--document neste tema.
 *
 * OBJETIVO: usar a ÁREA ÚTIL de conteúdo do Tainacan, com a MESMA largura da
 * linha que fica sob o título do item (div.tainacan-title-page, ~1400px =
 * container max-large) — NÃO a tela inteira (sem full-bleed/100vw).
 *
 * Para isso: (1) zeramos a margem .margin-two-column (8.33vw) da seção do
 * documento, alinhando-a ao título; (2) removemos o teto de largura por
 * aspect-ratio do <figure> (que prendia o PDF em ~684px).
 * O full-bleed é escopado com :has(.tainacan-content-embed) para atingir
 * somente a seção do documento (a seção "Itens relacionados" não tem embed).
 */

/* (1) Alinha a seção do documento ao título: remove a margem margin-two-column,
   levando-a de ~1080px para ~1400px (largura da linha do título). */
@media (min-width: 769px) {
	.single-item-data-section .single-item-collection.margin-two-column:has(.tainacan-content-embed) {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: auto !important;
		max-width: none !important;
	}
}

/* (2) Galeria/slide ocupam toda a largura disponível do container de conteúdo. */
.single-item-collection .tainacan-media-component,
.single-item-collection .tainacan-media-component__swiper-main,
.single-item-collection .tainacan-media-items,
.single-item-collection .tainacan-media-item,
.single-item-collection .swiper-slide-content {
	width: 100% !important;
	max-width: 100% !important;
}

/* Remove o espaço lateral reservado às setas do carrossel (documento único). */
.single-item-collection .tainacan-media-item.swiper-slide {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Remove o teto de largura por aspect-ratio do <figure> (a causa da caixa estreita). */
.single-item-collection .tainacan-content-embed,
.single-item-collection .tainacan-content-embed.tainacan-has-aspect-ratio,
.single-item-collection .tainacan-content-embed[class*="tainacan-embed-aspect"] {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Neutraliza a "caixa de aspecto" para controlar a altura diretamente. */
.single-item-collection .tainacan-content-embed__wrapper {
	position: static !important;
}
.single-item-collection .tainacan-content-embed__wrapper::before {
	display: none !important;
	padding-top: 0 !important;
}

/* PDF / iframe: largura total do container de conteúdo e altura de tela cheia (100vh). */
.single-item-collection .tainacan-media-component iframe,
.single-item-collection .tainacan-content-embed__wrapper iframe {
	position: static !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100vh !important;
	max-height: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Imagem como documento: largura total mantendo a proporção. */
.single-item-collection .tainacan-media-component .swiper-slide-content img {
	max-width: 100% !important;
}