/* ---------- small reusable "chrome" bits: badges, alerts, dropdowns, pagination, breadcrumbs
   ---------- these are all short enough that a file each would just be more clutter, not less */

/* badges */
.badge-success {
  background-color: #4f7a5c;
  color: #fff;
}
.badge-warning {
  background-color: var(--gold);
  color: var(--velvet);
}

/* alerts */
.alert-danger {
  background-color: #fbe4e9;
  border-color: #f3b8c4;
  color: #6b1f45;
}
.alert-warning {
  background-color: #f8edd6;
  border-color: var(--gold-soft);
  color: #6b5424;
}
.alert-success {
  background-color: #e6efe8;
  border-color: #b9d4c0;
  color: #385c42;
}

/* dropdowns */
.dropdown-menu {
  background-color: var(--paper);
  border: 1px solid var(--line);
  border-top: 2px solid var(--gold);
  box-shadow: 0 8px 24px rgba(107, 31, 69, 0.12);
}
.dropdown-item {
  color: var(--ink);
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--rose-soft);
  color: var(--velvet);
}

/* pagination */
.page-link {
  color: var(--wine);
  border-color: var(--line);
}
.page-link:hover {
  color: var(--wine-strong);
  background-color: var(--rose-soft);
  border-color: var(--line);
}
.page-item.active .page-link {
  background-color: var(--wine);
  border-color: var(--wine);
  color: #fff5f0;
}
.page-item.disabled .page-link {
  color: var(--muted);
  background-color: var(--paper);
}

/* breadcrumbs */
.breadcrumb {
  background-color: transparent;
  padding-left: 0;
}
.breadcrumb-item.active {
  color: var(--muted);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--gold);
}