/* ACERVOH — página da obra. Desejo → qualidade → contexto → confiança → produto. */

/* ---------- topo: galeria + painel ---------- */
.obra-topo {
	display: grid; grid-template-columns: 1fr; gap: 2.5rem;
	padding-top: 2rem; padding-bottom: 2rem;
}
@media (min-width: 960px) {
	.obra-topo { grid-template-columns: 1.5fr 1fr; gap: 4rem; padding-top: 3rem; }
}

.obra-galeria { display: flex; flex-direction: column; gap: 1.25rem; }
.obra-figura { margin: 0; }
.obra-figura figcaption {
	font-family: var(--mono); font-size: .6rem; letter-spacing: .12em;
	text-transform: uppercase; color: var(--cor-grafite); margin-top: .5rem;
}

/* mobile: galeria vira carrossel horizontal, imagem primeiro */
@media (max-width: 959px) {
	.obra-galeria {
		flex-direction: row; align-items: flex-start;
		overflow-x: auto; scroll-snap-type: x mandatory;
		gap: 1rem; margin: 0 -1.5rem; padding: 0 1.5rem;
	}
	.obra-galeria::-webkit-scrollbar { display: none; }
	.obra-figura { flex: 0 0 auto; scroll-snap-align: center; max-width: 86%; }
	.obra-figura img { max-height: 78vw; width: auto; }
}

/* painel de compra */
.obra-painel { display: flex; flex-direction: column; gap: .85rem; }
@media (min-width: 960px) {
	.obra-painel { position: sticky; top: 2.5rem; align-self: start; max-width: 26rem; }
}
.obra-artista {
	font-family: var(--mono); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
}
.obra-titulo {
	font-weight: 500; letter-spacing: -.015em; font-size: 2rem; line-height: 1.08; margin: 0;
	text-wrap: balance;
}
.obra-meta { font-family: var(--mono); font-size: .66rem; letter-spacing: .06em; color: var(--cor-grafite); margin: 0; text-transform: uppercase; }
.obra-meta a { text-decoration: underline; text-underline-offset: 3px; }
.obra-preco { font-size: 1.15rem; font-weight: 500; margin: .4rem 0 0; }
.obra-preco .a-partir { font-family: var(--mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cor-grafite); margin-right: .3rem; }

/* formulário Woo reestilizado */
.obra-compra table.variations { border-collapse: collapse; width: 100%; margin: .5rem 0 0; }
.obra-compra table.variations th { display: none; }
.obra-compra table.variations td { padding: 0; }
.obra-compra .reset_variations { display: none !important; }

/* o select nativo fica funcional mas oculto quando os chips assumem */
.obra-compra.tem-chips select { position: absolute; opacity: 0; pointer-events: none; height: 0; }
.rotulo-tamanho { margin-top: .75rem; }
.chips-tamanho { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.chips-tamanho button {
	font-family: var(--mono); font-size: .66rem; padding: .55rem .8rem;
	border: 1px solid var(--cor-linha); background: none; color: var(--cor-tinta); cursor: pointer;
}
.chips-tamanho button.ativo { border-color: var(--cor-tinta); }

.obra-compra .woocommerce-variation-price { margin-top: .75rem; font-weight: 500; }
.obra-compra .woocommerce-variation-price .price { font-size: 1.05rem; }
.obra-compra .woocommerce-variation-availability { display: none; }
.obra-compra .quantity,
.obra-compra input[name="quantity"] { display: none; }

.obra-compra .single_add_to_cart_button {
	display: block; width: 100%; margin-top: 1.1rem;
	font-family: var(--sans); font-weight: 500; font-size: .74rem; letter-spacing: .16em;
	padding: 1rem 1.6rem; background: var(--cor-tinta); color: var(--cor-fundo);
	border: 1px solid var(--cor-tinta); cursor: pointer; text-transform: uppercase;
	transition: background .2s;
}
.obra-compra .single_add_to_cart_button:hover { background: var(--cor-grafite); border-color: var(--cor-grafite); }
.obra-compra .single_add_to_cart_button.disabled { opacity: .4; cursor: not-allowed; }

.obra-compra .comprar-agora {
	display: block; margin-top: .8rem; background: none; border: none; padding: 0;
	font-family: var(--sans); font-size: .78rem; letter-spacing: .06em; color: var(--cor-grafite);
	text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.obra-compra .pagamentos {
	font-family: var(--mono); font-size: .62rem; letter-spacing: .08em;
	color: var(--cor-grafite); margin: .9rem 0 0;
}

.abre-semelhantes {
	align-self: flex-start; background: none; border: none; padding: 0; margin-top: .75rem;
	font-family: var(--mono); font-size: .64rem; letter-spacing: .12em;
	color: var(--cor-tinta); cursor: pointer;
	border-bottom: 1px solid var(--cor-tinta); padding-bottom: .15rem;
}
.salvar-lista {
	align-self: flex-start; background: none; border: none; padding: 0; margin-top: .35rem;
	font-family: var(--mono); font-size: .64rem; letter-spacing: .12em;
	color: var(--cor-grafite); cursor: pointer;
}
.salvar-lista.favorito-ativo { color: var(--cor-tinta); }

/* ---------- seções editoriais ---------- */
.obra-secao { padding-top: var(--espaco-4); }
.obra-fineart { margin-top: var(--espaco-4); padding: var(--espaco-4) 0; background: var(--cor-superficie); }
.obra-fineart-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 860px) { .obra-fineart-grid { grid-template-columns: 1fr 1.1fr; gap: 4rem; align-items: center; } }

/* (drawer de semelhantes estilizado no main.css — é global) */

/* ---------- CTA sticky mobile ---------- */
.cta-mobile {
	display: none;
}
@media (max-width: 959px) {
	.cta-mobile {
		display: flex; align-items: center; justify-content: space-between; gap: 1rem;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
		background: var(--cor-fundo); border-top: 1px solid var(--cor-linha);
		padding: .75rem 1.5rem;
		transform: translateY(100%); transition: transform .25s ease;
	}
	.cta-mobile.visivel { transform: translateY(0); }
	.cta-mobile-preco { font-weight: 500; font-size: .92rem; }
	.cta-mobile-preco .a-partir { font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cor-grafite); margin-right: .25rem; }
	.cta-mobile-botao {
		font-family: var(--sans); font-weight: 500; font-size: .68rem; letter-spacing: .14em;
		padding: .75rem 1.1rem; background: var(--cor-tinta); color: var(--cor-fundo);
	}
	body { padding-bottom: 0; }
}