/* Univer Loja — moldura: cabeçalho e rodapé da loja nova dentro das páginas do tema
   (Woodmart). Vem DEPOIS do CSS do tema e ANTES do loja.css.

   O tema estiliza as tags soltas (ul com bolinha, margem em li/p/h2, botão em caixa-alta
   com fundo cinza e altura mínima, campo com borda de 2 px, fonte e cor do body…).
   Aqui tudo isso volta ao padrão do navegador — que é o que a home e a loja têm, sem
   tema — e o loja.css, que vem logo depois, desenha por cima igual à home.
   SVG e imagem ficam de fora: o "revert" apagaria o desenho dos ícones (atributo d)
   e as medidas width/height das fotos. */

.ulj-moldura {
	display: contents; /* não cria caixa: o cabeçalho continua grudando no topo */
	color: var(--ulj-tinta);
	font: 15px/1.5 var(--ulj-fonte);
	-webkit-font-smoothing: antialiased;
	text-align: start;
	text-transform: none;
	letter-spacing: normal;
}
.ulj-moldura :where(*:not(svg, svg *, img, picture, source)) { all: revert; }

/* a base do loja.css (que na home vale para a página inteira) */
.ulj-moldura :where(*), .ulj-moldura :where(*)::before, .ulj-moldura :where(*)::after { box-sizing: border-box; }
.ulj-moldura :where(a) { color: inherit; text-decoration: none; }
.ulj-moldura :where(button, input) { font: inherit; color: inherit; }
.ulj-moldura :where(img) { max-width: 100%; }
.ulj-moldura :where(h1, h2, h3, p, ul, ol) { margin: 0; }
.ulj-moldura :where(ul, ol) { padding: 0; list-style: none; }

/* o tema usa seletor mais forte nestes dois */
.ulj-moldura :where(img) { vertical-align: baseline; }
.ulj-moldura input[type="search"] { box-sizing: border-box; color: inherit; }

/* O loja.css liga a rolagem suave na página inteira (html). Nas páginas do tema, o
   miolo (página de produto etc.) continua exatamente como era: rolagem normal. */
html:not(.ulj-x) { scroll-behavior: auto; }