/* ============================================================
   The Element — Custom Overrides (post-theme.css)
   Only Bootstrap color overrides and utility helpers kept here.
   Everything else lives in theme.css + animations.css
   ============================================================ */

/* Override Bootstrap brand colors with theme palette */
.text-primary {
  color: var(--te-primary) !important;
}
.bg-primary {
  background-color: var(--te-primary) !important;
}

.btn-primary {
  background-color: var(--te-primary);
  border-color: var(--te-primary);
}
.btn-primary:hover {
  background-color: var(--te-green-800);
  border-color: var(--te-green-800);
}
.btn-outline-primary {
  color: var(--te-primary);
  border-color: var(--te-primary);
}
.btn-outline-primary:hover {
  background-color: var(--te-primary);
  border-color: var(--te-primary);
}

/* Toast override */
.toast-container {
  z-index: 1090;
}

/* Compare table min-width fix */
.compare-table-te .trek-name {
  white-space: normal;
  min-width: 160px;
}