/* ===== Header ===== */
.header, header.site {
  background: #FFFFFF;                     /* fundo do header */
  border-bottom: 1px solid #F5F5F5;        /* borda clara */
}
.header a, .menu a { color: #444444; }     /* texto no header */
.header a:hover, .menu a:hover { color: #7C2BB8; } /* hover roxo */

/* ===== Botões ===== */
.btn, .botao, button[type="submit"] {
  background: #7C2BB8;                     /* roxo principal */
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 600;
  transition: background .2s ease, transform .1s ease;
}
.btn:hover, .botao:hover {
  background: #A344DB;                     /* roxo claro no hover */
  transform: translateY(-1px);
}
.btn:disabled { opacity: .6; cursor: not-allowed; }

/* ===== Flags / Badges ===== */
.flag, .badge {
  background: #7C2BB8;
  color: #FFFFFF;
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 700;
  font-size: .8rem;
}
.flag--novo  { background: #A344DB; }

/* ===== Cards de produto ===== */
.card, .box, .produto, .vitrine .produto {
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-radius: 10px;
}
.preco .de   { color: #888888; text-decoration: line-through; }
.preco .por  { color: #7C2BB8; font-weight: 800; }
.preco .pix  { color: #A344DB; }

/* ===== Tarja Top (frete grátis etc.) ===== */
.topbar, .tarja-top {
  background: #7C2BB8;
  color: #FFFFFF;
  text-align: center;
  padding: 6px;
}
.topbar a, .tarja-top a { color: #FFFFFF; }

/* ===== Rodapé ===== */
.footer, footer.site {
  background: #F5F5F5;
  color: #444444;
  border-top: 1px solid #E0E0E0;
  padding: 20px 0;
}
.footer h3, .footer strong { color: #7C2BB8; }
.footer a { color: #444444; transition: color .2s ease; }
.footer a:hover { color: #7C2BB8; }

/* ===== Formulários ===== */
input, select, textarea {
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  padding: 10px;
}
input:focus, select:focus, textarea:focus {
  border-color: #7C2BB8;
  outline: none;
}

/* ===== Contador do carrinho ===== */
.carrinho .qtd, .icone .badge {
  background: #7C2BB8;
  color: #FFFFFF;
}