:root {
  --cor-principal: #ffe5ce;
  --cor-secundaria: #d79b62;
  --cor-fonte-primaria: #919b8a;
  --cor-fonte-secundaria: #ffe5ce;
}

.titulo_secao {
	color: var(--cor-fonte-secundaria);
	font-weight: bold;
}


.site-header {
	height: fit-content;
}

.navigation-list li a{
	color:var(--cor-fonte-primaria);
	font-size: 20px;
	font-weight: bold;
}

.navigation-list a:hover{
	color:var(--cor-secundaria);
	transition: 0.3s;
}

.navigation-list div p{
	color:var(--cor-fonte-primaria);
	font-size: 20px;
	font-weight: bold;
}

.cart-container {
  display: flex;
  align-items: center;
  gap: 8px; /* espaço entre carrinho e contador */
  font-family: Arial, sans-serif;
}

.cart-container a{
	text-decoration: none;
}

.cart-container:hover { 
	text-decoration: underline;
}

.cart-icon svg {
  width: 32px;
  height: 32px;
  color: #6b6b6b; /* cor do ícone */
}

.cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24	px;
  border: 2px solid var(--cor-fonte-primaria);
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  color: var(--cor-fonte-primaria);
}

.banner-home img{
	width: 100%;
}

body{
	background-color: var(--cor-principal);
}

#content{
	background-color: var(--cor-secundaria);
}

.cart-button img{
	height: 35px;
}
.toggle-sidebar svg {
	display: none;
}

.logo-header img{
	height: 40px;
}

.search-bar input{ 
	width: 80%;
	height: 40px;
	border-radius: 10px;
	border: none;
	outline: none;
	padding: 10px;
}


@media only screen and (max-width: 940px) {
	.toggle-sidebar {
		display: block;
	}
}