/* ===== ESTILOS GLOBAIS - BAIAK MINIMALIST ===== */

:root {
  --cor-bege-claro: #fff8e2;
  --cor-bege-medio: #ead19a;
  --cor-bege-escuro: #e7c98d;
  --cor-marrom-medio: #a87932;
  --cor-marrom-escuro: #3f250f;
  --cor-texto: #2b1a0c;
  --cor-branco: #ffffff;
}

/* Remove apenas caixa alta - fontes originais do site permanecem */
* {
  text-transform: none !important;
}

body {
  background: #f5ead2;
  color: var(--cor-texto);
  line-height: 1.6;
}

/* TÍTULOS - cor mantida, fonte original do tema preservada */
h1, h2, h3, h4, h5, h6 {
  color: var(--cor-marrom-escuro) !important;
  text-transform: none !important;
}

/* Widgets da barra lateral (Boost do Dia, Top 5, Castle 24H/48H/Dominion) tem fundo escuro - titulo precisa ficar claro */
.bm-widget h2,
.bm-menu-group h2 {
  color: #f2d477 !important;
}

h1 { font-size: 1.6rem; }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.15rem; }

/* BOTÕES - nao mexe nos pontinhos do carrossel, no toggle do menu lateral nem nos botoes da conta (tem estilo proprio do tema) */
button:not(.bm-season-dots button):not(.bm-menu-toggle):not(.bm-btn-primary):not(.bm-btn-secondary):not(.bm-btn-money):not(.bm-btn-logout), .btn, input[type="button"], input[type="submit"] {
  background: linear-gradient(180deg, #fff5d7, #e7c98d) !important;
  border: 1px solid var(--cor-marrom-medio) !important;
  color: var(--cor-marrom-escuro) !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
}

/* Pontinhos do carrossel de banners - indicadores discretos, nao sao botoes normais */
.bm-season-dots button {
  width: 34px !important;
  height: 5px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 218, 121, .42) !important;
  border-radius: 999px !important;
  background: rgba(255, 239, 194, .32) !important;
  cursor: pointer !important;
}

.bm-season-dots button.is-active {
  background: #d3a03b !important;
  box-shadow: 0 0 14px rgba(255, 197, 69, .55) !important;
}

/* INPUTS */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  background: #fff7df !important;
  border: 1px solid rgba(126, 84, 27, .4) !important;
  color: var(--cor-texto) !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  font-size: 0.9rem !important;
  text-transform: none !important;
}

/* CARDS */
.card, .box, .panel {
  background: linear-gradient(180deg, #fff5d7, #e7c98d) !important;
  border: 1px solid rgba(126, 84, 27, .4) !important;
  border-radius: 10px !important;
  padding: 18px !important;
}

/* TABELAS */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
}

th {
  background: linear-gradient(180deg, #744b21, #34200f) !important;
  color: #fff1c1 !important;
  padding: 12px !important;
  text-align: left !important;
  text-transform: none !important;
}

td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(126, 84, 27, .25) !important;
  color: var(--cor-texto) !important;
  text-transform: none !important;
}

tr:nth-child(even) td {
  background: rgba(255, 255, 255, .35) !important;
}

/* LINKS - nao mexe no menu lateral (cores por categoria) nem nos botoes da conta (estilo proprio do tema) */
a:not(.bm-menu-link):not(.bm-btn-primary):not(.bm-btn-secondary):not(.bm-btn-money):not(.bm-btn-logout) {
  color: var(--cor-marrom-medio) !important;
  text-decoration: none !important;
}

a:not(.bm-menu-link):not(.bm-btn-primary):not(.bm-btn-secondary):not(.bm-btn-money):not(.bm-btn-logout):hover {
  color: var(--cor-marrom-escuro) !important;
  text-decoration: underline !important;
}

/* Botao "My Account" - texto bege */
a.bm-play,
a.bm-play span {
  color: var(--cor-bege-claro) !important;
}


/* REMOVE CAIXA ALTA DE TODA A PÁGINA */
.bm-addon-kicker { text-transform: none !important; }
.bm-addon-stats span { text-transform: none !important; }
.bm-addon-tabs button { text-transform: none !important; }
.bm-addon-search { text-transform: none !important; }
.bm-addon-topline span,
.bm-addon-topline strong { text-transform: none !important; }
.bm-shop-tab { text-transform: none !important; }
.bm-form-button { text-transform: none !important; }
.bm-btn-primary { text-transform: none !important; }
.bm-btn-secondary { text-transform: none !important; }
.bm-account-card button { text-transform: none !important; }
.bm-account-card .bm-form-button { text-transform: none !important; }
.bm-btn-logout { text-transform: none !important; }

/* MENU SIDEBAR - Remove uppercase */
.bm-sidebar,
.bm-left,
.bm-right,
.accordion,
.bm-accordion,
[class*="menu"] {
  text-transform: none !important;
}

/* SETS PAGE - Remove hardcoded uppercase */
.bm-sets-kicker { text-transform: none !important; }
.bm-sets-tab { text-transform: none !important; }
.bm-sets-total span { text-transform: none !important; }

/* MOBILE */
@media (max-width: 768px) {
  h1 { font-size: 1.3rem; }
  h2 { font-size: 1.15rem; }
  h3 { font-size: 1rem; }
}

@media (max-width: 480px) {
  h1 { font-size: 1.15rem; }
  h2 { font-size: 1rem; }
  h3 { font-size: 0.9rem; }
}

/* ANIMAÇÕES */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in { animation: fadeIn 0.5s ease-out; }

/* UTILIDADES */
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.hidden { display: none !important; }
.visible { display: block !important; }

/* NOTIFICAÇÕES */
.alert, .notification {
  border-radius: 8px !important;
  padding: 14px !important;
  margin: 12px 0 !important;
  border-left: 4px solid !important;
  text-transform: none !important;
}

.alert-success { border-color: #118b45 !important; color: #155f28 !important; background: #dff7df !important; }
.alert-error { border-color: #d17761 !important; color: #7c1d12 !important; background: #ffe1d8 !important; }
.alert-warning { border-color: var(--cor-marrom-medio) !important; color: var(--cor-marrom-escuro) !important; background: #fff1ce !important; }
.alert-info { border-color: #2196F3 !important; color: #0d47a1 !important; background: #e3f2fd !important; }