/* ============================================================
   CLIMÁTIKO CENTRAL
   PADRÃO GLOBAL DE BOTÕES
============================================================ */

:root{
  --climatiko-primary: #155FA8;
  --climatiko-primary-hover: #0F4F8F;
  --climatiko-primary-active: #0B437A;
  --climatiko-primary-soft: #EAF3FB;
  --climatiko-primary-border: #155FA8;
}


/* ============================================================
   BOTÕES PRINCIPAIS DOS MÓDULOS
============================================================ */

.cli-btn-primary,
.forn-btn-primary,
.oc4-btn-dark,
.cadaux-primary,
.crud-primary,
.crud-btn-primary,
.fin-primary,
.fin-btn-primary,
.financeiro-primary,
.financeiro-btn-primary,
.os-primary,
.os-btn-primary,
.vendas-primary,
.vendas-btn-primary,
.estoque-primary,
.fiscal-primary,

button.btn-primary,
a.btn-primary,

.btn.btn-primary{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary-border) !important;

  color:#fff !important;

  box-shadow:none !important;

}


/* HOVER */

.cli-btn-primary:hover,
.forn-btn-primary:hover,
.oc4-btn-dark:hover,
.cadaux-primary:hover,
.crud-primary:hover,
.crud-btn-primary:hover,
.fin-primary:hover,
.fin-btn-primary:hover,
.financeiro-primary:hover,
.financeiro-btn-primary:hover,
.os-primary:hover,
.os-btn-primary:hover,
.vendas-primary:hover,
.vendas-btn-primary:hover,
.estoque-primary:hover,
.fiscal-primary:hover,

button.btn-primary:hover,
a.btn-primary:hover,
.btn.btn-primary:hover{

  background:
    var(--climatiko-primary-hover) !important;

  border-color:
    var(--climatiko-primary-hover) !important;

}


/* CLICK */

.cli-btn-primary:active,
.forn-btn-primary:active,
.oc4-btn-dark:active,
.cadaux-primary:active,
.crud-primary:active,
.crud-btn-primary:active,
.fin-primary:active,
.fin-btn-primary:active,
.financeiro-primary:active,
.financeiro-btn-primary:active,
.os-primary:active,
.os-btn-primary:active,
.vendas-primary:active,
.vendas-btn-primary:active,
.estoque-primary:active,
.fiscal-primary:active,

button.btn-primary:active,
a.btn-primary:active,
.btn.btn-primary:active{

  background:
    var(--climatiko-primary-active) !important;

  border-color:
    var(--climatiko-primary-active) !important;

}


/* ============================================================
   BOTÕES ESPECÍFICOS QUE HOJE ESTÃO PRETOS
============================================================ */

/* CLIENTES */

#cliAdicionar,
#cliMaisAcoes,
#cliBuscar,
#cliBuscarRapido{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


/* FORNECEDORES */

#fornAdicionar,
#fornMaisAcoes,
#fornBuscar,
#fornBuscarRapido{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


/* ORÇAMENTOS */

#oc4Adicionar,
#oc4Pesquisar,
#oc4Salvar{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


/* CADASTROS AUXILIARES */

#cadauxAdicionar,
#cadauxSalvar{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


/* ============================================================
   BUSCA / LUPA
============================================================ */

.cli-square,
.forn-square,
.oc4-btn-search,

button[class*="search-btn"],
button[class*="btn-search"],
button[class*="buscar-btn"],
button[id*="BuscarRapido"],
button[id*="Pesquisar"]{

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


.cli-square:hover,
.forn-square:hover,
.oc4-btn-search:hover,

button[class*="search-btn"]:hover,
button[class*="btn-search"]:hover,
button[class*="buscar-btn"]:hover,
button[id*="BuscarRapido"]:hover,
button[id*="Pesquisar"]:hover{

  background:
    var(--climatiko-primary-hover) !important;

  border-color:
    var(--climatiko-primary-hover) !important;

}


/* ============================================================
   BUSCAR DOS FILTROS
============================================================ */

button[id$="Buscar"]:not(.nav-item),
button[id*="Buscar"]:not(.nav-item){

  transition:
    background .15s ease,
    border-color .15s ease;

}


button[id$="Buscar"]:not(.nav-item):not(.cli-btn-light):not(.forn-btn-light){

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


/* ============================================================
   BOTÕES DE SALVAR / CADASTRAR
============================================================ */

button[id*="Salvar"]:not(.nav-item),
button[id*="Cadastrar"]:not(.nav-item){

  background:
    var(--climatiko-primary) !important;

  border-color:
    var(--climatiko-primary) !important;

  color:#fff !important;

}


button[id*="Salvar"]:not(.nav-item):hover,
button[id*="Cadastrar"]:not(.nav-item):hover{

  background:
    var(--climatiko-primary-hover) !important;

  border-color:
    var(--climatiko-primary-hover) !important;

}


/* ============================================================
   NÃO ALTERAR BOTÕES SECUNDÁRIOS
============================================================ */

.cli-btn-light,
.forn-btn-light,
.oc4-btn-light,
.oc4-btn-outline,
.cadaux-light,
.cli-btn-outline,
.forn-btn-outline{

  background:#fff !important;

  color:#475467 !important;

}


/* ============================================================
   NÃO ALTERAR EXCLUSÃO / PERIGO
============================================================ */

.delete,
.danger,
[class*="delete"],
[class*="danger"],
button[data-excluir],
button[data-delete]{

  /*
    Mantém o tratamento próprio de exclusão.
  */

}


/* ============================================================
   NÃO ALTERAR MENU LATERAL
============================================================ */

.sidebar .nav-item,
.sidebar button,
.cc2-menu-root .nav-item,
.cc2-menu-root .cc2-group-toggle,
.cc2-submenu button{

  /*
    O menu lateral continua com o próprio estilo.
    Não recebe o azul dos botões principais.
  */

}


/* ============================================================
   PADRÃO VISUAL
============================================================ */

.cli-btn-primary,
.forn-btn-primary,
.oc4-btn-dark,
.cadaux-primary,

#cliAdicionar,
#cliMaisAcoes,
#fornAdicionar,
#fornMaisAcoes{

  border-radius:5px !important;

  transition:
    background .15s ease,
    border-color .15s ease,
    transform .05s ease !important;

}


.cli-btn-primary:hover,
.forn-btn-primary:hover,
.oc4-btn-dark:hover,
.cadaux-primary:hover,

#cliAdicionar:hover,
#cliMaisAcoes:hover,
#fornAdicionar:hover,
#fornMaisAcoes:hover{

  background:
    var(--climatiko-primary-hover) !important;

  border-color:
    var(--climatiko-primary-hover) !important;

}


.cli-btn-primary:active,
.forn-btn-primary:active,
.oc4-btn-dark:active,
.cadaux-primary:active{

  transform:
    translateY(1px);

}