/* Account role controls must remain button-based because switching uses POST. */
.navbar .dropdown ul .role-switch-heading {
  min-width: 200px;
  list-style: none;
}

.navbar .dropdown ul .role-switch-form {
  width: 100%;
}

.navbar .dropdown ul button.role-switch-button {
  min-height: 38px;
  border-radius: 6px;
  box-shadow: none;
  font: 500 13px/1.35 "Poppins", sans-serif;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease;
}

.navbar .dropdown ul button.role-switch-button:hover,
.navbar .dropdown ul button.role-switch-button:focus-visible {
  color: #8f1717 !important;
  background: #fff5f5 !important;
  outline: none;
}

.navbar .dropdown ul button.role-switch-button.is-active {
  color: #8f1717 !important;
  background: #fff1f1 !important;
  opacity: 1;
  cursor: default;
}

.navbar .dropdown ul button.role-switch-button i {
  flex: 0 0 18px;
  color: #9b1c1c;
  font-size: 14px;
  text-align: center;
}

/* Keep generic links and command buttons aligned with the UPI palette. */
a {
  color: #9b1c1c;
}

.website .content a {
  color: #9b1c1c;
}

.website .content a:hover,
.website .content a:focus {
  color: #d98a00;
}

.btn-primary,
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9b1c1c;
  --bs-btn-border-color: #9b1c1c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7f1010;
  --bs-btn-hover-border-color: #7f1010;
  --bs-btn-focus-shadow-rgb: 155, 28, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f0d0d;
  --bs-btn-active-border-color: #6f0d0d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b76a6a;
  --bs-btn-disabled-border-color: #b76a6a;
}

.btn-outline-primary,
.btn-outline-danger {
  --bs-btn-color: #9b1c1c;
  --bs-btn-border-color: #9b1c1c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9b1c1c;
  --bs-btn-hover-border-color: #9b1c1c;
  --bs-btn-focus-shadow-rgb: 155, 28, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7f1010;
  --bs-btn-active-border-color: #7f1010;
}

.home-guide-action.is-download {
  border-color: #d7a2a2;
  color: #8f1717;
  background: #fff7f7;
}

.public-document-link.is-download .public-document-menu-icon,
.public-language-switch a > i {
  color: #9b1c1c;
}

@media (max-width: 991px) {
  #header #navbar.navbar-mobile {
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}