/* 🟠 CABEÇALHO PRINCIPAL - FUNDO LARANJA */
.header, .header-container {
  background-color: #F36621 !important; /* Laranja como cor de fundo principal */
  border-bottom: none !important; /* Remove a borda se existir */
}

/* 🔳 LOGO & TEXTO - Cor para contrastar com o laranja */
.header-logo, .header-cart-title, .header-user__button, 
.menu-link, .menu-link:visited {
  color: #ffffff !important; /* Texto do menu e ícones em BRANCO */
  font-weight: 500;
}

/* 🎯 EFEITO AO PASSAR O MOUSE SOBRE O MENU */
.menu-link:hover, .header-cart-title:hover {
  color: #ffcc00 !important; /* Um amarelo claro para o hover, contrasta bem */
  text-decoration: underline;
}

/* 🔴 BARRA SUPERIOR (Se existir) - Agora em Vermelho */
.header-topbar {
  background-color: #C8102E !important; /* Vermelho para a barra de desconto/frete */
  color: white !important;
}

.button--primary, .button-checkout, .add-cart, .product-buy-button, [type="submit"] {
  background-color: #F36621 !important;
  border-color: #F36621 !important;
  color: #ffffff !important;
  font-weight: bold;
}
.button--primary:hover, .button-checkout:hover, .add-cart:hover {
  background-color: #e05a1a !important;
  border-color: #e05a1a !important;
}

.button--secondary, .button--outlined, .add-cart-details {
  background-color: #C8102E !important;
  border-color: #C8102E !important;
  color: #ffffff !important;
}
.button--secondary:hover {
  background-color: #b10e29 !important;
  border-color: #b10e29 !important;
}

h1, h2, h3, h4, .product-name, .title {
  color: #333333 !important;
}
a, .link, .product-price {
  color: #C8102E !important;
}
.product-price--value.sale, .product-price--off {
  color: #F36621 !important;
}

.product-tag, .product-tag--sale, .stamp--sale {
  background-color: #F36621 !important;
  color: white !important;
  font-weight: bold;
}

.footer {
  background-color: #C8102E !important;
  color: white !important;
}
.footer a, .footer-title, .footer .link {
  color: white !important;
}
.footer a:hover {
  color: #ffcc00 !important;
}

.product, .card {
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  border-radius: 5px !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #F36621 !important;
  outline: none !important;
}