/**
 * Coisas de Casa — hero da listagem (.coisasdecasa-archive-hero) com imagem
 * de fundo, só nas duas linhas de produto (Linha Casa / Linha Campo).
 * Classes modificadoras aplicadas em tempo de render por
 * inc/archive-hero.php — ver esse arquivo para a lógica condicional.
 *
 * Qualquer outra listagem (loja, categorias antigas, marca, tag) nunca
 * recebe `--casa`/`--campo` e continua com o fundo sólido "superfície"
 * definido em assets/css/archive.css, sem nenhuma regra daqui se aplicando.
 *
 * Overlay: preto a 40% de opacidade sobre a imagem. Testado contra as duas
 * cores-base dos placeholders (vermelho-casa #C81E2C / verde-campo #3F6B3D)
 * e contra o tom mais claro do círculo decorativo de cada imagem — pior caso
 * observado (verde-campo, área do círculo) ainda fica em ~7.1:1 de contraste
 * com o texto branco (#FBF9F5), acima do mínimo AA de 4.5:1 para texto
 * normal e 3:1 para texto grande (o H1 do título).
 */

.coisasdecasa-archive-hero.coisasdecasa-archive-hero--casa,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--campo {
	position: relative;
	background-repeat: no-repeat;
	isolation: isolate;
}

.coisasdecasa-archive-hero.coisasdecasa-archive-hero--casa::before,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--campo::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 0;
}

.coisasdecasa-archive-hero.coisasdecasa-archive-hero--casa > .coisasdecasa-archive-hero__inner,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--campo > .coisasdecasa-archive-hero__inner {
	position: relative;
	z-index: 1;
}

.coisasdecasa-archive-hero.coisasdecasa-archive-hero--casa .wp-block-query-title,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--casa .wp-block-term-description,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--campo .wp-block-query-title,
.coisasdecasa-archive-hero.coisasdecasa-archive-hero--campo .wp-block-term-description {
	color: var(--wp--preset--color--branco-papel, #FBF9F5);
}