/* ════════════════════════════════════════════════════════════════
   TABLEAU — Tema (preto + dourado) para a plataforma de leilão (Java)
   Override APENAS de cores/fontes/fundos. NÃO altera layout/posições.
   Carregar SEMPRE por ÚLTIMO, depois do style.css (ver cabecalho.jsp).
   ════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  --gold:#D4AF37;
  --gold-2:#e8c75a;
  --gold-dim:rgba(212,175,55,.12);
  --gold-border:rgba(212,175,55,.45);
  --bg:#171717;          /* mesmo cinza do surface — elimina os pretos */
  --surface:#171717;
  --surface-2:#222222;
  --line:rgba(255,255,255,.08);
  --text:#e9e7e1;
  --text-dim:#b4b0a6;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Montserrat','Tahoma',sans-serif;
}

/* ── Base ── */
html,body{background:var(--bg) !important;}
body{font-family:var(--sans) !important;color:var(--text) !important;}
#wrapper{background:var(--bg) !important;}
#content{color:var(--text) !important;}
p,li,td,th,dd,dt,label,span{color:inherit;}
a{color:var(--gold) !important;}
a:hover{color:var(--gold-2) !important;}
.link{color:var(--gold) !important;}
hr{background:var(--line) !important;}
::selection{background:rgba(212,175,55,.30);color:#fff;}

/* ── Tipografia de títulos (sem serifa — tudo Montserrat) ── */
h1,h2,h3,h4,h5,h6{font-family:var(--sans) !important;font-weight:600 !important;color:#fff !important;letter-spacing:.4px;}
h1{color:var(--gold) !important;}
.typo .title,.title{font-family:var(--sans) !important;color:var(--gold) !important;}

/* ── Topbar ── */
#topbar{background:var(--surface) !important;border-bottom:1px solid var(--gold-border) !important;}
#topbar .logo{color:#fff !important;font-family:var(--sans) !important;letter-spacing:.4px !important;white-space:nowrap;}
#topbar .logo strong{color:var(--gold) !important;}
.topbar_text{color:var(--text-dim) !important;}

/* ── Navbar ── */
#navbar{
  background:var(--surface) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--gold-border) !important;
}
#navbar a,#navbar li{color:var(--text) !important;text-shadow:none !important;}
#navbar li:hover{background:var(--gold-dim) !important;box-shadow:none !important;}
#navbar li.active{background:var(--gold-dim) !important;box-shadow:inset 0 -2px 0 var(--gold) !important;text-shadow:none !important;}
#navbar li.active a,#navbar li.active{color:var(--gold) !important;}

/* ── Botões: remove as imagens jpg, paleta e cantos retos (igual ao site) ── */
.button,.button2,.buttonfx,.big{
  background-image:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  -webkit-border-radius:0 !important;   /* webkit mobile honra o prefixado */
  -moz-border-radius:0 !important;
}
.white{background:var(--gold) !important;border:1px solid var(--gold) !important;color:#1a1a1a !important;}
.white:hover{background:var(--gold-2) !important;}
.themed{background:var(--gold) !important;border:1px solid var(--gold) !important;color:#1a1a1a !important;}
.themed:hover{background:var(--gold-2) !important;}
.black{background:var(--surface-2) !important;border:1px solid var(--gold-border) !important;color:var(--text) !important;}
.black:hover{background:#2a2a2a !important;}
.grey{background:var(--surface-2) !important;border:1px solid var(--line) !important;color:var(--text) !important;}
.grey:hover{background:#2a2a2a !important;}
.red{background:#7d1212 !important;border:1px solid #b02a2a !important;color:#fff !important;}
.red:hover{background:#9a1a1a !important;}
.big{color:inherit !important;}
.white .icon_text,.themed .icon_text{filter:brightness(0) saturate(100%);opacity:.8;}

/* ── Caixas / cabeçalhos de bloco ── */
.box-content,.box,.ui-widget-content{background:var(--surface) !important;border-color:var(--line) !important;color:var(--text) !important;}
.ui-widget-header,.fg-toolbar,.header-login,[class*="back_h2_box"]{
  background-image:none !important;background-color:var(--surface-2) !important;border-color:var(--line) !important;color:#fff !important;
}

/* ── Formulários ── */
input,textarea,select{background:var(--surface) !important;color:var(--text) !important;border:1px solid var(--line) !important;font-family:var(--sans) !important;}
input:focus,textarea:focus,select:focus{border-color:var(--gold-border) !important;outline:0 !important;}
input::placeholder,textarea::placeholder{color:#7a766c !important;}
.radiocheck label{background-image:none !important;background:var(--surface-2) !important;color:var(--text) !important;}

/* ── Tabelas ── */
table{color:var(--text) !important;}
.fg-toolbar{background-image:none !important;background-color:var(--surface-2) !important;line-height:40px;}
table.display thead th,table.tablesorter thead th,table.display tfoot th{
  background-image:none !important;background-color:var(--surface) !important;color:var(--gold) !important;border:1px solid var(--line) !important;
  font-family:var(--sans) !important;text-transform:uppercase;font-size:11px;letter-spacing:1px;
}
table.display tbody td,table.tablesorter tbody td,table.display tbody th{background-color:var(--surface) !important;color:var(--text) !important;border-color:var(--line) !important;}
table.display tbody tr.odd td,table.tablesorter tbody tr:nth-child(odd) td{background-color:#141414 !important;}
table.display tbody tr.even td,table.tablesorter tbody tr:nth-child(even) td{background-color:var(--surface) !important;}
table.display tbody tr:hover td{background-color:var(--gold-dim) !important;}
#tabledata_length select,#tabledata_filter input{background:var(--surface) !important;color:var(--text) !important;border:1px solid var(--line) !important;}
.dataTables_info,.dataTables_paginate,.paging_full_numbers span,.dataTables_paginate a{color:var(--text-dim) !important;}

/* ── Login ── */
#content-login{background:var(--bg) !important;color:var(--text) !important;}
#content-login .logo{color:var(--gold) !important;}
#content-login .message{color:var(--text-dim) !important;}

/* ── Chat / lances ── */
#box-chat{background:var(--surface) !important;border:0px solid var(--line) !important;color:var(--text) !important;}
#box-lancamento h3 .title{color:var(--gold) !important;}

/* ── Bordas azuis remanescentes → dourado/linha ── */
[style*="#a2daff"],.themed-border{border-color:var(--gold-border) !important;}

/* ════════ AJUSTES PÓS-REVISÃO ════════ */

/* 1) Mesma fonte/peso e texto PRETO em TODOS os botões */
.button,.button2,.buttonfx,.big,
a.button,button.button,input.button,
input[type="submit"],input[type="button"],button[type="submit"]{
  font-family:var(--sans) !important;
  font-weight:600 !important;
  letter-spacing:.4px !important;
  text-transform:none !important;
  border-radius:0 !important;
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
}
/* texto preto nos botões dourados (white/themed/big) */
.white,.themed,.white .big,.themed .big,.big.white,.big.themed,
a.white,a.themed,button.white,button.themed{
  color:#111 !important;
}

/* 2) "Minhas Compras": posição original do leilao.jsp (sem override de tema).
      Ajuste o inline style do botão no JSP conforme preferir. */

/* 3) "Lote XXX" (e demais box-header) SEM serif */
.box-header,h2.box-header{
  font-family:var(--sans) !important;
  font-weight:600 !important;
  letter-spacing:.4px !important;
}

/* 4) Fundos uniformes: linhas de tabela no mesmo cinza escuro (sem pretos) */
.box-table .odd,.box-table .even,
table.display tbody td,table.tablesorter tbody td,
table.display tbody tr.odd td,table.display tbody tr.even td{
  background-color:var(--surface) !important;
}
.box-table .even,table.display tbody tr.even td{
  background-color:var(--surface-2) !important;   /* zebra sutil, ambos cinza */
}

/* 5) Tela ADM — no hover o texto não pode virar dourado claro e sumir.
      Mantém a linha legível (fundo cinza, texto claro). */
.box-table tr:hover td,
table.display tbody tr:hover td,
table.tablesorter tbody tr:hover td{
  background-color:#2c2c2c !important;
}
.box-table a,.box-table td{ color:#e9e7e1 !important; }
.box-table tr:hover a,.box-table tr:hover td,
table.display tbody tr:hover a,
table.tablesorter tbody tr:hover a{
  color:#fff !important;        /* legível no hover, nunca dourado-some */
}