/* Página única de item Tainacan — áreas especiais de seção de metadados
   Classes reais geradas pelo Tainacan / plugin tainacan-blocksy:
   .tainacan-item-single, .tainacan-item-section, .tainacan-metadata-label,
   .tainacan-metadata-value, .metadata-section-layout--* */

.tainacan-item-single-page .tainacan-item-single .impacto-social-metadata-section--sidebar {
	background-color: var(--is-color-surface-alt);
	border-radius: var(--is-radius-md);
	padding: 2rem;
}

.tainacan-item-single-page .tainacan-item-single .impacto-social-metadata-section--default,
.tainacan-item-single-page .tainacan-item-single .impacto-social-metadata-section--collapses {
	max-width: var(--wp--style--global--content-size, 800px);
	margin-inline: auto;
	width: 100%;
}

.tainacan-item-single-page .tainacan-item-single .impacto-social-metadata-section--tabs {
	background-color: var(--is-color-surface-alt);
	border-radius: var(--is-radius-md);
	padding: 2rem 0 0 0;
}

.tainacan-item-single-page .tainacan-item-single {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.tainacan-item-single-page .tainacan-item-single:has(.impacto-social-metadata-section--sidebar) {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.tainacan-item-single-page .tainacan-item-single:has(.impacto-social-metadata-section--sidebar) > .impacto-social-metadata-section--sidebar {
	flex: 0 0 300px;
}
.tainacan-item-single-page .tainacan-item-single:has(.impacto-social-metadata-section--sidebar) > *:not(.impacto-social-metadata-section--sidebar) {
	flex: 1 1 480px;
}

/* Rótulos e ícones das seções/metadados */
.tainacan-item-single-page .tainacan-single-item-section {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--is-color-primary);
}
.tainacan-item-single-page .tainacan-item-section--metadata-sections .ph {
	font-size: 1.8rem;
	color: var(--is-color-secondary);
}
.tainacan-item-single-page .tainacan-metadata-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--is-color-text-muted);
}
.tainacan-item-single-page .tainacan-metadata-label .ph {
	font-size: 1.1rem;
}

/* Estilo "tags"/"botões" para valores de metadados (Relacionamento/Taxonomia) */
.tainacan-item-single-page .tainacan-metadata-value--buttons,
.tainacan-item-single-page .tainacan-metadata-value--tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tainacan-item-single-page .tainacan-metadata-value--buttons .multivalue-separator,
.tainacan-item-single-page .tainacan-metadata-value--tags .multivalue-separator {
	display: none;
}
.tainacan-item-single-page .tainacan-metadata-value--buttons a,
.tainacan-item-single-page .tainacan-metadata-value--tags a {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: var(--is-color-secondary);
	border-radius: var(--is-radius-sm);
	transition: background-color .15s ease, transform .15s ease;
}
.tainacan-item-single-page .tainacan-metadata-value--tags a {
	border-radius: 999px;
	background: var(--is-color-primary);
}
.tainacan-item-single-page .tainacan-metadata-value--buttons a:hover,
.tainacan-item-single-page .tainacan-metadata-value--tags a:hover {
	background: var(--is-color-accent);
	color: var(--is-color-primary-dark);
	transform: translateY(-2px);
}

/* Abas */
.tainacan-item-single-page .metadata-section-layout--tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
}
.tainacan-item-single-page .metadata-section-layout--tabs label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 24px;
	background: var(--is-color-surface);
	border: 1px solid var(--is-color-border);
	border-bottom: none;
	border-radius: var(--is-radius-sm) var(--is-radius-sm) 0 0;
	cursor: pointer;
}
.tainacan-item-single-page .metadata-section-layout--tabs input { position: absolute; opacity: 0; }
.tainacan-item-single-page .metadata-section-layout--tabs input:checked + label {
	background: var(--is-color-primary);
	color: #fff;
}
.tainacan-item-single-page .metadata-section-layout--tabs input:checked + label h2 { color: #fff; }
.tainacan-item-single-page .metadata-section-layout--tabs .tainacan-item-section {
	display: none;
	width: 100%;
	padding: 2rem;
	border: 1px solid var(--is-color-border);
	border-radius: 0 var(--is-radius-md) var(--is-radius-md) var(--is-radius-md);
	background: var(--is-color-surface);
}
.tainacan-item-single-page .metadata-section-layout--tabs input:checked + label + .tainacan-item-section {
	display: block;
}

/* Caixas recolhíveis */
.tainacan-item-single-page .metadata-section-layout--collapses label {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px;
	margin-top: 8px;
	background: var(--is-color-surface);
	border: 1px solid var(--is-color-border);
	border-radius: var(--is-radius-sm);
	cursor: pointer;
}
.tainacan-item-single-page .metadata-section-layout--collapses input { position: absolute; opacity: 0; }
.tainacan-item-single-page .metadata-section-layout--collapses .tainacan-icon {
	color: var(--is-color-secondary);
	transition: transform .2s ease;
}
.tainacan-item-single-page .metadata-section-layout--collapses input:checked + label .tainacan-icon {
	transform: rotate(90deg);
}
.tainacan-item-single-page .metadata-section-layout--collapses .tainacan-item-section {
	display: none;
	padding: 1.5rem 2rem;
	border: 1px solid var(--is-color-border);
	border-top: none;
}
.tainacan-item-single-page .metadata-section-layout--collapses input:checked + label + .tainacan-item-section {
	display: block;
}

/* Relacionamentos exibidos como cartões */
.tainacan-item-single-page .tainacan-relationship-group {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1rem;
}
.tainacan-item-single-page .tainacan-relationship-group .tainacan-relationship-metadatum {
	padding: 1rem;
	background: var(--is-color-surface-alt);
	border-radius: var(--is-radius-sm);
}

/* Imagem de cabeçalho da coleção (arquivo) reutilizada também na single, se aplicável */
.tainacan-collection-header-image img {
	width: 100%;
	max-height: 320px;
	object-fit: cover;
	border-radius: var(--is-radius-lg);
	margin-bottom: 2rem;
}