/* ======= FUNDOS, CORES E GERAIS ======= */
body {
  background-color: #fff0f5 !important; /* Rosa claro suave no fundo */
  font-family: 'Arial', sans-serif;
}

header, .topo, .menu-principal {
  background-color: #fff !important;
}

/* ======= BOTÃO FINALIZAR COMPRA ======= */
.botao-principal, .btn.btn-primary {
  background-color: #d27ca3 !important; /* Rosa suave */
  color: white !important;
  border-radius: 30px !important;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 25px;
  transition: background-color 0.3s ease;
}

.botao-principal:hover, .btn.btn-primary:hover {
  background-color: #b35c8d !important; /* Tom mais escuro no hover */
  transform: scale(1.03);
}

/* ======= CORRIGE O BOTÃO "ALTERAR FORMA DE PAGAMENTO" ======= */
a.btn.btn-small[style*="opacity"],
button[disabled][name="alterar_forma_pagamento"],
input[disabled][name="alterar_forma_pagamento"] {
  background-color: #444 !important;   /* Cor escura */
  color: #fff !important;              /* Texto branco */
  border: 1px solid #333 !important;
  opacity: 1 !important;               /* Remove transparência */
  pointer-events: auto !important;     /* Visualmente clicável */
  cursor: pointer !important;
  filter: none !important;
  transition: none !important;
  box-shadow: none !important;
}

a.btn.btn-small[style*="opacity"]:hover,
button[disabled][name="alterar_forma_pagamento"]:hover,
input[disabled][name="alterar_forma_pagamento"]:hover {
  background-color: #333 !important;   /* Um tom mais escuro ao passar o mouse */
  color: #fff !important;
}

/* ======= BANNER TOP (FULL WIDTH) ======= */
#cabecalho .topo {
  width: 100vw !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  position: relative;
}

/* ======= PRODUTOS / LISTAGEM ======= */
.produto .preco {
  color: #d27ca3 !important; /* Preço em rosa suave */
  font-weight: bold;
}

.produto .nome-produto {
  font-size: 16px;
  font-weight: 600;
  color: #444;
}

/* ======= RODAPÉ ======= */
footer, .rodape {
  background-color: #fff0f5 !important;
  color: #444;
}

/* ======= CAMPOS DE FORMULÁRIO ======= */
input, select, textarea {
  border-radius: 10px !important;
  border: 1px solid #ccc;
  padding: 10px;
}

/* ======= OUTROS AJUSTES SUAVES ======= */
a, a:visited {
  color: #b35c8d;
}

a:hover {
  color: #922c6d;
}