/* --- ESTILIZAÇÃO TEMA FLAME: DEGRADÊ DE CHAMAS DE FOGO --- */
:root {
  /* Definição das cores oficiais baseadas no espectro do fogo (Azul, Vermelho, Laranja, Amarelo) */
  --fogo-degrade-total: linear-gradient(135deg, #0d001a 0%, #d31027 40%, #ea580c 75%, #facc15 100%);
  --fogo-degrade-topo: linear-gradient(to right, #0f172a, #b91c1c, #f97316);
  --fogo-brasa-solida: #ea580c;
  --fogo-amarelo-brilho: #facc15;
}

/* 1. Alterar o fundo do Topo (Cabeçalho) da loja */
#cabecalho {
  background: var(--fogo-degrade-topo) !important;
  border-bottom: 3px solid var(--fogo-brasa-solida);
}

/* 2. Barra de Tarjas / Banner Informativo Superior */
.barra-inicial, .tarja-carrossel, #barra-notificacao {
  background: linear-gradient(90deg, #9a3412 0%, #1e1b4b 50%, #9a3412 100%) !important; /* Brasa escura com fundo azul-fogo */
}

/* 3. Botões Principais de Compra (Vitrine e Página do Produto) */
.botao-comprar, .botao-action, .botao.principal, .comprar .botao {
  background: linear-gradient(90deg, #dc2626 0%, #f97316 50%, #facc15 100%) !important; /* O degradê vivo da chama */
  color: #000000 !important; /* Texto escuro para dar contraste total com o amarelo/laranja brilhante */
  font-weight: bold !important;
  border: none !important;
  text-transform: uppercase;
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.5); /* Brilho de fogo ao redor do botão */
  transition: transform 0.2s ease, background 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito ao passar o mouse por cima dos botões (Hover) - Efeito de labareda acesa */
.botao-comprar:hover, .botao-action:hover, .botao.principal:hover {
  background: linear-gradient(90deg, #ef4444 0%, #fb923c 50%, #fef08a 100%) !important; /* Cores ainda mais claras e quentes */
  transform: scale(1.03); /* Leve pulo para chamar atenção */
  box-shadow: 0 6px 25px rgba(250, 204, 21, 0.7); /* Aumenta o brilho interno */
}

/* 4. Rodapé da Loja */
#rodape {
  background: linear-gradient(to bottom, #111827, #070a12) !important; /* Escuro como carvão/noite */
  border-top: 4px solid var(--fogo-brasa-solida);
}

/* 5. Ajuste nas tags de Desconto / Selos de Oferta */
.tag-porcentagem, .bandeira-promocao, .selo-black-friday {
  background: linear-gradient(135deg, #b91c1c, #f97316) !important; /* Destaque fervente */
  color: #ffffff !important;
  font-weight: bold;
}