/* Reset e tipografia base. */

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg-page);
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Evita o "flash" de cabeçalho/menu ainda vazio enquanto o JavaScript
   termina de montar o layout (header da loja / sidebar do admin) — a
   página fica invisível por um instante e aparece suavemente, em vez de
   mostrar o conteúdo "pulando" pro lugar certo. js/config.js garante que
   a classe seja adicionada mesmo se algo falhar, pra nunca travar em branco. */
body:not(.nimac-ready) {
  opacity: 0;
}
body.nimac-ready {
  opacity: 1;
  transition: opacity 0.15s ease;
}

h1, h2, h3, h4, p, figure {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}