/* ============================================================================
 * DATAMAP EFC — Re-tema do Bootstrap 5.1.3 p/ a paleta Vale.
 * Carregado POR ÚLTIMO (vence o cascade). Bootstrap 5.1.3 não usa --bs-btn-*,
 * então sobrescrevemos as propriedades diretamente. Tudo via tokens efc-*.
 *
 * Regra: azul default do Bootstrap (#0d6efd) → verde Vale (chrome/ação).
 * Cor de DADO/RISCO continua na rampa --risk-* (nunca aqui).
 * ========================================================================== */

/* --- Botões primários → verde Vale --- */
.btn-primary {
  background-color: var(--vale-green); border-color: var(--vale-green); color: #fff;
}
.btn-primary:hover {
  background-color: var(--vale-green-700); border-color: var(--vale-green-700); color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
  background-color: var(--vale-green-700); border-color: var(--vale-green-700);
  box-shadow: 0 0 0 .2rem rgba(0, 126, 122, .35);
}
.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--vale-green-700); border-color: var(--vale-green-700);
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--vale-green); border-color: var(--vale-green); opacity: .55;
}

.btn-outline-primary {
  color: var(--vale-green); border-color: var(--vale-green);
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--vale-green); border-color: var(--vale-green); color: #fff;
}
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 126, 122, .35);
}

/* --- btn-success (ex.: "Plotar Gráfico" no GeoPreview) → verde Vale --- */
.btn-success {
  background-color: var(--vale-green); border-color: var(--vale-green); color: #fff;
}
.btn-success:hover, .btn-success:active {
  background-color: var(--vale-green-700); border-color: var(--vale-green-700); color: #fff;
}

/* --- btn-outline-secondary → neutros tokenizados --- */
.btn-outline-secondary {
  color: var(--efc-ink-mut); border-color: var(--efc-border);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: var(--efc-surface-2); border-color: var(--efc-border); color: var(--efc-ink);
}

/* --- btn-check + outline (toggles, ex.: horizonte do simulador) → verde Vale --- */
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary {
  background-color: var(--vale-green); border-color: var(--vale-green); color: #fff;
}

/* --- text-primary / spinners azuis → verde Vale --- */
.text-primary { color: var(--vale-green) !important; }
.spinner-border.text-primary,
.spinner-border.text-success { color: var(--vale-green) !important; }
.btn-outline-primary .spinner-border { color: inherit !important; }

/* --- links → verde Vale (preserva navbar/brand/dropdown/botões) --- */
a:not(.efc-nav__link):not(.navbar-brand):not(.dropdown-item):not(.btn):not(.nav-link) {
  color: var(--vale-green);
}
a:not(.efc-nav__link):not(.navbar-brand):not(.dropdown-item):not(.btn):not(.nav-link):hover {
  color: var(--vale-green-700);
}

/* --- sliders (form-range) → verde Vale --- */
.form-range { accent-color: var(--vale-green); }
.form-range::-webkit-slider-thumb { background-color: var(--vale-green); }
.form-range::-webkit-slider-thumb:active { background-color: var(--vale-green-700); }
.form-range::-moz-range-thumb { background-color: var(--vale-green); }
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--efc-surface), 0 0 0 .2rem rgba(0, 126, 122, .35);
}

/* --- checkboxes / radios → verde Vale --- */
.form-check-input:checked {
  background-color: var(--vale-green); border-color: var(--vale-green);
}
.form-check-input:focus {
  border-color: var(--vale-green); box-shadow: 0 0 0 .2rem rgba(0, 126, 122, .25);
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--vale-green); }

/* --- focus de inputs/selects → verde Vale (não azul) --- */
.form-control:focus, .form-select:focus {
  border-color: var(--vale-green); box-shadow: 0 0 0 .2rem rgba(0, 126, 122, .18);
}

/* --- dropdown item ativo + nav-pills → verde Vale --- */
.dropdown-item.active, .dropdown-item:active { background-color: var(--vale-green); }
.nav-pills .nav-link.active { background-color: var(--vale-green); }

/* --- progress bar default → verde Vale --- */
.progress-bar { background-color: var(--vale-green); }

/* --- <code> → identificador técnico neutro (Bootstrap default é rosa #d63384) --- */
code { color: var(--efc-ink); }
/* code em chrome verde (brand-bar) ou header verde → branco legível */
.efc-brandbar code, .wd-header code { color: #fff; }