@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Slab:wght@600;700;800&family=Alfa+Slab+One&display=swap');

:root{
  --primary: #e73d2f;
  --primary-hover: #fd6659;
  --primary-active: #fd6659;
  --header-topbar-text-color: #fff;
  --header-topbar-icon-color: #fff;
  --btn-product-thumb: var(--primary);
  --btn-product-thumb-hover: var(--primary);
  --green: #00b32d;
  --green-hover: #0b8b2b;
  --green-active: #0a7023;
  --header-menu-color-text-hover: var(--primary);
  --header-background-color: #000;
  --header-color-text: #fff;

  --font-primary: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-secondary: 'Roboto Slab', serif;      /* pegada rústica, legível */
  --font-accent: 'Alfa Slab One', serif;       /* opcional p/ H1/hero */
}

.menu-advanced .lista-nivel-1 {
	align-items: center;
}

.menu-advanced .item-nivel-1.item-custom {
	background-color: var(--primary);
	border-radius: 100px;
    height: 38px;
}
.menu-advanced .item-nivel-1.item-custom .item-nivel-1-text{
	color: #fff;
}

.menu-advanced .item-nivel-1 svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

html, body{
  font-family: var(--font-primary) !important;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* títulos gerais */
h1,h2,h3,h4,h5,h6,
.titulo, .title, .heading, .page-title, .product-title{
  font-family: var(--font-secondary) !important;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

/* H1/hero com mais “churrasco” (se ficar forte demais, apaga esse bloco) */
h1, .hero-title{
  font-family: var(--font-accent) !important;
  font-weight: 400;
  letter-spacing: 0.4px;
}

/* menu legível mas com personalidade */
.menu-advanced .item-nivel-1-text{
  font-family: var(--font-secondary) !important;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.top-bar {display: none;}