/* To be used in internal base templates, currently base.html & base.jinja2 */

.btn-admin, .btn-admin.disabled, .btn-outline-admin:hover {
  background-color: #b84dff;
  color: white;
}
.btn-admin:hover, .btn-admin:active {
  background-color: #933dcc !important;
  color: white !important;
}
.btn-outline-admin, .btn-outline-admin.disabled{
  background-color: var(--bs-body-bg);
  border-color: #b84dff;
  color : #b84dff;
}
.btn-hub, .btn-hub.disabled{
  background-image: linear-gradient(120deg, #21D3B3 0%, #B84DFF 51%, #21D3B3 100%);
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
}
.btn-hub:hover {
  background-position: 100%;
  color: white;
}
ul.errorlist {
  color: red;
}
.error-message {
  color: red;
}
.bottom-of-page-whitespace {
  margin-bottom: 2em;
}
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html[data-bs-theme='dark'] #logo-journee {
  content: url('https://assets.journeetrips.com/logo-white-transparent-borderless.svg');
}
#header.header-staging {
  background-color: #FFCB22;
}
html[data-bs-theme='dark'] #header.header-staging {
  background-color: #997A15;
}
#header.header-development {
  background-color: var(--bs-tertiary-bg);
}
.color-purple-light {
  color: #B84DFF;
  --bs-table-color: #B84DFF;
}
.bold-yellow-highlight {
  font-weight: bold;
  background-color: yellow;
  color: #000;
}
html[data-bs-theme='dark'] .bold-yellow-highlight {
  background-color: #665500;
  color: #ffd;
}
.catalogue-notes {
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  padding: 5px;
}

/* Bootstrap 5.3 dark mode: table borders need more contrast */
html[data-bs-theme='dark'] .table-bordered {
  --bs-border-color: var(--bs-gray-600);
}

/* Bootstrap 5 tweak: do not underline links */
a:not([class*="btn"]) {
  text-decoration: none;
}

/* Polyfill for Bootstrap 6's btn-subtle — remove this block when upgrading to BS6 */
.btn-subtle {
  /* Copied from btn-dark */
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

html[data-bs-theme='dark'] .btn-subtle {
  /* Copied from btn-light */
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}