/* ==========================================================================
   Reset dos wrappers do WordPress e do Elementor — Hidrogên
   --------------------------------------------------------------------------
   Mora no tema filho, ao lado do hidrogen.css. Nao entra no hidrogen.css
   porque aquele arquivo e gerado pelo wp_monta.py e seria sobrescrito.

   Por que existe: o Elementor poe 10px de padding em todo `.e-con`
   (`--container-default-padding-top`, com fallback 10px no frontend.min.css).
   O desenho da Hidrogen e full-bleed — cada secao controla o proprio respiro —
   entao esses 10px viram uma moldura branca em volta das 29 secoes.

   O `:has(.hg)` limita o reset aos containers que carregam uma secao nossa.
   O cabecalho e o rodape, montados com widgets do UAE, ficam intactos.
   ========================================================================== */

/* O padding real NAO vem da variavel: `base-desktop.css` traz
   `.elementor .e-flexbox-base{padding:10px}` com valor literal. Por isso o
   seletor abaixo carrega `.elementor` — para vencer aquela regra — e zera o
   `padding` de verdade, alem das variaveis. Medido no navegador em 02/09. */
.elementor .e-con:has(.hg),
.elementor .e-flexbox-base:has(.hg) {
	padding: 0;
}

.e-con:has(.hg) {
	--padding-top: 0;
	--padding-bottom: 0;
	--padding-left: 0;
	--padding-right: 0;
	--widgets-spacing: 0 0;
	--widgets-spacing-row: 0;
	--widgets-spacing-column: 0;
	--kit-widget-spacing: 0;

	max-width: none;
	width: 100%;
}

.e-con:has(.hg) > .elementor-widget-html,
.e-con:has(.hg) > .elementor-widget-html > .elementor-widget-container {
	margin: 0;
	max-width: none;
	width: 100%;
}

/* O template `elementor_header_footer` do Hello Elementor ja e enxuto, mas
   nao custa garantir que o embrulho do tema nao reintroduza limite de largura. */
body.page-template-elementor_header_footer .page-content,
body.page-template-elementor_header_footer .site-main {
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

/* ==========================================================================
   CABEÇALHO GLOBAL — destaque da página atual
   --------------------------------------------------------------------------
   O cabeçalho é um só para o site inteiro, então quem sabe em que página o
   visitante está é o WordPress, não o HTML. O `functions.php` do tema filho
   acrescenta ao body uma classe com o slug da página (`pagina-produtos`), e
   é ela que acende o item certo do menu.

   Estas regras não podem viver no hidrogen.css: o wp_monta.py prefixa todo
   seletor com `.hg`, e `.hg body.pagina-produtos` nunca casaria — o body
   está acima do escopo, não dentro.
   ========================================================================== */

body.pagina-inicio  .hg .hdr nav a[href="/"],
body.pagina-produtos .hg .hdr nav a[href="/produtos/"],
body.pagina-sobre    .hg .hdr nav a[href="/sobre/"] {
	background: rgba(255, 255, 255, 0.13);
	color: #fff;
}

/* O cabeçalho do tema não existe — quem o desenha é o nosso HTML dentro do
   template do UAE. Sem isto o wrapper do plugin acrescenta respiro em volta. */
.ehf-header .hg,
.ehf-footer .hg {
	margin: 0;
	padding: 0;
}