/*
@media screen and (min-width: 2001px) {
  html body .bd-main .bd-content .bd-article-container {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
}
*/


@media screen and (min-width: 3440px) {
  html body .bd-main .bd-content .bd-article-container {
    padding-left: 40rem !important;
    padding-right: 40rem !important;
  }
}
/* 1) Use the full page width */
.bd-page-width {
  max-width: 100%; /* default is 88rem */
}

/* 2) Let article container expand */
.bd-main .bd-content .bd-article-container {
  max-width: 100%; /* default is 60em */
      padding-right: 2rem !important;
}

.bd-sidebar {
  max-width: 25em; /* default is 60em */
}

/* 3) Make sidebars narrower */
:root {
  --pst-sidebar-primary-width: 10px;    /* left nav */
  --pst-sidebar-secondary-width: 30px;  /* right "On this page" */
}

nav.bd-links p.bd-links__title {
     display: none !important;
}

/* ==========================================================================
   DIDWW Mintlify-style PyData header
   Only applies when navbar_align = "modern"
   ========================================================================== */

:root {
  --didww-mint-bg-light: 255 255 255;
  --didww-mint-bg-dark: 11 15 25;

  --didww-mint-gray-200: 229 231 235;
  --didww-mint-gray-300: 209 213 219;
  --didww-mint-gray-400: 156 163 175;
  --didww-mint-gray-500: 107 114 128;
  --didww-mint-gray-600: 75 85 99;
  --didww-mint-gray-700: 55 65 81;
  --didww-mint-gray-800: 31 41 55;
  --didww-mint-gray-900: 17 24 39;

    --didww-mint-primary: 0 102 204;
    --didww-mint-primary-dark: 0 82 163;
    --didww-mint-primary-light: 77 163 255;

  --didww-mint-page-width: 92rem;
  --didww-mint-top-height: 4rem;
  --didww-mint-tabs-height: 3rem;
 /* --didww-mint-total-height: 7rem; */

  --pst-header-height: var(--didww-mint-total-height);
}

html[data-theme="dark"] {
  --didww-mint-bg-light: 11 15 25;
}

/* PyData outer header shell */
.bd-header {
  padding: 0 !important;
  min-height: var(--didww-mint-total-height);
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Remove PyData inner spacing only when our modern navbar exists */
.bd-header:has(.didww-mint-navbar) {
  background: transparent !important;
}

.bd-header:has(.didww-mint-navbar) > .bd-header__inner,
.bd-header:has(.didww-mint-navbar) .bd-page-width {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Main navbar */
.didww-mint-navbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
  background: transparent;
}

.didww-mint-navbar,
.didww-mint-navbar *,
.didww-mint-navbar *::before,
.didww-mint-navbar *::after {
  box-sizing: border-box;
}

.didww-mint-navbar-transition {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  flex: none;
  border-bottom: 1px solid rgb(var(--didww-mint-gray-500) / 0.05);
  background: rgb(var(--didww-mint-bg-light) / 0.95);
  background: #f3fbff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background-color 0.5s ease, border-color 0.5s ease;
}

html[data-theme="dark"] .didww-mint-navbar-transition {
  border-bottom-color: rgb(var(--didww-mint-gray-300) / 0.06);
  background: rgb(var(--didww-mint-bg-dark) / 0.75);
}



.didww-mint-navbar-wrap {
  position: relative;
}

/* Top row */
.didww-mint-top-row {
  min-width: 0;
}

.didww-mint-top-inner {
  display: flex;
  align-items: center;
  min-width: 0;
  height: var(--didww-mint-top-height);
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  .didww-mint-top-inner {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.7rem;
    padding-right: 2rem;
  }
}

.didww-mint-top-inner::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: var(--didww-mint-tabs-height);
  height: 1px;
 /* background: rgb(var(--didww-mint-gray-500) / 0.05); */
  pointer-events: none;
}

html[data-theme="dark"] .didww-mint-top-inner::after {
  background: rgb(var(--didww-mint-gray-300) / 0.06);
}

@media (min-width: 992px) {
  .didww-mint-top-inner::after {
    left: 3rem;
    right: 3rem;
  }
}

/* Left / center / right layout */
.didww-mint-left {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  min-width: 0;
  gap: 1rem;
}

.didww-mint-logo-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
}

.didww-mint-search {
  position: relative;
  z-index: 20;
  display: none;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

@media (min-width: 992px) {
  .didww-mint-search {
    display: flex;
  }
}

.didww-mint-right {
  position: relative;
  display: none;
  flex: 1 1 0%;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  gap: 1rem;
  margin-left: auto;
}

@media (min-width: 992px) {
  .didww-mint-right {
    display: flex;
  }
}

/* Logo */
.didww-mint-navbar .navbar-brand {
  display: inline-flex !important;
  align-items: center;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  color: rgb(var(--didww-mint-gray-900));
  text-decoration: none !important;
}

html[data-theme="dark"] .didww-mint-navbar .navbar-brand {
  color: rgb(var(--didww-mint-gray-200));
}

.didww-mint-navbar .navbar-brand img,
.didww-mint-navbar .logo__image {
  display: block;
  width: auto;
  height: 1.75rem;
  max-height: 1.75rem;
  object-fit: contain;
  flex-shrink: 0;
}

.didww-mint-navbar .navbar-brand .title,
.didww-mint-navbar .logo__title {
  display: none !important;
}

/* Search button */
.didww-mint-search .navbar-item,
.didww-mint-search .navbar-persistent--container {
  width: 100%;
  max-width: 100%;
}

.didww-mint-search .search-button,
.didww-mint-search .search-button__button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 100% !important;
  padding: 0 0.75rem 0 0.875rem !important;
  border: 0 !important;
  border-radius: 0.75rem !important;
  background: rgb(var(--didww-mint-bg-light)) !important;
  color: rgb(var(--didww-mint-gray-500)) !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  box-shadow: 0 0 0 1px rgb(var(--didww-mint-gray-400) / 0.3) !important;
}

.didww-mint-search .search-button:hover,
.didww-mint-search .search-button__button:hover {
  color: rgb(var(--didww-mint-gray-700)) !important;
  box-shadow: 0 0 0 1px rgb(var(--didww-mint-gray-600) / 0.3) !important;
}

html[data-theme="dark"] .didww-mint-search .search-button,
html[data-theme="dark"] .didww-mint-search .search-button__button {
  background: rgb(var(--didww-mint-bg-dark)) !important;
  color: rgb(255 255 255 / 0.5) !important;
  box-shadow: 0 0 0 1px rgb(var(--didww-mint-gray-600) / 0.3) !important;
  filter: brightness(1.1);
}

html[data-theme="dark"] .didww-mint-search .search-button:hover,
html[data-theme="dark"] .didww-mint-search .search-button__button:hover {
  box-shadow: 0 0 0 1px rgb(var(--didww-mint-gray-500) / 0.3) !important;
  filter: brightness(1.25);
}

/* Make PyData's search icon look like Mintlify */
.didww-mint-search .search-button svg,
.didww-mint-search .search-button__button svg {
  width: 1rem !important;
  height: 1rem !important;
  color: rgb(var(--didww-mint-gray-700)) !important;
}

html[data-theme="dark"] .didww-mint-search .search-button svg,
html[data-theme="dark"] .didww-mint-search .search-button__button svg {
  color: rgb(var(--didww-mint-gray-400)) !important;
}

/* Hide tooltip-only visual weirdness */
.didww-mint-search .search-button__default-text {
  display: inline-flex;
  margin-left: 0.5rem;
}

.didww-mint-search kbd,
.didww-mint-search .search-button__kbd-shortcut {
  display: inline-flex;
  flex: none;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 500 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Header actions */
.didww-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
}

.didww-header-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: rgb(var(--didww-mint-gray-600));
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
}

.didww-header-link:hover {
  color: rgb(var(--didww-mint-gray-900));
  text-decoration: none !important;
}

html[data-theme="dark"] .didww-header-link {
  color: rgb(var(--didww-mint-gray-400));
}

html[data-theme="dark"] .didww-header-link:hover {
  color: rgb(var(--didww-mint-gray-300));
}

.didww-header-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 1rem;
  border-radius: 0.75rem;
  background: rgb(var(--didww-mint-primary-dark));
  color: #ffffff !important;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
}

.didww-header-cta:hover {
  opacity: 0.9;
  color: #ffffff !important;
  text-decoration: none !important;
}

.didww-header-cta svg {
  width: 3px;
  height: 1.25rem;
  margin-left: 0.625rem;
  overflow: visible;
  color: rgb(255 255 255 / 0.9);
}

/* Theme switcher */
.didww-mint-navbar .theme-switch-button,
.didww-mint-navbar button.theme-switch-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  margin: 0 !important;
  padding: 0.5rem !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: transparent !important;
  color: rgb(var(--didww-mint-gray-500)) !important;
  box-shadow: none !important;
}

.didww-mint-navbar .theme-switch-button:hover {
  color: rgb(var(--didww-mint-gray-600)) !important;
  background: transparent !important;
}

html[data-theme="dark"] .didww-mint-navbar .theme-switch-button {
  color: rgb(var(--didww-mint-gray-500)) !important;
}

html[data-theme="dark"] .didww-mint-navbar .theme-switch-button:hover {
  color: rgb(var(--didww-mint-gray-300)) !important;
}

.didww-mint-navbar .theme-switch-button svg {
  width: 21px !important;
  height: 21px !important;
}

/* Mobile icons */
.didww-mint-mobile-search {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 992px) {
  .didww-mint-mobile-search {
    display: none !important;
  }
}

.didww-mint-mobile-nav-toggle,
.didww-mint-secondary-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2rem !important;
  height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgb(var(--didww-mint-gray-500)) !important;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .didww-mint-mobile-nav-toggle,
  .didww-mint-secondary-toggle {
    display: none !important;
  }
}

/* Mobile section row */
.didww-mint-mobile-section-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  padding: 1rem 1.25rem;
  border: 0;
  background: transparent;
  color: rgb(var(--didww-mint-gray-500));
  text-align: left;
}

.didww-mint-mobile-menu-icon {
  width: 1rem;
  margin-right: 1rem;
}

.didww-mint-mobile-section-title {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: rgb(var(--didww-mint-gray-900));
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme="dark"] .didww-mint-mobile-section-title {
  color: rgb(var(--didww-mint-gray-200));
}

@media (min-width: 992px) {
  .didww-mint-mobile-section-toggle {
    display: none;
  }
}

/* Tabs row */
.didww-mint-tabs-row {
  display: none;
  height: var(--didww-mint-tabs-height);
  padding-left: 1.65rem;
  padding-right: 2rem;
}

@media (min-width: 992px) {
  .didww-mint-tabs-row {
    display: flex;
  }
}

.didww-mint-tabs {
  display: flex;
  height: 100%;
  align-items: center;
}

.didww-mint-tabs .navbar-item {
  display: flex;
  height: 100%;
  align-items: stretch;
}

.didww-mint-tabs nav {
  display: flex;
  height: 100%;
}

.didww-mint-tabs .navbar-nav,
.didww-mint-tabs .bd-navbar-elements {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 100%;
  gap: 1.5rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.didww-mint-tabs .nav-item {
  display: flex;
  align-items: stretch;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.didww-mint-tabs .nav-link,
.didww-mint-tabs .dropdown-toggle {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  height: 100%;
  gap: 0.5rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgb(var(--didww-mint-gray-600)) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
}

.didww-mint-tabs .nav-link:hover,
.didww-mint-tabs .dropdown-toggle:hover {
  color: rgb(var(--didww-mint-gray-800)) !important;
}

html[data-theme="dark"] .didww-mint-tabs .nav-link,
html[data-theme="dark"] .didww-mint-tabs .dropdown-toggle {
  color: rgb(var(--didww-mint-gray-400)) !important;
}

html[data-theme="dark"] .didww-mint-tabs .nav-link:hover,
html[data-theme="dark"] .didww-mint-tabs .dropdown-toggle:hover {
  color: rgb(var(--didww-mint-gray-300)) !important;
}

/* Active tab
.didww-mint-tabs .nav-item.current > .nav-link,
.didww-mint-tabs .nav-item.active > .nav-link,
.didww-mint-tabs .nav-link.active,
.didww-mint-tabs .nav-link[aria-current="page"] {
  color: rgb(var(--didww-mint-gray-800)) !important;
  font-weight: 500 !important;
  text-shadow: -0.2px 0 0 currentColor, 0.2px 0 0 currentColor;
}*/

html[data-theme="dark"] .didww-mint-tabs .nav-item.current > .nav-link,
html[data-theme="dark"] .didww-mint-tabs .nav-item.active > .nav-link,
html[data-theme="dark"] .didww-mint-tabs .nav-link.active,
html[data-theme="dark"] .didww-mint-tabs .nav-link[aria-current="page"] {
  color: rgb(var(--didww-mint-gray-200)) !important;
}

.didww-mint-tabs .nav-item.current > .nav-link::after,
.didww-mint-tabs .nav-item.active > .nav-link::after,
.didww-mint-tabs .nav-link.active::after,
.didww-mint-tabs .nav-link[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.5px;
  background: rgb(var(--didww-mint-primary));
}

html[data-theme="dark"] .didww-mint-tabs .nav-item.current > .nav-link::after,
html[data-theme="dark"] .didww-mint-tabs .nav-item.active > .nav-link::after,
html[data-theme="dark"] .didww-mint-tabs .nav-link.active::after,
html[data-theme="dark"] .didww-mint-tabs .nav-link[aria-current="page"]::after {
  background: rgb(var(--didww-mint-primary-light));
}

/* Hover underline for inactive tabs */
.didww-mint-tabs .nav-link:not(.active):hover::after,
.didww-mint-tabs .dropdown-toggle:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.5px;
  background: rgb(var(--didww-mint-gray-200));
}

html[data-theme="dark"] .didww-mint-tabs .nav-link:not(.active):hover::after,
html[data-theme="dark"] .didww-mint-tabs .dropdown-toggle:hover::after {
  background: rgb(var(--didww-mint-gray-700));
}

/* Dropdown cleanup */
.didww-mint-tabs .dropdown-menu {
  margin-top: 0.25rem !important;
  border: 1px solid rgb(var(--didww-mint-gray-200)) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 10px 16px -3px rgb(10 10 10 / 0.05), 0 3px 10px -2px rgb(10 10 10 / 0.02) !important;
}

html[data-theme="dark"] .didww-mint-tabs .dropdown-menu {
  border-color: rgb(255 255 255 / 0.1) !important;
  background: rgb(var(--didww-mint-bg-dark)) !important;
}

/* Mobile sizing */
@media (max-width: 991.98px) {
  :root {
    --didww-mint-top-height: 4rem;
    --didww-mint-tabs-height: 0rem;
  /*  --didww-mint-total-height: 7.5rem; */
    --pst-header-height: var(--didww-mint-total-height);
  }

  .didww-mint-top-inner::after {
    bottom: 3.5rem;
  }

  .didww-mint-right {
    display: flex;
    flex: none;
     gap: 0rem !important;
  }

  .didww-mint-right .didww-header-actions,
  .didww-mint-right .theme-switch-button {
    display: none !important;
  }

  /* ==========================================================================
   FIX — remove focus-visible ring only from navbar buttons
   ========================================================================== */

html body .didww-mint-navbar button:focus-visible,
html body .didww-mint-navbar .pst-navbar-icon:focus-visible,
html body .didww-mint-navbar .DocSearch-Button:focus-visible,
html body .didww-mint-navbar .theme-switch-button:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

  .didww-mint-mobile-search .search-button,
  .didww-mint-mobile-search .search-button__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgb(var(--didww-mint-gray-500)) !important;
    box-shadow: none !important;
  }

  .didww-mint-mobile-search .search-button__default-text,
  .didww-mint-mobile-search kbd,
  .didww-mint-mobile-search .search-button__kbd-shortcut {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  :root {
    /* --didww-mint-total-height: 7.5rem; */
  }

  .didww-mint-navbar-container {
    max-width: none;
  }
}

/* ==========================================================================
   Minimum viewport/layout width lock
   Prevents the documentation layout from becoming too narrow
   ========================================================================== */

:root {
  --didww-min-page-width: 420px;
}

html,
body {
  min-width: var(--didww-min-page-width) !important;
}

/* Main documentation shell */
.bd-container,
.bd-container__inner,
.bd-page-width,
.bd-main,
.bd-content {
  min-width: var(--didww-min-page-width) !important;
}

/* ==========================================================================
   Back to top button — DIDWW colors, no underline
   ========================================================================== */

#pst-back-to-top,
html[data-theme="light"] #pst-back-to-top,
html[data-theme="dark"] #pst-back-to-top {
  background: rgb(var(--didww-mint-primary-dark)) !important;
  background-color: rgb(var(--didww-mint-primary-dark)) !important;

  border: 1px solid rgb(var(--didww-mint-primary-dark)) !important;
  color: #ffffff !important;

  text-decoration: none !important;
  text-decoration-line: none !important;
  box-shadow: none !important;
}

/* Hover / focus */
#pst-back-to-top:hover,
#pst-back-to-top:focus,
#pst-back-to-top:focus-visible,
html[data-theme="light"] #pst-back-to-top:hover,
html[data-theme="light"] #pst-back-to-top:focus,
html[data-theme="light"] #pst-back-to-top:focus-visible,
html[data-theme="dark"] #pst-back-to-top:hover,
html[data-theme="dark"] #pst-back-to-top:focus,
html[data-theme="dark"] #pst-back-to-top:focus-visible {
  background: var(--didww-primary-hover, #005aa3) !important;
  background-color: var(--didww-primary-hover, #005aa3) !important;

  border-color: var(--didww-primary-hover, #005aa3) !important;
  color: #ffffff !important;

  opacity: 0.95;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 1px solid var(--didww-primary-hover, #005aa3) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Active */
#pst-back-to-top:active,
html[data-theme="light"] #pst-back-to-top:active,
html[data-theme="dark"] #pst-back-to-top:active {
  background: var(--didww-navy, #071b3a) !important;
  background-color: var(--didww-navy, #071b3a) !important;

  border-color: var(--didww-navy, #071b3a) !important;
  color: #ffffff !important;

  opacity: 0.95;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Remove PyData/Bootstrap underline or pseudo decorations */
#pst-back-to-top::before,
#pst-back-to-top::after,
#pst-back-to-top:hover::before,
#pst-back-to-top:hover::after,
#pst-back-to-top:focus::before,
#pst-back-to-top:focus::after,
#pst-back-to-top:focus-visible::before,
#pst-back-to-top:focus-visible::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep icon/text white */
#pst-back-to-top *,
#pst-back-to-top svg,
#pst-back-to-top:hover *,
#pst-back-to-top:hover svg,
#pst-back-to-top:focus *,
#pst-back-to-top:focus svg,
#pst-back-to-top:active *,
#pst-back-to-top:active svg {
  color: inherit !important;
  text-decoration: none !important;
}



/* ==========================================================================
   right sidebar
   ========================================================================== */

.toc-entry a.nav-link:active, .toc-entry a.nav-link:hover {
        text-decoration: none !important;
        color: var(--didww-hover-color) !important;
}

/* ==========================================================================
   mobile version api version switcher
   ========================================================================== */

/* Remove Sphinx Design active tab vertical shift */
.bd-content .sd-tab-set > input:checked + label,
.bd-article .sd-tab-set > input:checked + label,
.bd-content .sd-tab-label[aria-selected="true"],
.bd-article .sd-tab-label[aria-selected="true"] {
  transform: none !important;
}

/* Mobile sidebar API version switcher */
.sidebar-header-items__api-switcher {
  display: none;
}

@media (max-width: 959.98px) {
  .sidebar-header-items__api-switcher {
    display: flex;
    width: 100%;

  }

  .didww-mint-api-switcher--mobile {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .didww-mint-api-switcher--mobile .version-switcher__container {
    width: 100%;
  }

  .didww-mint-api-switcher--mobile .version-switcher__button {
    width: 100% !important;
    max-width: 100% !important;
  }

  .didww-mint-api-switcher--mobile .version-switcher__menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    right: 0;
    left: auto;
  }
}


/* ==========================================================================
   DIDWW API switcher dropdown — fixed overlap
   ========================================================================== */

.didww-mint-api-switcher {
  position: relative;
  z-index: 5000;
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.didww-mint-api-switcher .version-switcher__container {
  position: relative;
  z-index: 5000;
  margin: 0;
}

/* Button */
.didww-mint-api-switcher .version-switcher__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;

  width: 12rem;
  max-width: 12rem;
  min-height: 2.35rem;

  padding: 0.45rem 0.8rem;

  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.25;

  color: var(--pst-color-text-base) !important;
  white-space: nowrap;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid #d9eaf7 !important;
  border-radius: 0.75rem;
  box-shadow: none !important;

  text-decoration: none !important;
  overflow: hidden;
}

.didww-mint-api-switcher .version-switcher__button span,
.didww-mint-api-switcher .version-switcher__button strong,
.didww-mint-api-switcher .version-switcher__button * {
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

.didww-mint-api-switcher .version-switcher__button:hover,
.didww-mint-api-switcher .version-switcher__button:focus,
.didww-mint-api-switcher .version-switcher__button:focus-visible {
  color: var(--pst-color-primary) !important;
  background: #f7fbff !important;
  border-color: var(--pst-color-primary) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.didww-mint-api-switcher .version-switcher__button .caret {
  margin-left: auto;
  color: currentColor;
}

/* Dropdown menu */
.didww-mint-api-switcher .version-switcher__menu {
  position: absolute;
  top: calc(100% + 0.55rem);
  right: 0;
  left: auto;

  z-index: 6000;

  width: 12rem;
  min-width: 12rem;
  max-width: 12rem;

  max-height: 12rem;
  overflow-y: auto;
  overflow-x: hidden;

  padding: 0.45rem 0;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid #d9eaf7 !important;
  border-radius: 0.85rem;
  box-shadow:
    0 1rem 2.5rem rgba(7, 27, 58, 0.14),
    0 0.25rem 0.75rem rgba(7, 27, 58, 0.06) !important;
}

/* Dropdown items */
.didww-mint-api-switcher .version-switcher__menu a,
.didww-mint-api-switcher .version-switcher__menu button,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;

  width: 100%;
  min-height: 2.35rem;

  padding: 0.55rem 1rem;

  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.25 !important;

  color: #5263db !important;
  text-align: left;
  white-space: nowrap !important;
  text-decoration: none !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;

  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prevent inherited large text from children */
.didww-mint-api-switcher .version-switcher__menu a *,
.didww-mint-api-switcher .version-switcher__menu button *,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item * {
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

/* Hover */
.didww-mint-api-switcher .version-switcher__menu a:hover,
.didww-mint-api-switcher .version-switcher__menu button:hover,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:hover {
  color: var(--didww-primary, #0072ce) !important;
  background: #f3fbff !important;
  text-decoration: none !important;
}

/* Active/current item */
.didww-mint-api-switcher .version-switcher__menu .active,
.didww-mint-api-switcher .version-switcher__menu [aria-current="page"] {
  font-weight: 700;
  color: var(--didww-primary, #0072ce) !important;
  background: #eef8ff !important;
}

/* Divider */
.didww-mint-api-switcher .version-switcher__menu hr,
.didww-mint-api-switcher .version-switcher__menu .dropdown-divider {
  margin: 0.45rem 0;
  border: 0;
  border-top: 1px solid #d9eaf7;
}

/* Remove pseudo decorations */
.didww-mint-api-switcher .version-switcher__menu a::before,
.didww-mint-api-switcher .version-switcher__menu a::after,
.didww-mint-api-switcher .version-switcher__button::before,
.didww-mint-api-switcher .version-switcher__button::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   Dark mode — same structure, no overlap
   ========================================================================== */

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button {
  color: var(--pst-color-text-base) !important;

  background: var(--didww-surface-dark, #071b3a) !important;
  background-color: var(--didww-surface-dark, #071b3a) !important;
  background-image: none !important;

  border-color: var(--didww-border-dark, #12375f) !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus-visible {
  color: var(--pst-color-primary) !important;

  background: var(--didww-surface-dark-soft, #0b274f) !important;
  border-color: var(--pst-color-primary) !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu {
  background: var(--didww-surface-dark, #071b3a) !important;
  background-color: var(--didww-surface-dark, #071b3a) !important;
  background-image: none !important;

  border-color: var(--didww-border-dark, #12375f) !important;
  box-shadow:
    0 1rem 2.5rem rgba(0, 0, 0, 0.35),
    0 0.25rem 0.75rem rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item {
  color: #7dd3fc !important;

  background: var(--didww-surface-dark, #071b3a) !important;
  background-color: var(--didww-surface-dark, #071b3a) !important;
  background-image: none !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover {
  color: #ffffff !important;
  background: var(--didww-surface-dark-soft, #0b274f) !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"] {
  color: #ffffff !important;
  background: var(--didww-surface-dark-soft, #0b274f) !important;
}

html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu hr,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-divider {
  border-top-color: var(--didww-border-dark, #12375f);
}




/* Keep API version switcher white in all themes */
.didww-mint-api-switcher .version-switcher__button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button {
  color: #1f2937 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #d9eaf7 !important;
}

.didww-mint-api-switcher .version-switcher__button:hover,
.didww-mint-api-switcher .version-switcher__button:focus,
.didww-mint-api-switcher .version-switcher__button:focus-visible,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus-visible {
  color: #0072ce !important;
  background: #f7fbff !important;
  border-color: #0072ce !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.didww-mint-api-switcher .version-switcher__menu,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu {
  color: #1f2937 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #d9eaf7 !important;
  box-shadow:
    0 1rem 2.5rem rgba(7, 27, 58, 0.14),
    0 0.25rem 0.75rem rgba(7, 27, 58, 0.06) !important;
}

.didww-mint-api-switcher .version-switcher__menu a,
.didww-mint-api-switcher .version-switcher__menu button,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item {
  color: #5263db !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

.didww-mint-api-switcher .version-switcher__menu a:hover,
.didww-mint-api-switcher .version-switcher__menu button:hover,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover {
  color: #0072ce !important;
  background: #f3fbff !important;
}

.didww-mint-api-switcher .version-switcher__menu .active,
.didww-mint-api-switcher .version-switcher__menu [aria-current="page"],
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"] {
  font-weight: 700 !important;
  color: #0072ce !important;
  background: #eef8ff !important;
}

/* ==========================================================================
   FINAL COLOR FIX — API version switcher
   Keep existing placement/sizing/dropdown position unchanged
   ========================================================================== */

.didww-mint-api-switcher {
  --didww-switcher-bg: #ffffff;
  --didww-switcher-bg-hover: #ffffff;
  --didww-switcher-bg-active: #ffffff;
  --didww-switcher-text: #102a43;
  --didww-switcher-text-hover: #0072ce;
  --didww-switcher-border: #d9eaf7;
  --didww-switcher-border-hover: #0072ce;
}

/* Remove inherited Bootstrap/list-group theme colors */
.didww-mint-api-switcher .version-switcher__button,
.didww-mint-api-switcher .version-switcher__button.show,
.didww-mint-api-switcher .version-switcher__button[aria-expanded="true"],
.didww-mint-api-switcher .version-switcher__menu,
.didww-mint-api-switcher .version-switcher__menu.show,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button.show,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button[aria-expanded="true"],
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu.show,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action {
  background: var(--didww-switcher-bg) !important;
  background-color: var(--didww-switcher-bg) !important;
  background-image: none !important;
}

/* Button default/open state */
.didww-mint-api-switcher .version-switcher__button,
.didww-mint-api-switcher .version-switcher__button.show,
.didww-mint-api-switcher .version-switcher__button[aria-expanded="true"],
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button.show,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button[aria-expanded="true"] {
  color: var(--didww-switcher-text) !important;
  border-color: var(--didww-switcher-border) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Button text default/open state */
.didww-mint-api-switcher .version-switcher__button *,
.didww-mint-api-switcher .version-switcher__button.show *,
.didww-mint-api-switcher .version-switcher__button[aria-expanded="true"] *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button.show *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button[aria-expanded="true"] * {
  color: var(--didww-switcher-text) !important;
  font-weight: 500 !important;
}

/* Button hover/focus: keep white background, only text/border blue */
.didww-mint-api-switcher .version-switcher__button:hover,
.didww-mint-api-switcher .version-switcher__button:focus,
.didww-mint-api-switcher .version-switcher__button:focus-visible,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus-visible {
  color: var(--didww-switcher-text-hover) !important;
  background: var(--didww-switcher-bg-hover) !important;
  background-color: var(--didww-switcher-bg-hover) !important;
  background-image: none !important;
  border-color: var(--didww-switcher-border-hover) !important;
  box-shadow: none !important;
}

.didww-mint-api-switcher .version-switcher__button:hover *,
.didww-mint-api-switcher .version-switcher__button:focus *,
.didww-mint-api-switcher .version-switcher__button:focus-visible *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button:focus-visible * {
  color: var(--didww-switcher-text-hover) !important;
  font-weight: 500 !important;
}

/* Dropdown container: always solid white */
.didww-mint-api-switcher .version-switcher__menu,
.didww-mint-api-switcher .version-switcher__menu.show,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu.show {
  color: var(--didww-switcher-text) !important;
  background: var(--didww-switcher-bg) !important;
  background-color: var(--didww-switcher-bg) !important;
  background-image: none !important;
  border-color: var(--didww-switcher-border) !important;
  box-shadow:
    0 1rem 2.5rem rgba(7, 27, 58, 0.14),
    0 0.25rem 0.75rem rgba(7, 27, 58, 0.06) !important;
}

/* Dropdown items: default, active, selected, and current all stay white */
.didww-mint-api-switcher .version-switcher__menu a,
.didww-mint-api-switcher .version-switcher__menu button,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action,
.didww-mint-api-switcher .version-switcher__menu .active,
.didww-mint-api-switcher .version-switcher__menu [aria-current="page"],
.didww-mint-api-switcher .version-switcher__menu .dropdown-item.active,
.didww-mint-api-switcher .version-switcher__menu .list-group-item.active,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action.active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"],
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item.active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item.active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action.active {
  color: var(--didww-switcher-text) !important;
  background: var(--didww-switcher-bg) !important;
  background-color: var(--didww-switcher-bg) !important;
  background-image: none !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Dropdown item child text */
.didww-mint-api-switcher .version-switcher__menu a *,
.didww-mint-api-switcher .version-switcher__menu button *,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action *,
.didww-mint-api-switcher .version-switcher__menu .active *,
.didww-mint-api-switcher .version-switcher__menu [aria-current="page"] *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .active *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"] * {
  color: var(--didww-switcher-text) !important;
  font-weight: 500 !important;
}

/* Dropdown hover/focus: keep white background, only text becomes DIDWW blue */
.didww-mint-api-switcher .version-switcher__menu a:hover,
.didww-mint-api-switcher .version-switcher__menu a:focus,
.didww-mint-api-switcher .version-switcher__menu button:hover,
.didww-mint-api-switcher .version-switcher__menu button:focus,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:hover,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:focus,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action:hover,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:focus,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action:hover,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action:focus {
  color: var(--didww-switcher-text-hover) !important;
  background: var(--didww-switcher-bg-hover) !important;
  background-color: var(--didww-switcher-bg-hover) !important;
  background-image: none !important;
  font-weight: 500 !important;
}

/* Dropdown hover/focus child text */
.didww-mint-api-switcher .version-switcher__menu a:hover *,
.didww-mint-api-switcher .version-switcher__menu a:focus *,
.didww-mint-api-switcher .version-switcher__menu button:hover *,
.didww-mint-api-switcher .version-switcher__menu button:focus *,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover *,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:hover *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:focus *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action:hover *,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:focus *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action:hover *,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action:focus * {
  color: var(--didww-switcher-text-hover) !important;
  font-weight: 500 !important;
}

/* Bootstrap pressed/active/focus states: no blue fill */
.didww-mint-api-switcher .version-switcher__menu a:active,
.didww-mint-api-switcher .version-switcher__menu button:active,
.didww-mint-api-switcher .version-switcher__menu .dropdown-item:active,
.didww-mint-api-switcher .version-switcher__menu .list-group-item:active,
.didww-mint-api-switcher .version-switcher__menu .list-group-item-action:active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu a:active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu button:active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:active,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action:active {
  color: var(--didww-switcher-text-hover) !important;
  background: var(--didww-switcher-bg-active) !important;
  background-color: var(--didww-switcher-bg-active) !important;
  background-image: none !important;
  font-weight: 500 !important;
}

/* Divider */
.didww-mint-api-switcher .version-switcher__menu hr,
.didww-mint-api-switcher .version-switcher__menu .dropdown-divider,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu hr,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__menu .dropdown-divider {
  border-top-color: var(--didww-switcher-border) !important;
}

/* Remove pseudo decorations */
.didww-mint-api-switcher .version-switcher__menu a::before,
.didww-mint-api-switcher .version-switcher__menu a::after,
.didww-mint-api-switcher .version-switcher__button::before,
.didww-mint-api-switcher .version-switcher__button::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   HARD LIGHT-MODE FIX — version switcher must stay white when not hovered
   Put this at the very end of your CSS file
   ========================================================================== */

html[data-theme="light"] .didww-mint-api-switcher,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__container,
html[data-theme="light"] .didww-mint-api-switcher .dropdown,
html[data-theme="light"] .didww-mint-api-switcher .dropdown-menu,
html[data-theme="light"] .didww-mint-api-switcher .dropdown-menu.show,
html[data-theme="light"] .didww-mint-api-switcher .list-group-flush,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu.show {

  background-image: none !important;
}

/* Button default/open state */
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button.show,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button[aria-expanded="true"],
html[data-theme="light"] .didww-mint-api-switcher .dropdown-toggle,
html[data-theme="light"] .didww-mint-api-switcher .dropdown-toggle.show,
html[data-theme="light"] .didww-mint-api-switcher .btn,
html[data-theme="light"] .didww-mint-api-switcher .btn.show {
  color: #102a43 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #d9eaf7 !important;
  box-shadow: none !important;
}

/* Dropdown item default/open/active state */
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > button,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item.active,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item.show,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item.active,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item-action.active,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"] {
  color: #102a43 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

/* Dropdown item child text */
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > button *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu [aria-current="page"] * {
  color: #102a43 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  font-weight: 500 !important;
}

/* Hover only: white background stays, text becomes DIDWW blue */
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button:hover,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button:focus,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a:hover,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a:focus,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:focus {
  color: #0072ce !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  font-weight: 500 !important;
}

html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button:hover *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__button:focus *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a:hover *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu > a:focus *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:hover *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .dropdown-item:focus *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:hover *,
html[data-theme="light"] .didww-mint-api-switcher .version-switcher__menu .list-group-item:focus * {
  color: #0072ce !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  font-weight: 500 !important;
}


/* ==========================================================================
   Breadcrumbs text weight
   ========================================================================== */

ul.bd-breadcrumbs li.breadcrumb-item {
    font-weight: 600;
}

ul.bd-breadcrumbs li.breadcrumb-item a:hover {
   text-decoration: none !important;
}

/* ==========================================================================
   Search button — mild regular hover, no underline
   ========================================================================== */

button.search-button,
.search-button,
.pst-navbar-icon.search-button {
  color: var(--pst-color-text-muted) !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid #cfd6df !important;
  border-bottom: 1px solid #cfd6df !important;
  border-radius: 1rem !important;

  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;

  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

/* Mild hover/focus state */
button.search-button:hover,
button.search-button:focus,
button.search-button:focus-visible,
.search-button:hover,
.search-button:focus,
.search-button:focus-visible,
.pst-navbar-icon.search-button:hover,
.pst-navbar-icon.search-button:focus,
.pst-navbar-icon.search-button:focus-visible {
  color: var(--pst-color-text-base) !important;

  background: #f8fafc !important;
  background-color: #f8fafc !important;
  background-image: none !important;

  border: 1px solid #b8c2cc !important;
  border-bottom: 1px solid #b8c2cc !important;

  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Active/clicked state */
button.search-button:active,
.search-button:active,
.pst-navbar-icon.search-button:active {
  color: var(--pst-color-text-base) !important;

  background: #f1f5f9 !important;
  background-color: #f1f5f9 !important;

  border: 1px solid #aab6c2 !important;
  border-bottom: 1px solid #aab6c2 !important;

  box-shadow: none !important;
}

/* Remove only PyData/Bootstrap pseudo underline/focus decoration */
button.search-button::before,
button.search-button::after,
button.search-button:hover::before,
button.search-button:hover::after,
button.search-button:focus::before,
button.search-button:focus::after,
button.search-button:focus-visible::before,
button.search-button:focus-visible::after,
.pst-navbar-icon.search-button::before,
.pst-navbar-icon.search-button::after,
.pst-navbar-icon.search-button:hover::before,
.pst-navbar-icon.search-button:hover::after,
.pst-navbar-icon.search-button:focus::before,
.pst-navbar-icon.search-button:focus::after,
.pst-navbar-icon.search-button:focus-visible::before,
.pst-navbar-icon.search-button:focus-visible::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Icon follows the button text color */
button.search-button svg,
.search-button svg,
.pst-navbar-icon.search-button svg {
  color: currentColor !important;
}
/* ==========================================================================
   DIDWW-inspired PyData Sphinx Theme
   File: docs/_static/css/custom.css
   ========================================================================== */


/* ==========================================================================
   1. LAYOUT
   ========================================================================== */




/* Use the full page width */
.bd-page-width {
  max-width: 100%;
}

/* Let article container expand */
.bd-main .bd-content .bd-article-container {
  max-width: 100%;
  padding-right: 2rem !important;
}

/* Correct sidebar widths.
   Do NOT use 10px / 30px because that breaks PyData sidebars. */
:root {
  --pst-sidebar-primary-width: 20rem;
  --pst-sidebar-secondary-width: 16rem;
}

/* Hide left sidebar title */
nav.bd-links p.bd-links__title {
  display: none !important;
}

/* Hide the primary sidebar collapse button */
.sidebar-primary-item.pst-sidebar-collapse {
  display: none !important;
}

/* Homepage narrow centered layout */
body.didww-home-narrow .bd-main .bd-content .bd-article-container {
  max-width: 72rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.didww-home-narrow .bd-main .bd-content .bd-article {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.didww-home-narrow .bd-main .bd-content .bd-article-header {
  max-width: 72rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ==========================================================================
   2. DIDWW BRAND TOKENS
   ========================================================================== */

:root {
  /* DIDWW-style blue/cyan palette */
  --didww-primary: #0072ce;
  --didww-primary-hover: #005aa3;
  --didww-secondary: #00a3e0;
  --didww-accent: #35c2ff;

  /* Neutrals */
  --didww-navy: #071b3a;
  --didww-navy-dark: #041225;
  --didww-blue-dark: #003b73;
  --didww-text: #102a43;
  --didww-muted: #334155;

  /* Light surfaces */
  --didww-bg-light: #f7fbff;
  --didww-surface-light: #ffffff;
  --didww-surface-soft: #eef8ff;
  --didww-border-light: #d9eaf7;

  /* Dark surfaces */
  --didww-bg-dark: #041225;
  --didww-surface-dark: #041225;
  --didww-surface-dark-soft: #0b274f;
  --didww-border-dark: #12375f;

  /* Semantic colors */
  --didww-success: #10b981;
  --didww-info: #00a3e0;
  --didww-warning: #f59e0b;
  --didww-danger: #dc2626;

  /* Shape */
  --didww-radius-sm: 0.35rem;
  --didww-radius-md: 0.6rem;
  --didww-radius-lg: 0.85rem;

  /* Shadows */
  --didww-shadow-light: 0 10px 28px rgba(7, 27, 58, 0.08);
  --didww-shadow-dark: 0 10px 28px rgba(0, 0, 0, 0.35);

  /* Fonts */
  --didww-font-sans:
    Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --didww-font-mono:
    "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}


/* ==========================================================================
   3. PYDATA GLOBAL VARIABLES
   ========================================================================== */

html {
  --pst-font-family-base: var(--didww-font-sans);
  --pst-font-family-heading: var(--didww-font-sans);
  --pst-font-family-monospace: var(--didww-font-mono);

  --pst-font-size-base: 16px;
  --pst-font-size-h1: 2.35rem;
  --pst-font-size-h2: 1.9rem;
  --pst-font-size-h3: 1.5rem;
  --pst-font-size-h4: 1.25rem;
  --pst-font-size-h5: 1.1rem;
  --pst-font-size-h6: 1rem;

  --pst-font-weight-heading: 700;
  --pst-header-height: 4rem;
}


/* ==========================================================================
   4. LIGHT THEME
   ========================================================================== */

html[data-theme="light"] {
  --pst-color-primary: var(--didww-primary);
  --pst-color-secondary: var(--didww-secondary);
  --pst-color-accent: var(--didww-accent);

  --pst-color-background: var(--didww-bg-light);
  --pst-color-on-background: var(--didww-navy);

  --pst-color-surface: var(--didww-surface-light);
  --pst-color-on-surface: var(--didww-text);

  --pst-color-text-base: var(--didww-text);
  --pst-color-text-muted: var(--didww-muted);
  --pst-color-heading-color: var(--didww-navy);

  --pst-color-link: var(--didww-primary);
  --pst-color-link-hover: var(--didww-primary-hover);

  --pst-color-border: var(--didww-border-light);
  --pst-color-shadow: var(--didww-shadow-light);

  --pst-color-success: var(--didww-success);
  --pst-color-info: var(--didww-info);
  --pst-color-warning: var(--didww-warning);
  --pst-color-danger: var(--didww-danger);

  --pst-color-inline-code: var(--didww-blue-dark);
  --pst-color-target: #dff3ff;

  --didww-sidebar-hover-color: #0066cc;
  --didww-hover-color: #0066cc;
}


/* ==========================================================================
   5. DARK THEME — corrected surface text colors
   ========================================================================== */

html[data-theme="dark"] {
  --pst-color-primary: #35c2ff;
  --pst-color-secondary: #7dd3fc;
  --pst-color-accent: #00a3e0;

  --pst-color-background: var(--didww-bg-dark);
  --pst-color-on-background: #f7fbff;

  --pst-color-surface: var(--didww-surface-dark);
  --pst-color-on-surface: #e6f4ff;

  --pst-color-text-base: #ffffff;
  --pst-color-text-muted: #ffffff;
  --pst-color-heading-color: #ffffff;

  --pst-color-link: #7dd3fc;
  --pst-color-link-hover: #bae6fd;

  --pst-color-border: var(--didww-border-dark);
  --pst-color-shadow: var(--didww-shadow-dark);

  --pst-color-success: #34d399;
  --pst-color-info: #38bdf8;
  --pst-color-warning: #fbbf24;
  --pst-color-danger: #f87171;

  --pst-color-inline-code: #7dd3fc;
  --pst-color-target: #12375f;

  --didww-sidebar-hover-color: #4da3ff;
  --didww-hover-color: #4da3ff;
}


/* ==========================================================================
   6. PAGE BASE
   ========================================================================== */

body {
  background: var(--pst-color-background);
  color: var(--pst-color-text-base);
}


/* ==========================================================================
   7. HEADER / NAVBAR
   ========================================================================== */

.bd-header ul.navbar-nav>li.nav-item>.nav-link:hover {
    color: var(--didww-hover-color) !important;
    /* box-shadow: inset 0 -1px 0 var(--didww-hover-color) !important; */
}


.bd-header {
  background: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid var(--pst-color-border);
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] .bd-header {
  background: var(--pst-color-background) !important;
  border-bottom-color: var(--pst-color-border);
}

.navbar-brand,
.navbar-nav .nav-link,
.navbar-icon-links .nav-link {
  color: var(--pst-color-on-background);
}

.navbar-nav .nav-link:hover,
.navbar-icon-links .nav-link:hover {
  color: var(--pst-color-primary);
}


/* ==========================================================================
   8. MAIN ARTICLE
   ========================================================================== */

.bd-main .bd-content .bd-article-container {
  background: var(--pst-color-surface);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 1rem;
}

.bd-article {
  line-height: 1.75;
  background: transparent;
}


/* ==========================================================================
   9. TYPOGRAPHY
   ========================================================================== */

.bd-article h1,
.bd-article h2,
.bd-article h3,
.bd-article h4,
.bd-article h5,
.bd-article h6 {
  color: var(--pst-color-heading-color);
  font-family: var(--pst-font-family-heading);
  font-weight: var(--pst-font-weight-heading);
  letter-spacing: -0.025em;
}

.bd-article h1 {
  border-bottom: 1px solid var(--pst-color-border);
  padding-bottom: 0.75rem;
}


/* ==========================================================================
   10. ARTICLE LINKS
   ========================================================================== */

.bd-article a {
  color: var(--pst-color-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.bd-article a:hover {
  color: var(--pst-color-link-hover);
  text-decoration-thickness: 2px;
}


/* ==========================================================================
   11. LEFT SIDEBAR ONLY
   Right sidebar intentionally untouched so PyData keeps sticky TOC behavior.
   ========================================================================== */

.bd-sidebar-primary,
.bd-sidebar-primary[open] {
  background: var(--pst-color-background) !important;
  color: var(--pst-color-text-base) !important;
}

html[data-theme="light"] .bd-sidebar-primary,
html[data-theme="light"] .bd-sidebar-primary[open],
html[data-theme="light"] .bd-sidebar-primary .sidebar-primary-items,
html[data-theme="light"] .bd-sidebar-primary .sidebar-primary-item {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--pst-color-text-base) !important;
}

html[data-theme="dark"] .bd-sidebar-primary,
html[data-theme="dark"] .bd-sidebar-primary[open],
html[data-theme="dark"] .bd-sidebar-primary .sidebar-primary-items,
html[data-theme="dark"] .bd-sidebar-primary .sidebar-primary-item {
  background: var(--pst-color-background) !important;
  color: var(--pst-color-text-base) !important;
}

.bd-sidebar-primary {
  border-right: 1px solid var(--pst-color-border);
}

.bd-sidebar-primary a {
  color: var(--pst-color-text-muted);
}

html body .bd-sidebar-primary a.active,
html body .bd-sidebar-primary li.current > a,
html body .bd-sidebar-primary li.active > a {
  color: var(--didww-sidebar-hover-color) !important;
  font-weight: 400;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .bd-sidebar-primary nav.bd-links li > a:hover,
html body .bd-sidebar-primary nav.bd-links li > a:focus,
html body .bd-sidebar-primary nav.bd-links li > a:active,
html body .bd-sidebar-primary .bd-links li > a:hover,
html body .bd-sidebar-primary .bd-links li > a:focus,
html body .bd-sidebar-primary .bd-links li > a:active {
  color: var(--didww-sidebar-hover-color) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .bd-sidebar-primary a.active::before,
html body .bd-sidebar-primary a.active::after,
html body .bd-sidebar-primary li.current > a::before,
html body .bd-sidebar-primary li.current > a::after,
html body .bd-sidebar-primary li.active > a::before,
html body .bd-sidebar-primary li.active > a::after,
html body .bd-sidebar-primary nav.bd-links li > a:hover::before,
html body .bd-sidebar-primary nav.bd-links li > a:hover::after,
html body .bd-sidebar-primary nav.bd-links li > a:focus::before,
html body .bd-sidebar-primary nav.bd-links li > a:focus::after,
html body .bd-sidebar-primary nav.bd-links li > a:active::before,
html body .bd-sidebar-primary nav.bd-links li > a:active::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
}

html body .bd-sidebar-primary a.active *,
html body .bd-sidebar-primary li.current > a *,
html body .bd-sidebar-primary li.active > a *,
html body .bd-sidebar-primary nav.bd-links li > a:hover *,
html body .bd-sidebar-primary nav.bd-links li > a:focus *,
html body .bd-sidebar-primary nav.bd-links li > a:active *,
html body .bd-sidebar-primary .bd-links li > a:hover *,
html body .bd-sidebar-primary .bd-links li > a:focus *,
html body .bd-sidebar-primary .bd-links li > a:active * {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   12. INLINE CODE AND CODE BLOCKS
   ========================================================================== */

code,
.literal {
  background: color-mix(in srgb, var(--pst-color-surface) 88%, var(--pst-color-primary));
  color: var(--pst-color-inline-code);
  border: 1px solid var(--pst-color-border);
  border-radius: var(--didww-radius-sm);
  padding: 0.12rem 0.35rem;
}

/* Standalone code blocks: same soft DIDWW code background */
.bd-article div.highlight,
.bd-article .highlight {
  background: #f8fcff !important;
  background-color: #f8fcff !important;
  background-image: none !important;

  border: 1px solid #d9eaf7 !important;
  border-radius: 0.65rem !important;

  box-shadow: none !important;
  overflow: hidden !important;
}

/* Standalone pre area */
.bd-article div.highlight pre,
.bd-article .highlight pre {
  margin: 0 !important;
  padding: 1rem 1.15rem !important;

  background: #f8fcff !important;
  background-color: #f8fcff !important;
  background-image: none !important;

  color: var(--pst-color-text-base) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep syntax highlighting spans transparent */
.bd-article div.highlight pre span,
.bd-article .highlight pre span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Copy button inside standalone code blocks */
.bd-article div.highlight .copybtn,
.bd-article .highlight .copybtn {
  color: var(--pst-color-text-muted) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.bd-article div.highlight .copybtn:hover,
.bd-article div.highlight .copybtn:focus,
.bd-article .highlight .copybtn:hover,
.bd-article .highlight .copybtn:focus {
  color: var(--pst-color-primary) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

.bd-article div.highlight .copybtn svg,
.bd-article .highlight .copybtn svg {
  stroke: currentColor !important;
}

/* Dark mode */
html[data-theme="dark"] .bd-article div.highlight,
html[data-theme="dark"] .bd-article .highlight {
  background: var(--pst-color-surface) !important;
  background-color: var(--pst-color-surface) !important;
  border-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .bd-article div.highlight pre,
html[data-theme="dark"] .bd-article .highlight pre {
  background: var(--pst-color-surface) !important;
  background-color: var(--pst-color-surface) !important;
  color: var(--pst-color-text-base) !important;
}


/* ==========================================================================
   13. ADMONITIONS
   ========================================================================== */

.admonition {
  overflow: hidden;
  border-radius: var(--didww-radius-md);
  border: 1px solid var(--pst-color-border);
  box-shadow: none;
}

html[data-theme="light"] .admonition {
  background: #ffffff !important;
  color: var(--pst-color-text-base) !important;
}

.admonition.warning, div.admonition.warning {
    border-color: var(--pst-color-warning);
}

html[data-theme="light"] .admonition-title {
  background: #e8f3ff !important;
  color: var(--pst-color-heading-color) !important;
  border-bottom: 1px solid var(--pst-color-border);
}



html[data-theme="light"] .admonition.note {
  border-color: var(--pst-color-info) !important;
  border-left: 0.35rem solid var(--pst-color-info) !important;
}

html[data-theme="dark"] .admonition {
  background: var(--pst-color-surface) !important;
  color: var(--pst-color-text-base) !important;
  border-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .admonition-title {
  background: color-mix(
    in srgb,
    var(--pst-color-surface) 80%,
    var(--pst-color-primary)
  ) !important;
  color: var(--pst-color-heading-color) !important;
  border-bottom: 1px solid var(--pst-color-border);
}




/* ==========================================================================
   14. TABLES
   ========================================================================== */

html[data-theme="light"] .bd-article table,
html[data-theme="light"] .bd-article table.docutils,
html[data-theme="light"] .bd-article table.align-default {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  color: var(--pst-color-text-base) !important;
  border: 1px solid #d9eaf7 !important;
  border-radius: 0.55rem !important;
  overflow: hidden !important;
}

html[data-theme="light"] .bd-article table thead,
html[data-theme="light"] .bd-article table thead tr,
html[data-theme="light"] .bd-article table th {
  background: #e8f3ff !important;
  background-image: none !important;
  color: var(--pst-color-heading-color) !important;
  border-color: #d9eaf7 !important;
}

html[data-theme="light"] .bd-article table tbody,
html[data-theme="light"] .bd-article table tbody tr,
html[data-theme="light"] .bd-article table tbody tr:nth-child(odd),
html[data-theme="light"] .bd-article table tbody tr:nth-child(even),
html[data-theme="light"] .bd-article table td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--pst-color-text-base) !important;
  border-color: #d9eaf7 !important;
}

html[data-theme="light"] .bd-article table tbody tr:hover,
html[data-theme="light"] .bd-article table tbody tr:hover td {
  background: #f7fbff !important;
}

.bd-article table th,
.bd-article table td {
  padding: 0.85rem 1rem !important;
  vertical-align: top !important;
}

html[data-theme="dark"] .bd-article table,
html[data-theme="dark"] .bd-article table.docutils,
html[data-theme="dark"] .bd-article table.align-default {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: var(--pst-color-surface) !important;
    color: var(--pst-color-text-base) !important;
    border: 1px solid var(--pst-color-border) !important;
    border-radius: 0.55rem !important;
    overflow: hidden !important;
}

html[data-theme="dark"] .bd-article table thead,
html[data-theme="dark"] .bd-article table thead tr,
html[data-theme="dark"] .bd-article table th {
  background: color-mix(
    in srgb,
    var(--pst-color-surface) 82%,
    var(--pst-color-primary)
  ) !important;
  color: var(--pst-color-heading-color) !important;
  border-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .bd-article table tbody,
html[data-theme="dark"] .bd-article table tbody tr,
html[data-theme="dark"] .bd-article table tbody tr:nth-child(odd),
html[data-theme="dark"] .bd-article table tbody tr:nth-child(even),
html[data-theme="dark"] .bd-article table td {
  background: var(--pst-color-surface) !important;
  color: var(--pst-color-text-base) !important;
  border-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .bd-article table tbody tr:hover,
html[data-theme="dark"] .bd-article table tbody tr:hover td {
  background: color-mix(
    in srgb,
    var(--pst-color-surface) 88%,
    var(--pst-color-primary)
  ) !important;
}


/* ==========================================================================
   15. BLOCKQUOTES AS NORMAL TEXT
   ========================================================================== */

.bd-article blockquote {
  margin: 1rem 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.bd-article blockquote > div {
  margin: 0 !important;
  padding: 0 !important;
}

.bd-article blockquote p,
.bd-article blockquote li {
  color: inherit !important;
}

.bd-article blockquote::before,
.bd-article blockquote::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================================
   16. BUTTONS / FORMS / SEARCH
   ========================================================================== */

button,
.btn,
.form-control,
.search-button {
  border-radius: var(--didww-radius-sm);
}

.btn-primary {
  background: var(--pst-color-primary);
  border-color: var(--pst-color-primary);
  color: #ffffff;
  font-weight: 500;
  box-shadow: none;
}

.btn-primary:hover {
  background: var(--pst-color-link-hover);
  border-color: var(--pst-color-link-hover);
  color: #ffffff;
}

.form-control,
.search-button {
  background: var(--pst-color-surface);
  color: var(--pst-color-on-surface);
  border: 1px solid var(--pst-color-border);
}

.search-button,
.search-button:hover,
.search-button:focus,
.search-button:active,
button.search-button,
button.search-button:hover,
button.search-button:focus,
button.search-button:active {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.search-button:hover,
button.search-button:hover {
  color: var(--didww-hover-color) !important;
  border-color: var(--didww-hover-color) !important;
}


/* ==========================================================================
   17. TOP PRODUCT TABS ROW
   ========================================================================== */

.didww-mint-tabs-row {
  background: var(--pst-color-background);
  border-bottom: 1px solid var(--pst-color-border);
}

html[data-theme="light"] .didww-mint-tabs-row,
html[data-theme="light"] .didww-mint-tabs-row::before,
html[data-theme="light"] .didww-mint-tabs-row::after {
  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom-color: #d9eaf7 !important;
}

html[data-theme="dark"] .didww-mint-tabs-row {
  background: var(--didww-bg-dark);
  border-bottom-color: var(--didww-border-dark);
}

html[data-theme="light"] .didww-mint-tabs-row *,
html[data-theme="light"] .didww-mint-tabs,
html[data-theme="light"] .didww-mint-tabs *,
html[data-theme="light"] .didww-mint-tabs .navbar-item,
html[data-theme="light"] .didww-mint-tabs nav,
html[data-theme="light"] .didww-mint-tabs .bd-navbar-elements,
.didww-mint-tabs,
.didww-mint-tabs .navbar-item,
.didww-mint-tabs nav,
.didww-mint-tabs .bd-navbar-elements {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.didww-mint-tabs .nav-link,
.didww-mint-tabs .nav-link:hover,
.didww-mint-tabs .nav-link:focus,
.didww-mint-tabs .nav-link:active,
.navbar-nav .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.didww-mint-tabs .nav-link {
  color: var(--pst-color-text-muted);
  font-weight: 500;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.didww-mint-tabs .nav-link:hover,
.didww-mint-tabs-row .nav-link:hover {
  color: var(--didww-hover-color) !important;
}

.didww-mint-tabs .nav-item.current .nav-link,
.didww-mint-tabs .nav-item.active .nav-link,
.didww-mint-tabs .nav-item.current.active .nav-link {
  color: var(--didww-hover-color) !important;
  border-bottom: 0 !important;
  box-shadow: inset 0 -2px 0 var(--didww-hover-color) !important;
}

.didww-mint-tabs .nav-link::before,
.didww-mint-tabs .nav-link::after,
.didww-mint-tabs .nav-link:hover::before,
.didww-mint-tabs .nav-link:hover::after,
.navbar-nav .nav-link::before,
.navbar-nav .nav-link::after,
.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-link:hover::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================================================
   18. SOFT CIRCULAR GLOW GRADIENT
   Light mode only. Dark mode returns to normal PyData dark surface.
   Sticky-safe: no overflow hidden on .bd-main / .bd-content.
   ========================================================================== */

/* Main layout: do not force theme colors here */
.bd-main,
.bd-content {
  position: relative;
  overflow: visible !important;
}

/* Article container base */
.bd-main .bd-content .bd-article-container {
  position: relative;
  isolation: isolate;

  max-width: 100%;
  padding: 2rem;
  padding-right: 2rem !important;

  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Light mode: keep your white article area */
html[data-theme="light"] .bd-main .bd-content .bd-article-container {
  background-color: #ffffff !important;
}

/* Dark mode: return to PyData/DIDWW dark background */
html[data-theme="dark"] .bd-main .bd-content .bd-article-container {
  background-color: var(--pst-color-background) !important;
  background-image: none !important;
}

/* Light gradient layer only — responsive scaling */
html[data-theme="light"] .bd-main .bd-content .bd-article-container::before {
  content: "";
  position: absolute;
  z-index: -1;

  top: 0;
  left: 0;
  right: 0;

  /*
    Scales down on smaller screens.
    Large screens: 60rem
    Medium/small screens: adapts with viewport width
    Never smaller than 32rem
  */
  height: clamp(32rem, 42vw, 60rem);

  pointer-events: none;

  background:
    radial-gradient(
      circle at 50% clamp(2.5rem, 3vw, 4rem),
      rgba(0, 163, 224, 0.050) 0%,
      rgba(0, 163, 224, 0.032) 20%,
      rgba(0, 163, 224, 0.015) 38%,
      rgba(0, 163, 224, 0.006) 54%,
      rgba(255, 255, 255, 0.85) 68%,
      #ffffff 82%,
      #ffffff 100%
    ),
    linear-gradient(
      180deg,
      #fbfeff 0%,
      rgba(251, 254, 255, 0.85) 42%,
      #ffffff 78%,
      #ffffff 100%
    );

  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* Dark mode: fully remove the gradient layer */
html[data-theme="dark"] .bd-main .bd-content .bd-article-container::before {
  content: none !important;
  display: none !important;
}

/* Keep content above the light gradient */
.bd-article,
.bd-article-header,
.bd-header-article {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
/* ==========================================================================
   19. SPHINX DESIGN TABS
   ========================================================================== */

.bd-article .sd-tab-set {
  position: relative !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;

  margin: 1.5rem 0 2rem 0 !important;
  padding: 0 0 0.01px 0 !important;
}

.bd-article .sd-tab-set::after {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 3.17rem !important;

  height: 2px !important;
  background: var(--pst-color-border);

  z-index: 0 !important;
}

.bd-article .sd-tab-set > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bd-article .sd-tab-label,
.bd-article .sd-tab-set > label {
  position: relative !important;
  z-index: 1 !important;

  background: transparent !important;
  color: #111827 !important;

  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  margin: 0 2.75rem 0 0 !important;
  padding: 0.85rem 0 0.85rem 0 !important;

  font-family: var(--pst-font-family-base) !important;
  font-size: 1.05rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  text-decoration: none !important;
  cursor: pointer !important;
}

.bd-article .sd-tab-label *,
.bd-article .sd-tab-set > label * {
  font-style: normal !important;
}

.bd-article .sd-tab-label:hover,
.bd-article .sd-tab-set > label:hover {
  color: var(--pst-color-primary) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.bd-article .sd-tab-label[aria-selected="true"],
.bd-article .sd-tab-set > input:checked + label {
  position: relative !important;
  z-index: 1 !important;

  color: var(--pst-color-primary) !important;
  background: transparent !important;

  border: 0 !important;
  border-bottom: 2px solid var(--pst-color-primary) !important;
  box-shadow: none !important;

  transform: none !important;
}

.bd-article .sd-tab-content {
  background: transparent !important;
  color: var(--pst-color-text-base) !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  margin: 0 !important;
  padding: 1rem 0 0 0 !important;
}

.bd-article .sd-tab-content p,
.bd-article .sd-tab-content li,
.bd-article .sd-tab-content span,
.bd-article .sd-tab-content div {
  color: var(--pst-color-text-base) !important;
}

.bd-article .sd-tab-content a {
  color: var(--pst-color-link) !important;
  text-decoration: none !important;
  /* border-bottom: 1px solid var(--pst-color-link) !important; */
}



.bd-article .sd-tab-set::before,
.bd-article .sd-tab-label::before,
.bd-article .sd-tab-label::after,
.bd-article .sd-tab-content::before,
.bd-article .sd-tab-content::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   FIX — internal links inside Sphinx Design tab content
   The visible text is inside <a><span class="doc">...</span></a>,
   so the span must inherit the link color.
   ========================================================================== */

/* Light mode — default */
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
}

/* Light mode — make nested span/doc text inherit link color */
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal .doc,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal span {
  color: inherit !important;
}

/* Light mode — hover/focus */
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:hover,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:focus {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  border-bottom: 2px solid var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  text-decoration: none !important;
}

/* Light mode — nested text on hover/focus */
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:hover .doc,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:focus .doc,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:hover span,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:focus span {
  color: inherit !important;
}

/* Dark mode — default */
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal {
  color: var(--pst-color-link, #7dd3fc) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--pst-color-link, #7dd3fc) !important;
}

/* Dark mode — make nested span/doc text inherit link color */
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal .doc,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal span {
  color: inherit !important;
}

/* Dark mode — hover/focus */
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:hover,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:focus {
  color: var(--pst-color-link-hover, #bae6fd) !important;
  border-bottom: 2px solid var(--pst-color-link-hover, #bae6fd) !important;
  text-decoration: none !important;
}

/* Dark mode — nested text on hover/focus */
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:hover .doc,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:focus .doc,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:hover span,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:focus span {
  color: inherit !important;
}

/* ==========================================================================
   20. FOOTER
   ========================================================================== */

.bd-footer {
  background: var(--pst-color-surface);
  color: var(--pst-color-text-muted);
  border-top: 1px solid var(--pst-color-border);
}

/* ==========================================================================
   Right sidebar / On this page — white background only
   Does not change sticky, height, overflow, display, or scroll tracking
   ========================================================================== */

.toc-entry a.nav-link.active, .toc-entry a.nav-link[aria-current=true] {
    font-weight: 400;
}

html[data-theme="light"] #pst-secondary-sidebar,
html[data-theme="light"] #pst-secondary-sidebar.bd-sidebar-secondary,
html[data-theme="light"] #pst-secondary-sidebar.bd-toc {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html[data-theme="light"] #pst-secondary-sidebar .sidebar-secondary-items,
html[data-theme="light"] #pst-secondary-sidebar .sidebar-secondary__inner,
html[data-theme="light"] #pst-secondary-sidebar .sidebar-secondary-item,
html[data-theme="light"] #pst-secondary-sidebar .page-toc,
html[data-theme="light"] #pst-secondary-sidebar nav,
html[data-theme="light"] #pst-secondary-sidebar ul,
html[data-theme="light"] #pst-secondary-sidebar li {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ==========================================================================
   light and dark hover
   ========================================================================== */

html .pst-navbar-icon:hover:before {
    color: var(--pst-color-link-hover);
    border-bottom: none !important;
}

/* Light/default hover */
html .pst-navbar-icon:hover {
  color: rgb(var(--didww-mint-gray-600)) !important;
}

/* Dark-mode hover */
html[data-theme="dark"] .pst-navbar-icon:hover {
  color: rgb(var(--didww-mint-gray-300)) !important;
}

/* ==========================================================================
   Sphinx Tabs + HTTP Example Tabs — DIDWW style
   Supports nested tabs, light mode, and dark mode
   ========================================================================== */


/* ==========================================================================
   1. OUTER SPHINX TABS
   Example: Simple request / Filter by country / Filter by city
   ========================================================================== */

.sphinx-tabs {
  margin: 1.5rem 0 2rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Outer tab row */
.sphinx-tabs > [role="tablist"] {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2.5rem !important;

  margin: 0 0 1.35rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #d9eaf7 !important;
  box-shadow: none !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* Outer tab buttons */
.sphinx-tabs .sphinx-tabs-tab {
  position: relative !important;

  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0.85rem 0 !important;

  font-family: var(--pst-font-family-base) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  color: var(--pst-color-text-muted) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  cursor: pointer !important;
  transform: none !important;
}

/* Outer tab hover/focus */
.sphinx-tabs .sphinx-tabs-tab:hover,
.sphinx-tabs .sphinx-tabs-tab:focus,
.sphinx-tabs .sphinx-tabs-tab:focus-visible {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border-bottom-color: transparent !important;

  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

/* Outer selected tab */
.sphinx-tabs .sphinx-tabs-tab[aria-selected="true"] {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border-bottom-color: var(--pst-color-primary) !important;

  box-shadow: none !important;
  transform: none !important;
}

/* Outer tab panel */
.sphinx-tabs .sphinx-tabs-panel {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove default pseudo decorations */
.sphinx-tabs .sphinx-tabs-tab::before,
.sphinx-tabs .sphinx-tabs-tab::after,
.sphinx-tabs .sphinx-tabs-panel::before,
.sphinx-tabs .sphinx-tabs-panel::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================================
   2. INNER HTTP EXAMPLE TABS
   Example: HTTP / CURL / RESPONSE
   ========================================================================== */

.sphinx-tabs .http-example {
  margin: 0.75rem 0 1.75rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inner HTTP tab row */
.sphinx-tabs .http-example {
  position: relative !important;
}

/* Baseline under HTTP / CURL / RESPONSE */
.sphinx-tabs .http-example::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 2.35rem !important;

  height: 1px !important;
  background: #d9eaf7 !important;

  z-index: 0 !important;
}

/* Inner tab labels */
.sphinx-tabs .http-example > .caption,
.sphinx-tabs .http-example .caption-text.caption {
  position: relative !important;
  z-index: 1 !important;

  display: inline-flex !important;
  align-items: center !important;

  margin: 0 1.5rem 0 0 !important;
  padding: 0.55rem 0 !important;

  font-family: var(--pst-font-family-base) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;

  color: var(--pst-color-text-muted) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  cursor: pointer !important;
  transform: none !important;
}

/* Inner hover/focus */
.sphinx-tabs .http-example > .caption:hover,
.sphinx-tabs .http-example > .caption:focus,
.sphinx-tabs .http-example > .caption:focus-visible,
.sphinx-tabs .http-example .caption-text.caption:hover,
.sphinx-tabs .http-example .caption-text.caption:focus,
.sphinx-tabs .http-example .caption-text.caption:focus-visible {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border-bottom-color: transparent !important;

  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

/* Inner selected tab */
.sphinx-tabs .http-example > .caption.selected,
.sphinx-tabs .http-example > .caption[aria-selected="true"],
.sphinx-tabs .http-example .caption-text.caption.selected,
.sphinx-tabs .http-example .caption-text.caption[aria-selected="true"] {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border-bottom-color: var(--pst-color-primary) !important;

  box-shadow: none !important;
  transform: none !important;
}

/* Inner tab panels */
.sphinx-tabs .http-example [role="tabpanel"],
.sphinx-tabs .http-example .http-example-http,
.sphinx-tabs .http-example .http-example-curl,
.sphinx-tabs .http-example .http-example-response {
  margin: 0 !important;
  padding: 1rem 0 0 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove inner pseudo decorations */
.sphinx-tabs .http-example .caption::before,
.sphinx-tabs .http-example .caption::after,
.sphinx-tabs .http-example [role="tabpanel"]::before,
.sphinx-tabs .http-example [role="tabpanel"]::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================================
   3. CODE BLOCKS INSIDE NESTED TABS
   ========================================================================== */

.sphinx-tabs .http-example .highlight {
  margin: 0 !important;

  background: var(--pst-color-surface) !important;
  border: 1px solid var(--pst-color-border) !important;
  border-radius: 0.65rem !important;

  box-shadow: none !important;
  overflow: hidden !important;
}

.sphinx-tabs .http-example pre {
  margin: 0 !important;
  padding: 1rem 1.15rem !important;

  background: transparent !important;
  color: var(--pst-color-text-base) !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   4. COPY BUTTON
   ========================================================================== */

.sphinx-tabs .http-example .copybtn {
  color: var(--pst-color-text-muted) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  text-decoration: none !important;
  border-bottom: 0 !important;
}

.sphinx-tabs .http-example .copybtn:hover,
.sphinx-tabs .http-example .copybtn:focus,
.sphinx-tabs .http-example .copybtn:focus-visible {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  text-decoration: none !important;
  outline: 0 !important;
}

.sphinx-tabs .http-example .copybtn svg {
  stroke: currentColor !important;
}


/* ==========================================================================
   5. DARK MODE
   ========================================================================== */

html[data-theme="dark"] .sphinx-tabs > [role="tablist"] {
  border-bottom-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab {
  color: var(--pst-color-text-muted) !important;
}

html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:hover,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:focus,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:focus-visible,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab[aria-selected="true"] {
  color: var(--pst-color-primary) !important;
}

html[data-theme="dark"] .sphinx-tabs .http-example::before {
  background: var(--pst-color-border) !important;
}

html[data-theme="dark"] .sphinx-tabs .http-example > .caption,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption {
  color: var(--pst-color-text-muted) !important;
}

html[data-theme="dark"] .sphinx-tabs .http-example > .caption:hover,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption:focus,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption:focus-visible,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption.selected,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption[aria-selected="true"],
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:hover,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:focus,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:focus-visible,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption.selected,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption[aria-selected="true"] {
  color: var(--pst-color-primary) !important;
}

html[data-theme="dark"] .sphinx-tabs .http-example .highlight {
  background: var(--pst-color-surface) !important;
  border-color: var(--pst-color-border) !important;
}

/* ==========================================================================
   HTTP example code block <pre> colors
   ========================================================================== */

html[data-theme="light"] .sphinx-tabs .http-example pre {
  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;

  color: var(--didww-text, #102a43) !important;
}

html[data-theme="dark"] .sphinx-tabs .http-example pre {
  background: var(--pst-color-surface) !important;
  background-color: var(--pst-color-surface) !important;
  background-image: none !important;

  color: var(--pst-color-text-base) !important;
}

/* Keep syntax token backgrounds transparent so the pre background shows */
.sphinx-tabs .http-example pre span {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   HTTP example tabs — same underline style as other tabs
   ========================================================================== */

/* Remove old boxed/tab-button look */
.http-example {
  position: relative !important;
  margin: 1rem 0 1.75rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Baseline under http / curl / response */
.http-example::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 2.58rem !important;

  height: 2px !important;
  background: #d9eaf7 !important;

  z-index: 0 !important;
}

/* Tab labels */
.http-example > .caption,
.http-example .caption-text.caption {
  position: relative !important;
  z-index: 1 !important;

  display: inline-flex !important;
  align-items: center !important;

  margin: 0 2rem 0 0 !important;
  padding: 0.65rem 0 !important;

  font-family: var(--pst-font-family-base) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  color: var(--pst-color-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  cursor: pointer !important;
  transform: none !important;
}

/* Hover */
.http-example > .caption:hover,
.http-example > .caption:focus,
.http-example .caption-text.caption:hover,
.http-example .caption-text.caption:focus {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border-bottom-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Selected */
.http-example > .caption.selected,
.http-example > .caption[aria-selected="true"],
.http-example .caption-text.caption.selected,
.http-example .caption-text.caption[aria-selected="true"] {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border-bottom-color: var(--pst-color-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Remove boxed border from previous/default tab styles */
.http-example .caption,
.http-example .caption-text.caption,
.http-example .caption.selected,
.http-example .caption-text.caption.selected {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Panels */
.http-example [role="tabpanel"],
.http-example .http-example-http,
.http-example .http-example-curl,
.http-example .http-example-response {
  margin: 0 !important;
  padding: 1rem 0 0 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Code block */
.http-example .highlight,
.http-example .highlight-http,
.http-example .highlight-bash {
  margin: 0 !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;


  border-radius: 0.65rem !important;

  box-shadow: none !important;
  overflow: hidden !important;
}

.http-example pre {
  margin: 0 !important;
  padding: 1rem 1.15rem !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;

  color: var(--didww-text, #102a43) !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Keep syntax spans transparent */
.http-example pre span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Copy button */
.http-example .copybtn {
  color: var(--pst-color-text-muted) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  text-decoration: none !important;
  border-bottom: 0 !important;
}

.http-example .copybtn:hover,
.http-example .copybtn:focus {
  color: var(--pst-color-primary) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  text-decoration: none !important;
  outline: 0 !important;
}

.http-example .copybtn svg {
  stroke: currentColor !important;
}

/* Remove pseudo decorations */
.http-example .caption::before,
.http-example .caption::after,
.http-example [role="tabpanel"]::before,
.http-example [role="tabpanel"]::after {
  content: none !important;
  display: none !important;
}

/* Dark mode */
html[data-theme="dark"] .http-example::before {
  background: var(--pst-color-border) !important;
}

html[data-theme="dark"] .http-example > .caption,
html[data-theme="dark"] .http-example .caption-text.caption {
  color: var(--pst-color-text-muted) !important;
}

html[data-theme="dark"] .http-example > .caption:hover,
html[data-theme="dark"] .http-example > .caption:focus,
html[data-theme="dark"] .http-example > .caption.selected,
html[data-theme="dark"] .http-example > .caption[aria-selected="true"],
html[data-theme="dark"] .http-example .caption-text.caption:hover,
html[data-theme="dark"] .http-example .caption-text.caption:focus,
html[data-theme="dark"] .http-example .caption-text.caption.selected,
html[data-theme="dark"] .http-example .caption-text.caption[aria-selected="true"] {
  color: var(--pst-color-primary) !important;
}

html[data-theme="dark"] .http-example .highlight,
html[data-theme="dark"] .http-example .highlight-http,
html[data-theme="dark"] .http-example .highlight-bash {
  background: var(--pst-color-surface) !important;
  background-color: var(--pst-color-surface) !important;
  border-color: var(--pst-color-border) !important;
}

html[data-theme="dark"] .http-example pre {
  background: var(--pst-color-surface) !important;
  background-color: var(--pst-color-surface) !important;
  color: var(--pst-color-text-base) !important;
}




/* ==========================================================================
   FIX — restore sticky left sidebar with DIDWW Mintlify header
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Define the missing total header height */
:root {
  --didww-mint-total-height: calc(
    var(--didww-mint-top-height, 4rem) + var(--didww-mint-tabs-height, 3rem)
  );

  --pst-header-height: var(--didww-mint-total-height);
}

/* Mobile header has no tabs row */
@media (max-width: 991.98px) {
  :root {
    --didww-mint-total-height: var(--didww-mint-top-height, 4rem);
    --pst-header-height: var(--didww-mint-total-height);
  }
}

/* Sticky left sidebar */
@media (min-width: 960px) {
  #pst-primary-sidebar,
  .bd-sidebar-primary {
    position: sticky !important;
    top: var(--pst-header-height, 7rem) !important;

    height: calc(100vh - var(--pst-header-height, 7rem)) !important;
    max-height: calc(100vh - var(--pst-header-height, 7rem)) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    align-self: flex-start !important;
  }

  .bd-sidebar-primary .sidebar-primary-items,
  .bd-sidebar-primary .sidebar-primary-items__start,
  .bd-sidebar-primary .sidebar-primary-item {
    overflow: visible !important;
  }
}

/* Sticky needs parent containers not to clip it */
.bd-container,
.bd-page-width,
.bd-main,
.bd-content {
  overflow: visible !important;
}


/* ==========================================================================
   Left sidebar scrollbar spacing
   Prevent scrollbar from overlapping expand/collapse chevrons
   ========================================================================== */

@media (min-width: 960px) {
  .bd-sidebar-primary,
  #pst-primary-sidebar {
    scrollbar-gutter: stable !important;
  }

  .bd-sidebar-primary .sidebar-primary-items {
    padding-right: 0.75rem !important;
  }

  .bd-sidebar-primary nav.bd-links {
    padding-right: 0.5rem !important;
  }

  .bd-sidebar-primary nav.bd-links li > a {
    padding-right: 1.75rem !important;
  }

  .bd-sidebar-primary .toctree-toggle,
  .bd-sidebar-primary button.toctree-toggle,
  .bd-sidebar-primary .toc-toggle {
    margin-right: 0.25rem !important;
  }
}

/* ==========================================================================
   Breadcrumbs to title spacing
   ========================================================================== */

.bd-header-article {
  margin-bottom: 0.5rem !important;
  padding-bottom: 0 !important;
}

.header-article-items,
.header-article__inner,
.header-article-items__start,
.header-article-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.bd-breadcrumbs {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.bd-main .bd-content .bd-article-container {
  padding-top: 1.25rem !important;
}

.bd-article > section:first-child > h1:first-child,
.bd-article h1:first-child {
  margin-top: 0.75rem !important;
}

/* ==========================================================================
   Horizontal rules — DIDWW line colors
   ========================================================================== */

hr,
.bd-article hr {
  border: 0 !important;
  border-top: 1px solid var(--didww-border-light, #d9eaf7) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .bd-article hr {
  border-top-color: var(--didww-border-dark, #12375f) !important;
}

/* ==========================================================================
   Breadcrumbs — simple text style
   ========================================================================== */

.bd-header-article,
.bd-header-article.d-print-none {
  min-height: 2.25rem !important;
  height: auto !important;
  margin: 0 0 0.9rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bd-header-article .header-article-items,
.bd-header-article .header-article__inner,
.bd-header-article .header-article-items__start,
.bd-header-article .header-article-item {
  min-height: 2.25rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Breadcrumb row */
.bd-header-article .bd-breadcrumbs {
  min-height: 2.25rem !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 0 !important;

  background: transparent !important;
}

/* Breadcrumb item */
.bd-header-article .bd-breadcrumbs .breadcrumb-item {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  background: transparent !important;
}

/* Breadcrumb links/text */
.bd-header-article .bd-breadcrumbs a,
.bd-header-article .bd-breadcrumbs .nav-link,
.bd-header-article .bd-breadcrumbs span,
.bd-header-article .bd-breadcrumbs .ellipsis {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
}

/* Current breadcrumb: same weight as the rest */
.bd-header-article .bd-breadcrumbs .breadcrumb-item.active,
.bd-header-article .bd-breadcrumbs .breadcrumb-item.active span,
.bd-header-article .bd-breadcrumbs .breadcrumb-item.active .ellipsis {
  font-size: 0.95rem !important;
  font-weight: 400 !important;
}

/* Remove any default Bootstrap separator */
.bd-header-article .bd-breadcrumbs .breadcrumb-item::before {
  content: none !important;
  display: none !important;
}

/* Custom centered separator */
.bd-header-article .bd-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  content: "›" !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: 1em !important;

  padding: 0 0.5rem !important;
  margin: 0 !important;

  font-size: 1.1rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  color: currentColor !important;
  opacity: 1 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transform: translateY(-0.02em) !important;
}

/* Home icon */
.bd-header-article .bd-breadcrumbs .breadcrumb-home a,
.bd-header-article .bd-breadcrumbs .breadcrumb-home .nav-link {
  display: inline-flex !important;
  align-items: center !important;
}

.bd-header-article .bd-breadcrumbs .breadcrumb-home svg,
.bd-header-article .bd-breadcrumbs svg.svg-inline--fa {
  display: block !important;
  width: 0.95rem !important;
  height: 0.95rem !important;

  color: currentColor !important;
  opacity: 1 !important;
}

/* Hover: no underline */
.bd-header-article .bd-breadcrumbs a:hover,
.bd-header-article .bd-breadcrumbs .nav-link:hover {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Space between breadcrumbs and page title */
.bd-header-article + #searchbox + article.bd-article h1,
.bd-header-article + article.bd-article h1,
.bd-article h1:first-child,
.bd-article section:first-child > h1:first-child {
  margin-top: 0.9rem !important;
}

/* Hover: no underline, DIDWW hover color */
.bd-header-article .bd-breadcrumbs a:hover,
.bd-header-article .bd-breadcrumbs .nav-link:hover,
.bd-header-article .bd-breadcrumbs .breadcrumb-home a:hover,
.bd-header-article .bd-breadcrumbs .breadcrumb-home .nav-link:hover {
  color: var(--didww-hover-color, var(--pst-color-primary)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Make icon follow hover color */
.bd-header-article .bd-breadcrumbs a:hover svg,
.bd-header-article .bd-breadcrumbs .nav-link:hover svg {
  color: var(--didww-hover-color, var(--pst-color-primary)) !important;
}


/* ==========================================================================
   main title padding removed from top
   ========================================================================== */

@media (min-width: 1200px) {
    .bd-main .bd-content .bd-article-container .bd-article {
        padding-top: 0rem;
        padding-right: 1.9rem;
    }
}


/* ==========================================================================
   Admonitions — type-specific DIDWW colors
   Put this AFTER the current admonition section
   ========================================================================== */

/* Base admonition */
.admonition {
  overflow: hidden !important;
  border-radius: var(--didww-radius-md, 0.6rem) !important;
  border: 1px solid var(--pst-color-border) !important;
  box-shadow: none !important;
}

/* Base title */
.admonition > .admonition-title,
div.admonition > .admonition-title {
  font-weight: 700 !important;
}

/* ==========================================================================
   Light mode
   ========================================================================== */

html[data-theme="light"] .admonition {
  background: #ffffff !important;
  color: var(--didww-text, #102a43) !important;
}

/* NOTE / SEEALSO / HINT — blue */
html[data-theme="light"] .admonition.note,
html[data-theme="light"] .admonition.seealso,
html[data-theme="light"] .admonition.hint {
  border-color: #b9e8ff !important;
  border-left: 0.35rem solid #b9e8ff !important;
}

html[data-theme="light"] .admonition.note > .admonition-title,
html[data-theme="light"] .admonition.seealso > .admonition-title,
html[data-theme="light"] .admonition.hint > .admonition-title {
  background: #e8f7ff !important;
  color: #005aa3 !important;
  border-bottom-color: #b9e8ff !important;
}

/* TIP — green */
html[data-theme="light"] .admonition.tip {
  border-color: #bbf7d0 !important;
  border-left: 0.35rem solid #bbf7d0 !important;
}

html[data-theme="light"] .admonition.tip > .admonition-title {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border-bottom-color: #bbf7d0 !important;
}

/* TIP icon — green */
html[data-theme="light"] .admonition.tip > .admonition-title::after,
html[data-theme="light"] div.admonition.tip > .admonition-title::after {
  color: #047857 !important;
}

/* IMPORTANT / ATTENTION — DIDWW orange */
html[data-theme="light"] .admonition.important,
html[data-theme="light"] .admonition.attention {
  border-color: #ffb083 !important;
  border-left: 0.35rem solid #ffb083 !important;
}

html[data-theme="light"] .admonition.important > .admonition-title,
html[data-theme="light"] .admonition.attention > .admonition-title {
  background: #fff1e8 !important;
  color: #d95f1e !important;
  border-bottom-color: #ffb083 !important;
}

html[data-theme="light"] .admonition.important > .admonition-title::after,
html[data-theme="light"] div.admonition.important > .admonition-title::after,
html[data-theme="light"] .admonition.attention > .admonition-title::after,
html[data-theme="light"] div.admonition.attention > .admonition-title::after {
  color: #ff8a4c !important;
}

/* WARNING / CAUTION — amber */
html[data-theme="light"] .admonition.warning,
html[data-theme="light"] .admonition.caution {
  border-color: #fde68a !important;
  border-left: 0.35rem solid #fde68a !important;
}

html[data-theme="light"] .admonition.warning > .admonition-title,
html[data-theme="light"] .admonition.caution > .admonition-title {
  background: #fffbeb !important;
  color: #92400e !important;
  border-bottom-color: #fde68a !important;
}



/* DANGER / ERROR — red */
html[data-theme="light"] .admonition.danger,
html[data-theme="light"] .admonition.error {
  border-color: #fecaca !important;
  border-left: 0.35rem solid #fecaca !important;
}

html[data-theme="light"] .admonition.danger > .admonition-title,
html[data-theme="light"] .admonition.error > .admonition-title {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border-bottom-color: #fecaca !important;
}

/* DANGER / ERROR icon — red */
html[data-theme="light"] .admonition.danger > .admonition-title::after,
html[data-theme="light"] .admonition.error > .admonition-title::after,
html[data-theme="light"] div.admonition.danger > .admonition-title::after,
html[data-theme="light"] div.admonition.error > .admonition-title::after {
  color: #991b1b !important;
}

/* ==========================================================================
   FIX — Hint admonition icon should be blue, not green
   ========================================================================== */

/* Light mode */
html[data-theme="light"] .admonition.hint > .admonition-title::after,
html[data-theme="light"] div.admonition.hint > .admonition-title::after {
  color: #005aa3 !important;
}

/* Dark mode */
html[data-theme="dark"] .admonition.hint > .admonition-title::after,
html[data-theme="dark"] div.admonition.hint > .admonition-title::after {
  color: #7dd3fc !important;
}

/* ==========================================================================
   FIX — Blue admonition icons
   ========================================================================== */

/* Light mode */
html[data-theme="light"] .admonition.note > .admonition-title::after,
html[data-theme="light"] div.admonition.note > .admonition-title::after,
html[data-theme="light"] .admonition.seealso > .admonition-title::after,
html[data-theme="light"] div.admonition.seealso > .admonition-title::after,
html[data-theme="light"] .admonition.hint > .admonition-title::after,
html[data-theme="light"] div.admonition.hint > .admonition-title::after {
  color: #005aa3 !important;
}

/* Dark mode */
html[data-theme="dark"] .admonition.note > .admonition-title::after,
html[data-theme="dark"] div.admonition.note > .admonition-title::after,
html[data-theme="dark"] .admonition.seealso > .admonition-title::after,
html[data-theme="dark"] div.admonition.seealso > .admonition-title::after,
html[data-theme="dark"] .admonition.hint > .admonition-title::after,
html[data-theme="dark"] div.admonition.hint > .admonition-title::after {
  color: #7dd3fc !important;
}

/* ==========================================================================
   Light mode — custom-title admonition
   Matches the soft DIDWW blue note style
   ========================================================================== */

html[data-theme="light"] .admonition-custom-title.admonition {
  border-color: #b9e8ff !important;
  border-left: 0.35rem solid #b9e8ff !important;
  background: #ffffff !important;
  color: var(--didww-text, #102a43) !important;
}

html[data-theme="light"] .admonition-custom-title.admonition > .admonition-title {
  background: #e8f7ff !important;
  color: #005aa3 !important;
  border-bottom: 1px solid #b9e8ff !important;
}

/* Body text */
html[data-theme="light"] .admonition-custom-title.admonition p,
html[data-theme="light"] .admonition-custom-title.admonition li {
  color: var(--didww-text, #102a43) !important;
}

/* Inline code inside this custom admonition */
html[data-theme="light"] .admonition-custom-title.admonition code,
html[data-theme="light"] .admonition-custom-title.admonition .literal {
  color: var(--didww-blue-dark, #003b73) !important;
  background: #f3fbff !important;
  border-color: #d9eaf7 !important;
}

/* Custom-title admonition icon */
html[data-theme="light"] .admonition-custom-title.admonition > .admonition-title::after,
html[data-theme="light"] div.admonition-custom-title.admonition > .admonition-title::after {
  color: #005aa3 !important;
}



/* ==========================================================================
   Dark mode — admonitions, softer DIDWW colors
   ========================================================================== */

html[data-theme="dark"] .admonition {
  background: var(--didww-surface-dark, #041225) !important;
  color: var(--pst-color-text-base, #ffffff) !important;
  border-color: var(--didww-border-dark, #12375f) !important;
}

/* Shared title base */
html[data-theme="dark"] .admonition > .admonition-title {
  font-weight: 700 !important;
}

/* NOTE / SEEALSO / HINT — soft blue */
html[data-theme="dark"] .admonition.note,
html[data-theme="dark"] .admonition.seealso,
html[data-theme="dark"] .admonition.hint,
html[data-theme="dark"] .admonition-custom-title.admonition {
  border-color: rgba(56, 189, 248, 0.35) !important;
  border-left: 0.35rem solid rgba(56, 189, 248, 0.55) !important;
}

html[data-theme="dark"] .admonition.note > .admonition-title,
html[data-theme="dark"] .admonition.seealso > .admonition-title,
html[data-theme="dark"] .admonition.hint > .admonition-title,
html[data-theme="dark"] .admonition-custom-title.admonition > .admonition-title {
  background: rgba(56, 189, 248, 0.12) !important;
  color: #7dd3fc !important;
  border-bottom-color: rgba(56, 189, 248, 0.35) !important;
}

/* TIP — soft green */
html[data-theme="dark"] .admonition.tip {
  border-color: rgba(52, 211, 153, 0.35) !important;
  border-left: 0.35rem solid rgba(52, 211, 153, 0.55) !important;
}

html[data-theme="dark"] .admonition.tip > .admonition-title {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #86efac !important;
  border-bottom-color: rgba(52, 211, 153, 0.35) !important;
}

/* IMPORTANT / ATTENTION — DIDWW orange */
html[data-theme="dark"] .admonition.important,
html[data-theme="dark"] .admonition.attention {
  border-color: rgba(255, 138, 76, 0.38) !important;
  border-left: 0.35rem solid rgba(255, 138, 76, 0.38) !important;
}

html[data-theme="dark"] .admonition.important > .admonition-title,
html[data-theme="dark"] .admonition.attention > .admonition-title {
  background: rgba(255, 138, 76, 0.16) !important;
  color: #ffb083 !important;
  border-bottom-color: rgba(255, 138, 76, 0.38) !important;
}

html[data-theme="dark"] .admonition.important > .admonition-title::after,
html[data-theme="dark"] div.admonition.important > .admonition-title::after,
html[data-theme="dark"] .admonition.attention > .admonition-title::after,
html[data-theme="dark"] div.admonition.attention > .admonition-title::after {
  color: #ffb083 !important;
}

/* WARNING / CAUTION — soft amber */
html[data-theme="dark"] .admonition.warning,
html[data-theme="dark"] .admonition.caution {
  border-color: rgba(251, 191, 36, 0.35) !important;
  border-left: 0.35rem solid rgba(251, 191, 36, 0.55) !important;
}

html[data-theme="dark"] .admonition.warning > .admonition-title,
html[data-theme="dark"] .admonition.caution > .admonition-title {
  background: rgba(251, 191, 36, 0.12) !important;
  color: #fde68a !important;
  border-bottom-color: rgba(251, 191, 36, 0.35) !important;
}

/* DANGER / ERROR — soft red */
html[data-theme="dark"] .admonition.danger,
html[data-theme="dark"] .admonition.error {
  border-color: rgba(248, 113, 113, 0.35) !important;
  border-left: 0.35rem solid rgba(248, 113, 113, 0.55) !important;
}

html[data-theme="dark"] .admonition.danger > .admonition-title,
html[data-theme="dark"] .admonition.error > .admonition-title {
  background: rgba(248, 113, 113, 0.12) !important;
  color: #fca5a5 !important;
  border-bottom-color: rgba(248, 113, 113, 0.35) !important;
}

/* Keep body text readable */
html[data-theme="dark"] .admonition p,
html[data-theme="dark"] .admonition li {
  color: var(--pst-color-text-base, #ffffff) !important;
}

/* Links inside admonitions */
html[data-theme="dark"] .admonition a {
  color: #7dd3fc !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(125, 211, 252, 0.65) !important;
}

html[data-theme="dark"] .admonition a:hover {
  color: #bae6fd !important;
  border-bottom-color: #bae6fd !important;
}

/* Inline code inside admonitions */
html[data-theme="dark"] .admonition code,
html[data-theme="dark"] .admonition .literal {
  color: #dff3ff !important;
  background: rgba(125, 211, 252, 0.12) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
}

/* ==========================================================================
   Sphinx Design dropdowns — DIDWW / Fern-style connected accordion
   Put this at the VERY END of custom.css
   ========================================================================== */

.bd-article details.sd-dropdown.sd-card,
.bd-article details.sd-sphinx-override.sd-dropdown.sd-card {
  box-sizing: border-box !important;

  margin: 0 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid var(--didww-border-light, #d9eaf7) !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  overflow: hidden !important;

  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.bd-article details.sd-dropdown.sd-card *,
.bd-article details.sd-dropdown.sd-card *::before,
.bd-article details.sd-dropdown.sd-card *::after {
  box-sizing: border-box !important;
}

/* Remove Sphinx Design spacing utility */
.bd-article details.sd-dropdown.sd-card.sd-mb-3,
.bd-article details.sd-sphinx-override.sd-dropdown.sd-card.sd-mb-3 {
  margin: 0 !important;
}

/* Add spacing before a dropdown group */
.bd-article h1 + details.sd-dropdown.sd-card,
.bd-article h2 + details.sd-dropdown.sd-card,
.bd-article h3 + details.sd-dropdown.sd-card,
.bd-article h4 + details.sd-dropdown.sd-card,
.bd-article p + details.sd-dropdown.sd-card,
.bd-article ul + details.sd-dropdown.sd-card,
.bd-article ol + details.sd-dropdown.sd-card {
  margin-top: 1rem !important;
}

/* Add spacing after the final item in a group */
.bd-article details.sd-dropdown.sd-card:not(:has(+ details.sd-dropdown.sd-card)) {
  margin-bottom: 1.25rem !important;
}

/* Add space before the first dropdown in a group */
.bd-article details.sd-dropdown.sd-card:not(details.sd-dropdown.sd-card + details.sd-dropdown.sd-card) {
  margin-top: 1.25rem !important;
}

/* Connected rows share borders */
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card {
  border-top-width: 0 !important;
}

/* First item in a connected group */
.bd-article details.sd-dropdown.sd-card:has(+ details.sd-dropdown.sd-card) {
  border-top-left-radius: var(--didww-radius-lg, 0.85rem) !important;
  border-top-right-radius: var(--didww-radius-lg, 0.85rem) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Items after first */
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Middle items */
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card:has(+ details.sd-dropdown.sd-card) {
  border-radius: 0 !important;
}

/* Last item in connected group */
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card:not(:has(+ details.sd-dropdown.sd-card)) {
  border-bottom-left-radius: var(--didww-radius-lg, 0.85rem) !important;
  border-bottom-right-radius: var(--didww-radius-lg, 0.85rem) !important;
}

/* Single dropdown */
.bd-article details.sd-dropdown.sd-card:not(:has(+ details.sd-dropdown.sd-card)):not(:is(details.sd-dropdown.sd-card + details.sd-dropdown.sd-card)) {
  border-radius: var(--didww-radius-lg, 0.85rem) !important;
}

/* Prevent card layout shift */
.bd-article details.sd-dropdown.sd-card:hover,
.bd-article details.sd-dropdown.sd-card:focus-within,
.bd-article details.sd-dropdown.sd-card[open],
.bd-article details.sd-dropdown.sd-card[open]:hover {
  border-width: 1px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card:hover,
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card:focus-within,
.bd-article details.sd-dropdown.sd-card + details.sd-dropdown.sd-card[open] {
  border-top-width: 0 !important;
}

/* ==========================================================================
   Summary row — stable size, no flinching
   ========================================================================== */

.bd-article details.sd-dropdown.sd-card > summary,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover,
.bd-article details.sd-dropdown.sd-card > summary:focus,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card > summary:active,
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card[open] > summary:active {
  box-sizing: border-box !important;

  height: 3.85rem !important;
  min-height: 3.85rem !important;
  max-height: 3.85rem !important;

  margin: 0 !important;
  padding: 0 1.25rem !important;

  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;

  color: var(--didww-text, #102a43) !important;

  border: 0 !important;
  border-radius: 0 !important;

  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;

  cursor: pointer !important;
  list-style: none !important;
}

/* Default / focus / active: white */
.bd-article details.sd-dropdown.sd-card > summary,
.bd-article details.sd-dropdown.sd-card > summary:focus,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card > summary:active,
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card[open] > summary:active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Hover only: DIDWW light blue */
.bd-article details.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover,
.bd-article details.sd-sphinx-override.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-sphinx-override.sd-dropdown.sd-card > summary.sd-summary-title:hover,
.bd-article details.sd-sphinx-override.sd-dropdown.sd-card > summary.sd-card-header:hover {
  background: #f7fbff !important;
  background-color: #f7fbff !important;
  background-image: none !important;
}

/* Open row divider only */
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card[open] > summary:active {
  box-shadow: inset 0 -1px 0 var(--didww-border-light, #d9eaf7) !important;
}

/* Open + hover keeps divider */
.bd-article details.sd-dropdown.sd-card[open] > summary:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header:hover {
  background: #f7fbff !important;
  background-color: #f7fbff !important;
  background-image: none !important;

  box-shadow: inset 0 -1px 0 var(--didww-border-light, #d9eaf7) !important;
}

/* Remove browser marker */
.bd-article details.sd-dropdown.sd-card > summary::-webkit-details-marker {
  display: none !important;
}

.bd-article details.sd-dropdown.sd-card > summary::marker {
  content: "" !important;
}

/* Prevent child elements from creating grey hover/focus backgrounds */
.bd-article details.sd-dropdown.sd-card > summary *,
.bd-article details.sd-dropdown.sd-card > summary:hover *,
.bd-article details.sd-dropdown.sd-card > summary:focus *,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible *,
.bd-article details.sd-dropdown.sd-card > summary:active * {
  background-color: transparent !important;
  background-image: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* ==========================================================================
   Chevron
   ========================================================================== */

.bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  order: -1 !important;

  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  max-width: 1rem !important;
  flex: 0 0 1rem !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #64748b !important;
  line-height: 1 !important;

  transform: none !important;
  transition: none !important;
}

.bd-article details.sd-dropdown.sd-card .sd-summary-state-marker svg {
  width: 0.82rem !important;
  height: 0.82rem !important;

  color: currentColor !important;
  fill: currentColor !important;

  transform: none !important;
  transition: transform 0.15s ease !important;
}

.bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker svg {
  transform: rotate(90deg) !important;
}

/* ==========================================================================
   Summary text — smaller and locked for every state
   ========================================================================== */

.bd-article details.sd-dropdown.sd-card .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] > summary:active .sd-summary-text {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;

  min-width: 0 !important;

  color: var(--didww-text, #102a43) !important;

  font-family: var(--pst-font-family-base) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  transition: none !important;
}

/* Code pill in title — locked for every state */
.bd-article details.sd-dropdown.sd-card .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card summary code,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] > summary:active .sd-summary-text code {
  margin: 0 !important;
  padding: 0.1rem 0.35rem !important;

  color: var(--didww-blue-dark, #003b73) !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;

  border: 1px solid #cfe8ff !important;
  border-radius: 0.35rem !important;

  font-size: 0.9em !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  transform: none !important;
  transition: none !important;
}

/* ==========================================================================
   Expanded body
   ========================================================================== */

.bd-article details.sd-dropdown.sd-card > .sd-summary-content,
.bd-article details.sd-dropdown.sd-card > .sd-card-body {
  margin: 0 !important;
  padding: 1.25rem 1.6rem 1.35rem 3rem !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  color: var(--didww-text, #102a43) !important;

  border: 0 !important;
  box-shadow: none !important;
}

.bd-article details.sd-dropdown.sd-card > .sd-summary-content,
.bd-article details.sd-dropdown.sd-card > .sd-card-body,
.bd-article details.sd-dropdown.sd-card > .sd-summary-content *,
.bd-article details.sd-dropdown.sd-card > .sd-card-body *,
.bd-article details.sd-dropdown.sd-card .sd-card-text {
  color: var(--didww-text, #102a43) !important;
}

.bd-article details.sd-dropdown.sd-card strong {
  color: var(--didww-navy, #071b3a) !important;
  font-weight: 700 !important;
}

.bd-article details.sd-dropdown.sd-card > .sd-summary-content a,
.bd-article details.sd-dropdown.sd-card > .sd-card-body a {
  color: var(--didww-primary, #0072ce) !important;
  text-decoration: none !important;
  border-bottom: 0px solid currentColor !important;
}

.bd-article details.sd-dropdown.sd-card > .sd-summary-content a:hover,
.bd-article details.sd-dropdown.sd-card > .sd-card-body a:hover {
  color: var(--didww-primary-hover, #005aa3) !important;
}

/* Inline code in body */
.bd-article details.sd-dropdown.sd-card > .sd-summary-content code,
.bd-article details.sd-dropdown.sd-card > .sd-card-body code,
.bd-article details.sd-dropdown.sd-card > .sd-summary-content .literal,
.bd-article details.sd-dropdown.sd-card > .sd-card-body .literal {
  color: var(--didww-blue-dark, #003b73) !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;

  border: 1px solid var(--didww-border-light, #d9eaf7) !important;
  border-radius: 0.35rem !important;

  padding: 0.12rem 0.35rem !important;
  font-size: 0.9em !important;
  font-weight: 600 !important;
}

/* Body spacing */
.bd-article details.sd-dropdown.sd-card p {
  margin: 0 0 0.85rem 0 !important;
}

.bd-article details.sd-dropdown.sd-card ul,
.bd-article details.sd-dropdown.sd-card ol {
  margin: 0.35rem 0 1rem 1.25rem !important;
  padding: 0 !important;
}

.bd-article details.sd-dropdown.sd-card li {
  margin: 0.25rem 0 !important;
  padding-left: 0.15rem !important;
}

/* Remove pseudo decorations */
.bd-article details.sd-dropdown.sd-card::before,
.bd-article details.sd-dropdown.sd-card::after,
.bd-article details.sd-dropdown.sd-card > summary::before,
.bd-article details.sd-dropdown.sd-card > summary::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   Dark mode
   ========================================================================== */

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  border-color: var(--didww-border-dark, #12375f) !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus-visible,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:active,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:hover {
  background: var(--didww-surface-dark-soft, #0b274f) !important;
  background-color: var(--didww-surface-dark-soft, #0b274f) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:active,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:hover {
  box-shadow: inset 0 -1px 0 var(--didww-border-dark, #12375f) !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-text {
  color: #ffffff !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  color: #9fb7d1 !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content *,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body * {
  color: #ffffff !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .literal {
  color: #7dd3fc !important;
  background: rgba(125, 211, 252, 0.12) !important;
  border-color: rgba(125, 211, 252, 0.25) !important;
}

/* Make dropdown chevron black in light mode */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-state-marker,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-state-marker,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  color: #000000 !important;
}

html[data-theme="light"] .bd-article details.sd-dropdown.sd-card .sd-summary-state-marker svg {
  color: #000000 !important;
  fill: currentColor !important;
}

/* ==========================================================================
   FIX — dark mode card hover text should stay DIDWW blue, not white
   Put at the VERY END of custom.css
   ========================================================================== */

html[data-theme="dark"] .sd-card:hover .sd-card-title,
html[data-theme="dark"] .sd-card:hover .sd-card-title *,
html[data-theme="dark"] .sd-card-hover:hover .sd-card-title,
html[data-theme="dark"] .sd-card-hover:hover .sd-card-title * {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .sd-card:hover .sd-card-text,
html[data-theme="dark"] .sd-card:hover p,
html[data-theme="dark"] .sd-card:hover li,
html[data-theme="dark"] .sd-card:hover span,
html[data-theme="dark"] .sd-card-hover:hover .sd-card-text,
html[data-theme="dark"] .sd-card-hover:hover p,
html[data-theme="dark"] .sd-card-hover:hover li,
html[data-theme="dark"] .sd-card-hover:hover span {
  color: #d7eaff !important;
}

html[data-theme="dark"] .sd-card:hover a,
html[data-theme="dark"] .sd-card-hover:hover a {
  color: #7dd3fc !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* Keep dropdown body links white only inside dropdown content, not all cards */
/* Links in dropdown body — dark mode DIDWW hover color */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a span {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  /* border-bottom: 1px solid currentColor !important; */
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a:focus {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  /* border-bottom: 2px solid currentColor !important; */
}

/* ==========================================================================
   FINAL FIX — dark mode dropdown closed/open state consistency
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Dropdown shell in dark mode */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  border-color: var(--didww-border-dark, #12375f) !important;
}

/* Summary row: closed, open, focus, active — all dark, never white */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-summary-title,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-card-header,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus-visible,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:active {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  color: #ffffff !important;

  filter: none !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hover only: slightly lighter dark blue */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover {
  background: var(--didww-surface-dark-soft, #0b274f) !important;
  background-color: var(--didww-surface-dark-soft, #0b274f) !important;
  background-image: none !important;

  color: #ffffff !important;

  filter: none !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Open row needs divider between header and body */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header {
  box-shadow: inset 0 -1px 0 var(--didww-border-dark, #12375f) !important;
}

/* Open + hover keeps divider */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header:hover {
  background: var(--didww-surface-dark-soft, #0b274f) !important;
  background-color: var(--didww-surface-dark-soft, #0b274f) !important;

  box-shadow: inset 0 -1px 0 var(--didww-border-dark, #12375f) !important;
}

/* Summary text always white in dark mode */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-text {
  color: #ffffff !important;
}

/* Chevron visible but muted */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  color: #9fb7d1 !important;
}

/* Code pill in dropdown header: dark, not white */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card summary code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] .sd-summary-text code {
  color: #dff3ff !important;

  background: rgba(125, 211, 252, 0.12) !important;
  background-color: rgba(125, 211, 252, 0.12) !important;
  background-image: none !important;

  border-color: rgba(125, 211, 252, 0.32) !important;
}

/* Body stays dark and readable */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  color: #ffffff !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content *,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body * {
  color: #ffffff !important;
}

/* Body code pills */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body code,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content .literal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body .literal {
  color: #dff3ff !important;

  background: rgba(125, 211, 252, 0.12) !important;
  background-color: rgba(125, 211, 252, 0.12) !important;

  border-color: rgba(125, 211, 252, 0.32) !important;
}

/* Links in body: white underline, not blue unless hovered */
/* ==========================================================================
   FINAL FIX — internal links inside tabs and dropdowns
   Covers <a class="reference internal"><span class="doc">...</span></a>
   ========================================================================== */

/* --------------------------------------------------------------------------
   Light mode — tabs + dropdowns
   -------------------------------------------------------------------------- */

html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal,
html[data-theme="light"] .bd-article .sphinx-tabs a.reference.internal,
html[data-theme="light"] .bd-article .http-example a.reference.internal,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal .doc,
html[data-theme="light"] .bd-article .sphinx-tabs a.reference.internal .doc,
html[data-theme="light"] .bd-article .http-example a.reference.internal .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal .doc,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal span,
html[data-theme="light"] .bd-article .sphinx-tabs a.reference.internal span,
html[data-theme="light"] .bd-article .http-example a.reference.internal span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal span {
  color: inherit !important;
}

html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:hover,
html[data-theme="light"] .bd-article .sphinx-tabs a.reference.internal:hover,
html[data-theme="light"] .bd-article .http-example a.reference.internal:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover,
html[data-theme="light"] .bd-article .sd-tab-content a.reference.internal:focus,
html[data-theme="light"] .bd-article .sphinx-tabs a.reference.internal:focus,
html[data-theme="light"] .bd-article .http-example a.reference.internal:focus,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

/* --------------------------------------------------------------------------
   Dark mode — tabs + dropdowns
   -------------------------------------------------------------------------- */

html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal,
html[data-theme="dark"] .bd-article .sphinx-tabs a.reference.internal,
html[data-theme="dark"] .bd-article .http-example a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal .doc,
html[data-theme="dark"] .bd-article .sphinx-tabs a.reference.internal .doc,
html[data-theme="dark"] .bd-article .http-example a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal .doc,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal span,
html[data-theme="dark"] .bd-article .sphinx-tabs a.reference.internal span,
html[data-theme="dark"] .bd-article .http-example a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal span {
  color: inherit !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:hover,
html[data-theme="dark"] .bd-article .sphinx-tabs a.reference.internal:hover,
html[data-theme="dark"] .bd-article .http-example a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover,
html[data-theme="dark"] .bd-article .sd-tab-content a.reference.internal:focus,
html[data-theme="dark"] .bd-article .sphinx-tabs a.reference.internal:focus,
html[data-theme="dark"] .bd-article .http-example a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a:hover {
  color: #7dd3fc !important;
}

/* ==========================================================================
   FIX — dropdown strong text in dark mode
   Must come AFTER the light-mode strong rule
   ========================================================================== */

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card strong,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card strong,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text strong,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card .sd-summary-text strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   FINAL FIX — dropdown titles can wrap without clipping/overlap
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Summary row must not be fixed-height because long titles wrap */
.bd-article details.sd-dropdown.sd-card > summary,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover,
.bd-article details.sd-dropdown.sd-card > summary:focus,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card > summary:active,
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus,
.bd-article details.sd-dropdown.sd-card[open] > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card[open] > summary:active {
  height: auto !important;
  min-height: 3.85rem !important;
  max-height: none !important;

  padding: 0.85rem 1.25rem !important;

  align-items: flex-start !important;
  overflow: visible !important;
  white-space: normal !important;
}

/* Keep the chevron aligned nicely with the first text line */
.bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  align-self: flex-start !important;
  margin-top: 0.35rem !important;
}

/* Long summary titles wrap instead of overflowing */
.bd-article details.sd-dropdown.sd-card .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;

  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

/* Code pills inside long titles also wrap cleanly */
.bd-article details.sd-dropdown.sd-card .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card summary code,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text code {
  display: inline-flex !important;
  align-items: center !important;

  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;

  font-size: 0.9em !important;
  line-height: 1.25 !important;
}

/* ==========================================================================
   FINAL FIX — center normal dropdown rows, keep long rows wrapping
   Put this after the previous wrap fix
   ========================================================================== */

/* Center the normal one-line rows */
.bd-article details.sd-dropdown.sd-card > summary,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-dropdown.sd-card > summary:focus,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card > summary:active,
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header {
  align-items: center !important;
}

/* Center chevron again for normal rows */
.bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  align-self: center !important;
  margin-top: 0 !important;
}

/* Keep text vertically balanced */
.bd-article details.sd-dropdown.sd-card .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text {
  align-items: center !important;
}

/* ==========================================================================
   FINAL FIX — dropdown hover keeps same layout and centered text
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Normal + hover + focus + open all use the same row layout */
.bd-article details.sd-dropdown.sd-card > summary,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header,
.bd-article details.sd-dropdown.sd-card > summary:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover,
.bd-article details.sd-dropdown.sd-card > summary:focus,
.bd-article details.sd-dropdown.sd-card > summary:focus-visible,
.bd-article details.sd-dropdown.sd-card > summary:active,
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover {
  height: auto !important;
  min-height: 3.85rem !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0.85rem 1.25rem !important;

  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* Hover color only — no layout change */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover {
  background: #f7fbff !important;
  background-color: #f7fbff !important;
  background-image: none !important;
}

/* Open rows keep divider, including hover */
.bd-article details.sd-dropdown.sd-card[open] > summary,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-summary-title:hover,
.bd-article details.sd-dropdown.sd-card[open] > summary.sd-card-header:hover {
  box-shadow: inset 0 -1px 0 var(--didww-border-light, #d9eaf7) !important;
}

/* Text size locked in every state */
.bd-article details.sd-dropdown.sd-card .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text,
.bd-article details.sd-dropdown.sd-card[open] > summary:hover .sd-summary-text {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;

  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;

  color: var(--didww-text, #102a43) !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  transition: none !important;
}

/* Code pill size locked in every state */
.bd-article details.sd-dropdown.sd-card .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card summary code,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card > summary:active .sd-summary-text code,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-text code {
  font-size: 0.9em !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  margin: 0 !important;
  padding: 0.1rem 0.35rem !important;

  transform: none !important;
  transition: none !important;
}

/* Chevron centered in every state */
.bd-article details.sd-dropdown.sd-card .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:hover .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card > summary:focus .sd-summary-state-marker,
.bd-article details.sd-dropdown.sd-card[open] .sd-summary-state-marker {
  align-self: center !important;
  margin-top: 0 !important;
  transform: none !important;
  transition: none !important;
}

/* Dark hover only changes background */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-summary-title:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > summary.sd-card-header:hover {
  background: var(--didww-surface-dark-soft, #0b274f) !important;
  background-color: var(--didww-surface-dark-soft, #0b274f) !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card[open] > summary:hover {
  box-shadow: inset 0 -1px 0 var(--didww-border-dark, #12375f) !important;
}


/* ==========================================================================
   Previous / Next navigation — DIDWW clean hover, no border
   ========================================================================== */

/* Base cleanup */
.prev-next-area a,
.prev-next-area .prev-next-info,
.prev-next-area .prev-next-subtitle,
.prev-next-area .prev-next-title {
  text-decoration: none !important;
}

/* Previous / next link block */
.prev-next-area a {
  color: var(--didww-text, #102a43) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;

  transition: color 0.15s ease;
}

/* Subtitle: previous / next */
.prev-next-area .prev-next-subtitle {
  color: var(--didww-muted, #334155) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  letter-spacing: 0.04em !important;

  margin-bottom: 0.2rem !important;
}

/* Page title */
.prev-next-area .prev-next-title {
  color: var(--didww-text, #102a43) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Hover/focus: color only, no border */
.prev-next-area a:hover,
.prev-next-area a:focus,
.prev-next-area a:focus-visible {
  color: var(--didww-primary, #0072ce) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: 0 !important;
}

/* Text follows hover */
.prev-next-area a:hover .prev-next-subtitle,
.prev-next-area a:focus .prev-next-subtitle,
.prev-next-area a:focus-visible .prev-next-subtitle,
.prev-next-area a:hover .prev-next-title,
.prev-next-area a:focus .prev-next-title,
.prev-next-area a:focus-visible .prev-next-title {
  color: var(--didww-primary, #0072ce) !important;
}

/* Remove PyData pseudo decorations */
.prev-next-area a::before,
.prev-next-area a::after,
.prev-next-area a:hover::before,
.prev-next-area a:hover::after,
.prev-next-area a:focus::before,
.prev-next-area a:focus::after,
.prev-next-area a:focus-visible::before,
.prev-next-area a:focus-visible::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Previous / Next navigation — dark mode
   ========================================================================== */

html[data-theme="dark"] .prev-next-area a {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .prev-next-area .prev-next-subtitle {
  color: #d7eaff !important;
}

html[data-theme="dark"] .prev-next-area .prev-next-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .prev-next-area a:hover,
html[data-theme="dark"] .prev-next-area a:focus,
html[data-theme="dark"] .prev-next-area a:focus-visible {
  color: var(--didww-sidebar-hover-color) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: 0 !important;
}

html[data-theme="dark"] .prev-next-area a:hover .prev-next-subtitle,
html[data-theme="dark"] .prev-next-area a:focus .prev-next-subtitle,
html[data-theme="dark"] .prev-next-area a:focus-visible .prev-next-subtitle,
html[data-theme="dark"] .prev-next-area a:hover .prev-next-title,
html[data-theme="dark"] .prev-next-area a:focus .prev-next-title,
html[data-theme="dark"] .prev-next-area a:focus-visible .prev-next-title {
  color: var(--didww-sidebar-hover-color) !important;
}

/* ==========================================================================
   FIX — internal links inside dropdown admonition/content bodies
   The visible text is inside <a><span class="doc">...</span></a>,
   so the span must inherit the link color.
   ========================================================================== */

/* Light mode — default */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
}

/* Light mode — make nested span/doc text inherit link color */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal span {
  color: inherit !important;
}

/* Light mode — hover/focus */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  border-bottom: 2px solid var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  text-decoration: none !important;
}

/* Light mode — nested text on hover/focus */
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus .doc,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus span,
html[data-theme="light"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus span {
  color: inherit !important;
}

/* Dark mode — default */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal {
  color: var(--pst-color-link, #7dd3fc) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--pst-color-link, #7dd3fc) !important;
}

/* Dark mode — make nested span/doc text inherit link color */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal span {
  color: inherit !important;
}

/* Dark mode — hover/focus */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus {
  color: var(--pst-color-link-hover, #bae6fd) !important;
  border-bottom: 2px solid var(--pst-color-link-hover, #bae6fd) !important;
  text-decoration: none !important;
}

/* Dark mode — nested text on hover/focus */
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:hover span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:hover span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content a.reference.internal:focus span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body a.reference.internal:focus span {
  color: inherit !important;
}


/* ==========================================================================
   FIX — Sphinx Design tabs dark mode label colors
   Inactive tabs: white
   Active/open + hover: DIDWW hover color
   ========================================================================== */

/* Inactive dark-mode tab labels */
html[data-theme="dark"] .bd-article .sd-tab-label,
html[data-theme="dark"] .bd-article .sd-tab-set > label {
  color: #ffffff !important;
}

/* Nested text, especially <em>, should follow label color */
html[data-theme="dark"] .bd-article .sd-tab-label *,
html[data-theme="dark"] .bd-article .sd-tab-set > label * {
  color: inherit !important;
}

/* Active/open selected tab */
html[data-theme="dark"] .bd-article .sd-tab-label[aria-selected="true"],
html[data-theme="dark"] .bd-article .sd-tab-set > input:checked + label {
  color: var(--didww-hover-color, var(--pst-color-primary, #35c2ff)) !important;
  border-bottom-color: var(--didww-hover-color, var(--pst-color-primary, #35c2ff)) !important;
}

/* Active/open selected tab nested text */
html[data-theme="dark"] .bd-article .sd-tab-label[aria-selected="true"] *,
html[data-theme="dark"] .bd-article .sd-tab-set > input:checked + label * {
  color: inherit !important;
}

/* Hover/focus should also use DIDWW hover color */
html[data-theme="dark"] .bd-article .sd-tab-label:hover,
html[data-theme="dark"] .bd-article .sd-tab-label:focus,
html[data-theme="dark"] .bd-article .sd-tab-set > label:hover,
html[data-theme="dark"] .bd-article .sd-tab-set > label:focus {
  color: var(--didww-hover-color, var(--pst-color-primary, #35c2ff)) !important;
}

/* Hover/focus nested text */
html[data-theme="dark"] .bd-article .sd-tab-label:hover *,
html[data-theme="dark"] .bd-article .sd-tab-label:focus *,
html[data-theme="dark"] .bd-article .sd-tab-set > label:hover *,
html[data-theme="dark"] .bd-article .sd-tab-set > label:focus * {
  color: inherit !important;
}


/* ==========================================================================
   Right sidebar / On this page — active link DIDWW hover color
   ========================================================================== */

html[data-theme="light"] .toc-entry a.nav-link.active,
html[data-theme="light"] .toc-entry a.nav-link[aria-current="true"],
html[data-theme="light"] .toc-entry a.reference.internal.nav-link.active,
html[data-theme="light"] .toc-entry a.reference.internal.nav-link[aria-current="true"] {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

html[data-theme="dark"] .toc-entry a.nav-link.active,
html[data-theme="dark"] .toc-entry a.nav-link[aria-current="true"],
html[data-theme="dark"] .toc-entry a.reference.internal.nav-link.active,
html[data-theme="dark"] .toc-entry a.reference.internal.nav-link[aria-current="true"] {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Keep hover/focus matching active */
.toc-entry a.nav-link:hover,
.toc-entry a.nav-link:focus,
.toc-entry a.nav-link:focus-visible,
.toc-entry a.reference.internal.nav-link:hover,
.toc-entry a.reference.internal.nav-link:focus,
.toc-entry a.reference.internal.nav-link:focus-visible {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .toc-entry a.nav-link:hover,
html[data-theme="dark"] .toc-entry a.nav-link:focus,
html[data-theme="dark"] .toc-entry a.nav-link:focus-visible,
html[data-theme="dark"] .toc-entry a.reference.internal.nav-link:hover,
html[data-theme="dark"] .toc-entry a.reference.internal.nav-link:focus,
html[data-theme="dark"] .toc-entry a.reference.internal.nav-link:focus-visible {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
}


/* ==========================================================================
   FIX — internal document links in article content
   Example: <a class="reference internal"><span class="doc">Phone Numbers</span></a>
   Dark mode uses DIDWW hover color
   ========================================================================== */

/* Light mode */
html[data-theme="light"] .bd-article a.reference.internal,
html[data-theme="light"] .bd-article a.reference.internal .doc,
html[data-theme="light"] .bd-article a.reference.internal span.doc {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
}

html[data-theme="light"] .bd-article a.reference.internal:hover,
html[data-theme="light"] .bd-article a.reference.internal:focus,
html[data-theme="light"] .bd-article a.reference.internal:hover .doc,
html[data-theme="light"] .bd-article a.reference.internal:focus .doc,
html[data-theme="light"] .bd-article a.reference.internal:hover span.doc,
html[data-theme="light"] .bd-article a.reference.internal:focus span.doc {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
}



html[data-theme="dark"] .bd-article a.reference.internal:hover,
html[data-theme="dark"] .bd-article a.reference.internal:focus,
html[data-theme="dark"] .bd-article a.reference.internal:hover .doc,
html[data-theme="dark"] .bd-article a.reference.internal:focus .doc,
html[data-theme="dark"] .bd-article a.reference.internal:hover span.doc,
html[data-theme="dark"] .bd-article a.reference.internal:focus span.doc {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
}



/* ==========================================================================
   FINAL FIX — dropdown body internal links inside sd-card-text
   Ensures <p class="sd-card-text"><a><span class="doc">...</span></a></p>
   uses DIDWW hover color in dark mode
   ========================================================================== */

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal .doc,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal span,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal span {
  color: inherit !important;
}

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal:hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-summary-content p.sd-card-text a.reference.internal:focus,
html[data-theme="dark"] .bd-article details.sd-sphinx-override.sd-dropdown.sd-card > .sd-card-body p.sd-card-text a.reference.internal:focus {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

/* ==========================================================================
   FINAL FIX — top product tabs dark-mode link colors
   Inactive tabs: white
   Active/current/open tab: DIDWW hover color
   ========================================================================== */

/* Dark mode — inactive tab links */
html[data-theme="dark"] .didww-mint-tabs .nav-item > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs .nav-item > a.nav-link.nav-internal,
html[data-theme="dark"] .didww-mint-tabs .navbar-nav .nav-item > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item > a.nav-link.nav-internal {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Dark mode — active/current/open tab links */
html[data-theme="dark"] .didww-mint-tabs .nav-item.current > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs .nav-item.active > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs .nav-item.current.active > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item.current > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item.active > a.nav-link,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item.current.active > a.nav-link {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* Dark mode — hover/focus also uses DIDWW hover color */
html[data-theme="dark"] .didww-mint-tabs .nav-item > a.nav-link:hover,
html[data-theme="dark"] .didww-mint-tabs .nav-item > a.nav-link:focus,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item > a.nav-link:hover,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item > a.nav-link:focus {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* Make nested text inherit, if any spans/icons are added later */
html[data-theme="dark"] .didww-mint-tabs .nav-item > a.nav-link *,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item > a.nav-link * {
  color: inherit !important;
}

/* ==========================================================================
   FINAL CLEAN FIX — internal links only inside tabs and dropdown bodies
   Does not affect stretched card overlay links
   ========================================================================== */

/* Normal visible internal links inside tab/dropdown text */
.bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
.bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
.bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
.bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
.bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
.bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

/* Nested span/doc text must inherit */
.bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) *,
.bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) *,
.bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) *,
.bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) *,
.bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) *,
.bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) * {
  color: inherit !important;
}

/* Hover/focus */
.bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
.bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
.bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
.bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
.bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
.bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

/* Dark mode uses DIDWW hover color */
html[data-theme="dark"] .bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article .sd-tab-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article .sd-tab-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-content p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-content li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-card-body p a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-card-body li a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* Stretched card links inside tabs should never show underline/border */
.bd-article .sd-tab-content a.sd-stretched-link.reference.internal,
.bd-article .sd-tab-content a.sd-hide-link-text.reference.internal,
.bd-article .sd-tab-content a.sd-stretched-link.reference.internal:hover,
.bd-article .sd-tab-content a.sd-hide-link-text.reference.internal:hover,
.bd-article .sd-tab-content a.sd-stretched-link.reference.internal:focus,
.bd-article .sd-tab-content a.sd-hide-link-text.reference.internal:focus {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   FINAL FIX — normal internal document links
   Example: <a class="reference internal"><span class="doc">Billing</span></a>
   Excludes stretched / hidden card overlay links
   ========================================================================== */

/* Light mode */
html[data-theme="light"] .bd-article a.reference.internal:not(.image-reference):not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) .doc,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) span {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
}

html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover .doc,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus .doc,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover span,
html[data-theme="light"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus span {
  color: var(--didww-hover-color, var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3))) !important;
}

/* Dark mode */
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text),
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) .doc,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text) span {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover .doc,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus .doc,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):hover span,
html[data-theme="dark"] .bd-article a.reference.internal:not(.sd-stretched-link):not(.sd-hide-link-text):focus span {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* Keep normal links clean */
.bd-article a.reference.internal:not(.image-reference):not(.sd-stretched-link):not(.sd-hide-link-text) {
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

.bd-article a.reference.internal:not(.image-reference):not(.sd-stretched-link):not(.sd-hide-link-text):hover,
.bd-article a.reference.internal:not(.image-reference):not(.sd-stretched-link):not(.sd-hide-link-text):focus {
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}


/* ==========================================================================
   FINAL FIX — dropdown inline code unified in dark mode
   Makes summary-title code and expanded-body code use the same colors
   ========================================================================== */

html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card code.docutils.literal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card code.docutils.literal .pre,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text code.docutils.literal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card .sd-summary-text code.docutils.literal .pre,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content code.docutils.literal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-summary-content code.docutils.literal .pre,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body code.docutils.literal,
html[data-theme="dark"] .bd-article details.sd-dropdown.sd-card > .sd-card-body code.docutils.literal .pre {
  color: #dff3ff !important;

  background: rgba(125, 211, 252, 0.12) !important;
  background-color: rgba(125, 211, 252, 0.12) !important;
  background-image: none !important;

  border-color: rgba(125, 211, 252, 0.32) !important;
}

/* Image links should never receive text-link underline/border */
.bd-article a.image-reference,
.bd-article a.image-reference:hover,
.bd-article a.image-reference:focus,
.bd-article a.reference.internal.image-reference,
.bd-article a.reference.internal.image-reference:hover,
.bd-article a.reference.internal.image-reference:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   Images — DIDWW rounded corners
   Applies to normal documentation images and lightbox images
   ========================================================================== */

.bd-article img,
.bd-article a[data-lightbox] img,
.bd-article a.image-reference img,
.bd-article .figure img,
.bd-article figure img {
  border-radius: var(--didww-radius-md, 0.6rem) !important;
}

/* Prevent the parent link from adding underline/border around image links */
.bd-article a[data-lightbox],
.bd-article a[data-lightbox]:hover,
.bd-article a[data-lightbox]:focus,
.bd-article a.image-reference,
.bd-article a.image-reference:hover,
.bd-article a.image-reference:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   External article text links — DIDWW colors + hover border
   ========================================================================== */

html[data-theme="light"] .bd-article a.reference.external:not(:has(img)) {
  color: var(--pst-color-link, var(--didww-primary, #0072ce)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="light"] .bd-article a.reference.external:not(:has(img)):hover,
html[data-theme="light"] .bd-article a.reference.external:not(:has(img)):focus {
  color: var(--pst-color-link-hover, var(--didww-primary-hover, #005aa3)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)) {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}


/* ==========================================================================
   FINAL FIX — no text-link border on stretched card overlay links
   ========================================================================== */

.bd-article .sd-card a.sd-stretched-link,
.bd-article .sd-card a.sd-hide-link-text,
.bd-article .sd-card a.sd-stretched-link:hover,
.bd-article .sd-card a.sd-hide-link-text:hover,
.bd-article .sd-card a.sd-stretched-link:focus,
.bd-article .sd-card a.sd-hide-link-text:focus,
.bd-article .sd-card a.sd-stretched-link.reference.external,
.bd-article .sd-card a.sd-hide-link-text.reference.external,
.bd-article .sd-card a.sd-stretched-link.reference.external:hover,
.bd-article .sd-card a.sd-hide-link-text.reference.external:hover,
.bd-article .sd-card a.sd-stretched-link.reference.external:focus,
.bd-article .sd-card a.sd-hide-link-text.reference.external:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   FINAL FIX — remove border from last table row
   ========================================================================== */

.bd-article table tbody tr:last-child > td {
  border-bottom: 0 !important;
}

.bd-article table tbody tr:last-child > td > p {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   FINAL FIX — image-reference links must never look like text links
   ========================================================================== */

.bd-article a.image-reference,
.bd-article a.image-reference:link,
.bd-article a.image-reference:visited,
.bd-article a.image-reference:hover,
.bd-article a.image-reference:focus,
.bd-article a.image-reference:active,
.bd-article a.reference.internal.image-reference,
.bd-article a.reference.internal.image-reference:link,
.bd-article a.reference.internal.image-reference:visited,
.bd-article a.reference.internal.image-reference:hover,
.bd-article a.reference.internal.image-reference:focus,
.bd-article a.reference.internal.image-reference:active {
  display: inline-block !important;
  line-height: 0 !important;

  color: inherit !important;
  text-decoration: none !important;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* Remove pseudo underline decorations too */
.bd-article a.image-reference::before,
.bd-article a.image-reference::after,
.bd-article a.reference.internal.image-reference::before,
.bd-article a.reference.internal.image-reference::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Image inside the link stays clean */
.bd-article a.image-reference img,
.bd-article a.reference.internal.image-reference img {
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


/* ==========================================================================
   FINAL FIX — dark mode background only for DIDWW Mint top inner
   ========================================================================== */

html[data-theme="dark"] .didww-mint-top-inner {
  background: var(--didww-bg-dark, #041225) !important;
  background-color: var(--didww-bg-dark, #041225) !important;
  background-image: none !important;
}

html[data-theme="dark"] .didww-mint-top-inner::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

.bd-article a {
  color: var(--didww-primary, #0072ce);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.bd-article a:hover {
  color: var(--didww-primary-hover, #005aa3);
  text-decoration-thickness: 2px;
}


/* ==========================================================================
   FIX — mobile DIDWW Mint search icon should match other navbar icons
   ========================================================================== */

@media (max-width: 991.98px) {
  .didww-mint-navbar .didww-mint-mobile-search .search-button,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    max-width: 2rem !important;
    max-height: 2rem !important;

    margin: 0 !important;
    padding: 0.5rem !important;

    border: 0 !important;
    border-radius: 9999px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button:hover,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button:hover,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button:hover,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: rgb(var(--didww-mint-gray-600)) !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button__button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button__button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button__button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button__button:hover {
    color: rgb(var(--didww-mint-gray-300)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button svg,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button svg,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button svg,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button svg {
    width: 1rem !important;
    height: 1rem !important;
    color: currentColor !important;
    fill: currentColor !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button::before,
  .didww-mint-navbar .didww-mint-mobile-search .search-button::after,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button::before,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button::after,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button::before,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button::after,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button::before,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}


/* ==========================================================================
   FIX — mobile DIDWW Mint search icon should match other 32x32 navbar icons
   ========================================================================== */

@media (max-width: 991.98px) {
  .didww-mint-navbar .didww-mint-mobile-search .search-button,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 8px !important;

    border: 0 !important;
    border-radius: 9999px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button:hover,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button:hover,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button:hover,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button:hover {
    color: rgb(var(--didww-mint-gray-600)) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button__button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button__button {
    color: rgb(var(--didww-mint-gray-500)) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search .search-button__button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search button.search-button__button:hover {
    color: rgb(var(--didww-mint-gray-300)) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button svg,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button svg,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button svg,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button svg {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;

    color: currentColor !important;
    fill: currentColor !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .search-button::before,
  .didww-mint-navbar .didww-mint-mobile-search .search-button::after,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button::before,
  .didww-mint-navbar .didww-mint-mobile-search .search-button__button::after,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button::before,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button::after,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button::before,
  .didww-mint-navbar .didww-mint-mobile-search button.search-button__button::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   FIX — HTTP example tabs use DIDWW dark blue hover/active color
   ========================================================================== */

html[data-theme="dark"] .http-example > .caption:hover,
html[data-theme="dark"] .http-example > .caption:focus,
html[data-theme="dark"] .http-example > .caption.selected,
html[data-theme="dark"] .http-example > .caption[aria-selected="true"],
html[data-theme="dark"] .http-example .caption-text.caption:hover,
html[data-theme="dark"] .http-example .caption-text.caption:focus,
html[data-theme="dark"] .http-example .caption-text.caption.selected,
html[data-theme="dark"] .http-example .caption-text.caption[aria-selected="true"] {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  border-bottom-color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* ==========================================================================
   FIX — Sphinx tabs use DIDWW dark blue hover/active color
   ========================================================================== */

html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:hover,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:focus,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab:focus-visible,
html[data-theme="dark"] .sphinx-tabs .sphinx-tabs-tab[aria-selected="true"] {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  border-bottom-color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* ==========================================================================
   FIX — HTTP example tabs inside Sphinx tabs use DIDWW dark blue
   ========================================================================== */

html[data-theme="dark"] .sphinx-tabs .http-example > .caption:hover,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption:focus,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption:focus-visible,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption.selected,
html[data-theme="dark"] .sphinx-tabs .http-example > .caption[aria-selected="true"],
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:hover,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:focus,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption:focus-visible,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption.selected,
html[data-theme="dark"] .sphinx-tabs .http-example .caption-text.caption[aria-selected="true"],
html[data-theme="dark"] .http-example > .caption:hover,
html[data-theme="dark"] .http-example > .caption:focus,
html[data-theme="dark"] .http-example > .caption:focus-visible,
html[data-theme="dark"] .http-example > .caption.selected,
html[data-theme="dark"] .http-example > .caption[aria-selected="true"],
html[data-theme="dark"] .http-example .caption-text.caption:hover,
html[data-theme="dark"] .http-example .caption-text.caption:focus,
html[data-theme="dark"] .http-example .caption-text.caption:focus-visible,
html[data-theme="dark"] .http-example .caption-text.caption.selected,
html[data-theme="dark"] .http-example .caption-text.caption[aria-selected="true"] {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  border-bottom-color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* ==========================================================================
   FINAL FIX — HTTP example code block dark mode
   ========================================================================== */

html[data-theme="dark"] .http-example .highlight,
html[data-theme="dark"] .http-example .highlight-http,
html[data-theme="dark"] .http-example .highlight-bash,
html[data-theme="dark"] .sphinx-tabs .http-example .highlight,
html[data-theme="dark"] .sphinx-tabs .http-example .highlight-http,
html[data-theme="dark"] .sphinx-tabs .http-example .highlight-bash {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  border: 1px solid var(--didww-border-dark, #12375f) !important;
  border-radius: 0.65rem !important;

  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-theme="dark"] .http-example pre,
html[data-theme="dark"] .sphinx-tabs .http-example pre {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  color: var(--pst-color-text-base, #ffffff) !important;

  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .http-example pre span,
html[data-theme="dark"] .sphinx-tabs .http-example pre span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example {
  display: block !important;
  clear: both !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 1.75rem 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example::before {
  left: 0 !important;
  right: 0 !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example > .caption,
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .caption-text.caption {
  margin-top: 0 !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example [role="tabpanel"],
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .http-example-http,
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .http-example-curl,
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .http-example-response {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 1rem 0 0 0 !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .highlight,
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .highlight-http,
.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example .highlight-bash {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.sphinx-tabs > .sphinx-tabs-panel:empty + .http-example pre {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.sphinx-tabs:has(> .sphinx-tabs-panel:empty + .http-example)
  > .sphinx-tabs-panel[hidden="true"] + .http-example {
  display: none !important;
}


/* ==========================================================================
   FIX — restore Pygments colors inside Sphinx Design tab-set/tab-item
   ========================================================================== */

.bd-article .sd-tab-content .http-example .highlight span,
.bd-article .sd-tab-content .http-example pre span {
  color: unset !important;
}

/* HTTP request tokens */
html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .nf {
  color: #D2A8FF !important;
  font-weight: bold !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .nn {
  color: #A5D6FF !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .kr {
  color: #FF7B72 !important;
  font-weight: bold !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .o,
html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .m {
  color: #79C0FF !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .na {
  color: #7EE787 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .l {
  color: #A5D6FF !important;
}

/* JSON tokens */
html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .p {
  color: #C9D1D9 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .nt {
  color: #7EE787 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .s2 {
  color: #A5D6FF !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .kc,
html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .mi {
  color: #79C0FF !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .http-example .highlight .w {
  color: inherit !important;
}

/* ==========================================================================
   FINAL HARD FIX — restore Pygments token colors inside HTTP examples
   Especially when http:example is inside sphinx-design .sd-tab-content
   Put this at the VERY END of custom.css
   ========================================================================== */

/* First: stop broad tab-content rules from flattening token colors */
.bd-article .sd-tab-content .http-example .highlight span[class],
.bd-article .sd-tab-content .http-example pre span[class],
.bd-article .sd-tab-content div.highlight span[class],
.bd-article .sd-tab-content pre span[class] {
  background: transparent !important;
}

/* Dark mode — Pygments-like token colors */
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .kr,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .k {
  color: #ff7b72 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .nf {
  color: #d2a8ff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .nn {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .na {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .l,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .s,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .s1,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .s2 {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .nt {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .m,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .mi,
html[data-theme="dark"] .bd-article .sd-tab-content .highlight .kc {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .o {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .p {
  color: #c9d1d9 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .ne {
  color: #ffa657 !important;
}

html[data-theme="dark"] .bd-article .sd-tab-content .highlight .w {
  color: inherit !important;
}

/* Light mode — Pygments-like token colors */
html[data-theme="light"] .bd-article .sd-tab-content .highlight .kr,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .k {
  color: #000080 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .nf {
  color: #0000ff !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .nn {
  color: #0b5cad !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .na {
  color: #008000 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .l,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .s,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .s1,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .s2 {
  color: #ba2121 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .nt {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .m,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .mi,
html[data-theme="light"] .bd-article .sd-tab-content .highlight .kc {
  color: #0000ff !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .o {
  color: #666666 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .p {
  color: #111827 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .ne {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sd-tab-content .highlight .w {
  color: inherit !important;
}

/* ==========================================================================
   FINAL HARD FIX — restore Pygments token colors inside sphinx-tabs http:example
   Works for:
   .sphinx-tabs > .sphinx-tabs-panel > .http-example > .highlight
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Do not let broad tab/span/div rules flatten Pygments token backgrounds */
.bd-article .sphinx-tabs .http-example .highlight span[class],
.bd-article .sphinx-tabs .http-example pre span[class],
.bd-article .sphinx-tabs-panel .http-example .highlight span[class],
.bd-article .sphinx-tabs-panel .http-example pre span[class] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ==========================================================================
   Dark mode — Pygments-like token colors
   ========================================================================== */

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .kr,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .kr,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .k,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .k {
  color: #ff7b72 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .nf,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .nf {
  color: #d2a8ff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .nn,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .nn {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .na,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .na {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .l,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .l,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .s,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .s,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .s1,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .s1,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .s2,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .s2 {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .nt,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .nt {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .m,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .m,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .mi,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .mi,
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .kc,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .kc {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .o,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .o {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .p,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .p {
  color: #c9d1d9 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .ne,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .ne {
  color: #ffa657 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .w,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .w {
  color: inherit !important;
}

/* Bash/curl tokens */
html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .nb,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .nb {
  color: #ffa657 !important;
}

html[data-theme="dark"] .bd-article .sphinx-tabs .http-example .highlight .nv,
html[data-theme="dark"] .bd-article .sphinx-tabs-panel .http-example .highlight .nv {
  color: #79c0ff !important;
}

/* ==========================================================================
   Light mode — Pygments-like token colors
   ========================================================================== */

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .kr,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .kr,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .k,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .k {
  color: #000080 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .nf,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .nf {
  color: #0000ff !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .nn,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .nn {
  color: #0b5cad !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .na,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .na {
  color: #008000 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .l,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .l,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .s,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .s,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .s1,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .s1,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .s2,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .s2 {
  color: #ba2121 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .nt,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .nt {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .m,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .m,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .mi,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .mi,
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .kc,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .kc {
  color: #0000ff !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .o,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .o {
  color: #666666 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .p,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .p {
  color: #111827 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .ne,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .ne {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .w,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .w {
  color: inherit !important;
}

/* Bash/curl tokens */
html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .nb,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .nb {
  color: #008000 !important;
}

html[data-theme="light"] .bd-article .sphinx-tabs .http-example .highlight .nv,
html[data-theme="light"] .bd-article .sphinx-tabs-panel .http-example .highlight .nv {
  color: #19177c !important;
}

/* ==========================================================================
   FINAL HARD FIX — restore Pygments token colors inside plain http:example
   Works for:
   .bd-article > .http-example > .highlight
   Put this at the VERY END of custom.css
   ========================================================================== */

/* Keep token backgrounds transparent */
.bd-article .http-example .highlight span[class],
.bd-article .http-example pre span[class] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ==========================================================================
   Dark mode — Pygments-like token colors
   ========================================================================== */

html[data-theme="dark"] .bd-article .http-example .highlight .kr,
html[data-theme="dark"] .bd-article .http-example .highlight .k {
  color: #ff7b72 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .nf {
  color: #d2a8ff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .nn {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .na {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .l,
html[data-theme="dark"] .bd-article .http-example .highlight .s,
html[data-theme="dark"] .bd-article .http-example .highlight .s1,
html[data-theme="dark"] .bd-article .http-example .highlight .s2 {
  color: #a5d6ff !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .nt {
  color: #7ee787 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .m,
html[data-theme="dark"] .bd-article .http-example .highlight .mi,
html[data-theme="dark"] .bd-article .http-example .highlight .kc {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .o {
  color: #79c0ff !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .p {
  color: #c9d1d9 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .ne {
  color: #ffa657 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .w {
  color: inherit !important;
}

/* Bash/curl tokens */
html[data-theme="dark"] .bd-article .http-example .highlight .nb {
  color: #ffa657 !important;
}

html[data-theme="dark"] .bd-article .http-example .highlight .nv {
  color: #79c0ff !important;
}

/* ==========================================================================
   Light mode — Pygments-like token colors
   ========================================================================== */

html[data-theme="light"] .bd-article .http-example .highlight .kr,
html[data-theme="light"] .bd-article .http-example .highlight .k {
  color: #000080 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .nf {
  color: #0000ff !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .nn {
  color: #0b5cad !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .na {
  color: #008000 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .l,
html[data-theme="light"] .bd-article .http-example .highlight .s,
html[data-theme="light"] .bd-article .http-example .highlight .s1,
html[data-theme="light"] .bd-article .http-example .highlight .s2 {
  color: #ba2121 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .nt {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .m,
html[data-theme="light"] .bd-article .http-example .highlight .mi,
html[data-theme="light"] .bd-article .http-example .highlight .kc {
  color: #0000ff !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .o {
  color: #666666 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .p {
  color: #111827 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .ne {
  color: #008000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .w {
  color: inherit !important;
}

/* Bash/curl tokens */
html[data-theme="light"] .bd-article .http-example .highlight .nb {
  color: #008000 !important;
}

html[data-theme="light"] .bd-article .http-example .highlight .nv {
  color: #19177c !important;
}



/* ==========================================================================
   DIDWW DocSearch — clean result cards + centered icons
   Put at the VERY END of custom.css
   ========================================================================== */

/* Modal background */
.DocSearch-Container {
  --didww-docsearch-card-bg: #ffffff;
  --didww-docsearch-card-hover: #e8f7ff;
  --didww-docsearch-card-selected: #dff1ff;
  --didww-docsearch-icon: #005aa3;
  --didww-docsearch-radius: 0.75rem;
}

html[data-theme="dark"] .DocSearch-Container {
  --didww-docsearch-card-bg: #071b3a;
  --didww-docsearch-card-hover: #0b274f;
  --didww-docsearch-card-selected: #12375f;
  --didww-docsearch-icon: #7dd3fc;
}

/* Keep groups clean */
.DocSearch-Hit-source {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 1rem 0 0.55rem !important;
  margin: 0 !important;
  color: var(--pst-color-text-base) !important;
}

/* Each search hit as a white box */
.DocSearch-Hit {
  padding: 0.25rem 0.75rem !important;
  margin: 0 !important;
  background: transparent !important;
}

/* The actual result card */
.DocSearch-Hit a {
  display: block !important;

  background: var(--didww-docsearch-card-bg) !important;
  background-color: var(--didww-docsearch-card-bg) !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: var(--didww-docsearch-radius) !important;
  box-shadow: none !important;


  text-decoration: none !important;
  overflow: hidden !important;
}

/* Hover and keyboard-selected result */
.DocSearch-Hit a:hover,
.DocSearch-Hit[aria-selected="true"] a {
  background: var(--didww-docsearch-card-hover) !important;
  background-color: var(--didww-docsearch-card-hover) !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Stronger selected state */
.DocSearch-Hit[aria-selected="true"] a {
  background: var(--didww-docsearch-card-selected) !important;
  background-color: var(--didww-docsearch-card-selected) !important;
}

/* Result container layout */
.DocSearch-Hit-Container {
  display: flex !important;
  align-items: center !important;


}

/* Icon wrapper */
.DocSearch-Hit-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--didww-docsearch-icon) !important;

  line-height: 1 !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Force SVG itself to center */
.DocSearch-Hit-icon svg {
  display: block !important;

  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;

  margin: auto !important;

  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;

  transform: none !important;
}

/* Fix icons where DocSearch applies line-height/vertical-align oddly */
.DocSearch-Hit-icon svg path {
  stroke: currentColor !important;
}

/* Text area should align with icon */
.DocSearch-Hit-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;
}

/* Remove unwanted inner grey/white panels */
.DocSearch-Hit-title,
.DocSearch-Hit-path,
.DocSearch-Hit-text,
.DocSearch-Hit-tree,
.DocSearch-Hit-action,
.DocSearch-Hit-Select-Icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* The nested description/result rows should also behave like cards */
.DocSearch-Hit-Tree,
.DocSearch-Hit-tree {
  display: flex !important;
  align-items: center !important;
}

/* Center the tree/list icon too */
.DocSearch-Hit-tree svg,
.DocSearch-Hit-Tree svg {
  display: block !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: auto !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Optional: keep Enter arrow aligned center-right */
.DocSearch-Hit-action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-left: auto !important;
  color: var(--didww-docsearch-icon) !important;
}


/* ==========================================================================
   DIDWW DocSearch — final color + layout tokens
   Put at the VERY END of custom.css
   ========================================================================== */

:root {
  /* Brand */
  --docsearch-primary-color: var(--didww-primary, #0072ce);
  --docsearch-soft-primary-color: rgba(0, 114, 206, 0.10);
  --docsearch-focus-color: var(--didww-primary-hover, #005aa3);
  --docsearch-highlight-color: var(--didww-primary, #0072ce);
  --docsearch-logo-color: var(--didww-primary, #0072ce);

  /* Text */
  --docsearch-text-color: var(--didww-text, #102a43);
  --docsearch-secondary-text-color: var(--didww-muted, #334155);
  --docsearch-muted-color: #64748b;
  --docsearch-icon-color: var(--didww-primary-hover, #005aa3);

  /* Backgrounds */
  --docsearch-background-color: var(--didww-bg-light, #f7fbff);
  --docsearch-container-background: rgba(7, 27, 58, 0.56);

  --docsearch-modal-background: #f5f6f7;
  --docsearch-searchbox-background: #ffffff;
  --docsearch-searchbox-focus-background: #ffffff;

  --docsearch-hit-background: #ffffff;
  --docsearch-hit-color: var(--didww-text, #102a43);
  --docsearch-hit-highlight-color: rgba(0, 114, 206, 0.12);

  --docsearch-footer-background: #ffffff;
  --docsearch-dropdown-menu-background: #ffffff;
  --docsearch-dropdown-menu-item-hover-background: #e8f7ff;

  /* Borders / shadows */
  --docsearch-subtle-color: var(--didww-border-light, #d9eaf7);
  --docsearch-muted-color-darker: rgba(15, 23, 42, 0.16);
  --docsearch-border-radius: 0.75rem;

  --docsearch-modal-shadow:
    0 1.5rem 4rem rgba(7, 27, 58, 0.18),
    0 0.25rem 1rem rgba(7, 27, 58, 0.08);

  --docsearch-footer-shadow: 0 -1px 0 var(--didww-border-light, #d9eaf7);

  /* Search button */
  --docsearch-search-button-background: #ffffff;
  --docsearch-search-button-text-color: var(--didww-muted, #334155);

  /* Sizing */
  --docsearch-spacing: 12px;
  --docsearch-icon-stroke-width: 1.5;
  --docsearch-modal-width: min(800px, calc(100vw - 2rem));
  --docsearch-modal-height: min(600px, calc(100dvh - 4rem));
  --docsearch-modal-variable-height: min(60dvh, 600px);
  --docsearch-searchbox-height: 56px;
  --docsearch-searchbox-initial-height: 56px;
  --docsearch-actions-width: 99px;
  --docsearch-actions-height: 44px;
  --docsearch-hit-height: 56px;
  --docsearch-footer-height: 52px;

  /* Keys */
  --docsearch-key-background: #f1f5f9;
  --docsearch-key-color: #475569;
  --docsearch-key-pressed-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.16);

  /* Existing animation tokens */
  --fav-out-dur: 160ms;
  --del-dur: 150ms;
  --ease-smooth: cubic-bezier(0.25, 0.8, 0.4, 1);
  --ease-fast: cubic-bezier(0.45, 0.15, 0.6, 0.9);
  --shadow-pop: 0 4px 12px rgba(7, 27, 58, 0.06);
  --shimmer-bg: linear-gradient(
    90deg,
    #e0e7ef 0%,
    #cbd5e1 20%,
    #cbd5e1 60%,
    #e0e7ef 95%
  );
}

/* Dark-mode DocSearch variables */
html[data-theme="dark"] {
  --docsearch-primary-color: var(--didww-hover-color, #4da3ff);
  --docsearch-soft-primary-color: rgba(77, 163, 255, 0.14);
  --docsearch-focus-color: var(--didww-hover-color, #4da3ff);
  --docsearch-highlight-color: var(--didww-hover-color, #4da3ff);
  --docsearch-logo-color: var(--didww-hover-color, #4da3ff);

  --docsearch-text-color: #ffffff;
  --docsearch-secondary-text-color: #d7eaff;
  --docsearch-muted-color: #9fb7d1;
  --docsearch-icon-color: var(--didww-hover-color, #4da3ff);

  --docsearch-background-color: var(--didww-bg-dark, #041225);
  --docsearch-container-background: rgba(0, 0, 0, 0.72);

  --docsearch-modal-background: var(--didww-bg-dark, #041225);
  --docsearch-searchbox-background: var(--didww-surface-dark, #041225);
  --docsearch-searchbox-focus-background: var(--didww-surface-dark-soft, #0b274f);

  --docsearch-hit-background: var(--didww-surface-dark, #041225);
  --docsearch-hit-color: #ffffff;
  --docsearch-hit-highlight-color: rgba(77, 163, 255, 0.16);

  --docsearch-footer-background: var(--didww-bg-dark, #041225);
  --docsearch-dropdown-menu-background: var(--didww-surface-dark, #041225);
  --docsearch-dropdown-menu-item-hover-background: var(--didww-surface-dark-soft, #0b274f);

  --docsearch-subtle-color: var(--didww-border-dark, #12375f);
  --docsearch-muted-color-darker: rgba(125, 211, 252, 0.18);

  --docsearch-modal-shadow:
    0 1.5rem 4rem rgba(0, 0, 0, 0.45),
    0 0.25rem 1rem rgba(0, 0, 0, 0.24);

  --docsearch-footer-shadow: 0 -1px 0 var(--didww-border-dark, #12375f);

  --docsearch-search-button-background: var(--didww-surface-dark, #041225);
  --docsearch-search-button-text-color: #d7eaff;

  --docsearch-key-background: var(--didww-surface-dark-soft, #0b274f);
  --docsearch-key-color: #d7eaff;
  --docsearch-key-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);

  --shimmer-bg: linear-gradient(
    90deg,
    #0b274f 0%,
    #12375f 20%,
    #12375f 60%,
    #0b274f 95%
  );
}

/* ==========================================================================
   Modal shell — centered, responsive, clean
   ========================================================================== */

.DocSearch-Modal {
  width: min(var(--docsearch-modal-width), calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;

  height: auto !important;
  max-height: var(--docsearch-modal-height) !important;

  margin: 4rem auto auto !important;

  background: var(--docsearch-modal-background) !important;
  background-color: var(--docsearch-modal-background) !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0.75rem !important;

  box-shadow: var(--docsearch-modal-shadow) !important;

  overflow: hidden !important;
}

@media (max-width: 768px) {
  .DocSearch-Modal {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-top: 0.5rem !important;
    border-radius: 0.75rem !important;
  }
}

/* Search bar */
.DocSearch-SearchBar {
  padding: 0.75rem !important;
  background: var(--docsearch-searchbox-background) !important;
  background-color: var(--docsearch-searchbox-background) !important;
  border-bottom: 1px solid var(--docsearch-subtle-color) !important;
}

.DocSearch-Form {
  height: var(--docsearch-searchbox-height) !important;

  background: var(--docsearch-searchbox-background) !important;
  background-color: var(--docsearch-searchbox-background) !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0.75rem !important;

  box-shadow: none !important;
}

.DocSearch-Form:focus-within {
  background: var(--docsearch-searchbox-focus-background) !important;
  background-color: var(--docsearch-searchbox-focus-background) !important;
  box-shadow: none !important;
}

/* Dropdown area */
.DocSearch-Dropdown {
  background: var(--docsearch-modal-background) !important;
  background-color: var(--docsearch-modal-background) !important;
  background-image: none !important;


}

/* Group headings — no grey rectangle */
.DocSearch-Hit-source {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: var(--docsearch-secondary-text-color) !important;

  padding: 0.85rem 1.25rem 0.45rem !important;
  margin: 0 !important;

  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Result spacing */
.DocSearch-Hit {
  padding: 0.22rem 0.85rem !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Result block */
.DocSearch-Hit a {
  height: 3.35rem !important;
  min-height: 3.35rem !important;

  display: flex !important;
  align-items: center !important;

  padding: 0.55rem 0.9rem !important;

  color: var(--docsearch-hit-color) !important;

  background: var(--docsearch-hit-background) !important;
  background-color: var(--docsearch-hit-background) !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0.75rem !important;

  box-shadow: none !important;
  text-decoration: none !important;

  overflow: hidden !important;
}

/* Hover / selected block */
.DocSearch-Hit a:hover,
.DocSearch-Hit[aria-selected="true"] a {
  background: var(--docsearch-dropdown-menu-item-hover-background) !important;
  background-color: var(--docsearch-dropdown-menu-item-hover-background) !important;
  background-image: none !important;

  color: var(--docsearch-hit-color) !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Inner row */
.DocSearch-Hit-Container {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;

  min-width: 0 !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Icon box */
.DocSearch-Hit-icon {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--docsearch-icon-color) !important;

  line-height: 1 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Center SVG icons */
.DocSearch-Hit-icon svg,
.DocSearch-Hit-tree svg,
.DocSearch-Hit-Tree svg {
  display: block !important;

  width: 1.2rem !important;
  height: 1.2rem !important;
  min-width: 1.2rem !important;
  min-height: 1.2rem !important;

  margin: auto !important;

  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;

  transform: none !important;
}

.DocSearch-Hit-icon svg path,
.DocSearch-Hit-tree svg path,
.DocSearch-Hit-Tree svg path {
  stroke: currentColor !important;
}

/* Text area */
.DocSearch-Hit-content-wrapper {
  min-width: 0 !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  overflow: hidden !important;
}

.DocSearch-Hit-title,
.DocSearch-Hit-path,
.DocSearch-Hit-text {
  margin: 0 !important;

  color: inherit !important;
  background: transparent !important;

  line-height: 1.25 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Highlight marks inside hits */
.DocSearch-Hit mark,
.DocSearch-Hits mark {
  color: var(--docsearch-highlight-color) !important;
  background: transparent !important;

  font-style: normal !important;
  font-weight: 700 !important;
}

/* Enter/select icon */
.DocSearch-Hit-action,
.DocSearch-Hit-Select-Icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-left: auto !important;

  color: var(--docsearch-icon-color) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Footer */
.DocSearch-Footer {
  background: var(--docsearch-footer-background) !important;
  background-color: var(--docsearch-footer-background) !important;
  background-image: none !important;

  border-top: 1px solid var(--docsearch-subtle-color) !important;
  box-shadow: none !important;
}

/* Keyboard keys */
.DocSearch-Commands-Key,
.DocSearch-Button-Key {
  background: var(--docsearch-key-background) !important;
  background-color: var(--docsearch-key-background) !important;
  background-image: none !important;

  color: var(--docsearch-key-color) !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Remove Algolia logo if needed */
.DocSearch-Logo a {
  display: none !important;
}


/* ==========================================================================
   FIX — DocSearch sticky group headers
   Prevent transparent overlap while scrolling
   Put at the VERY END of custom.css
   ========================================================================== */

/* Make the results scroller own the sticky context */
.DocSearch-Dropdown {
  position: relative !important;

  background: var(--docsearch-modal-background) !important;
  background-color: var(--docsearch-modal-background) !important;
  background-image: none !important;



  overflow-y: auto !important;
}

/* Sticky source/group header: SMS, Cloud Phone System, API Documentation, etc. */
.DocSearch-Hit-source {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;

  display: flex !important;
  align-items: center !important;

  width: auto !important;
  min-height: 3.25rem !important;

  margin: 0 0 0.35rem 0 !important;
  padding: 0.85rem 1.25rem 0.65rem 1.25rem !important;

  color: var(--docsearch-secondary-text-color) !important;

  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  background: var(--docsearch-modal-background) !important;
  background-color: var(--docsearch-modal-background) !important;
  background-image: none !important;

  border: 0 !important;

  box-shadow: none !important;
}

/* Add a small solid cover behind sticky header so results never show through */
.DocSearch-Hit-source::before {
  content: "" !important;

  position: absolute !important;
  z-index: -1 !important;


  right: 0 !important;
  bottom: -0.35rem !important;
  left: 0 !important;

  background: var(--docsearch-modal-background) !important;
  background-color: var(--docsearch-modal-background) !important;
  background-image: none !important;

  pointer-events: none !important;
}

/* Light mode: soft page-like group header */
html[data-theme="light"] .DocSearch-Hit-source {
  color: var(--didww-text, #102a43) !important;

  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;

  border-bottom-color: #d9eaf7 !important;
}

html[data-theme="light"] .DocSearch-Hit-source::before {
  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;
}

/* Dark mode */
html[data-theme="dark"] .DocSearch-Hit-source {
  color: #ffffff !important;

  background: var(--didww-bg-dark, #041225) !important;
  background-color: var(--didww-bg-dark, #041225) !important;

  border-bottom-color: var(--didww-border-dark, #12375f) !important;
}

html[data-theme="dark"] .DocSearch-Hit-source::before {
  background: var(--didww-bg-dark, #041225) !important;
  background-color: var(--didww-bg-dark, #041225) !important;
}

/* Give first result after a source header breathing room */
.DocSearch-Hit-source + .DocSearch-Hit {
  margin-top: 0.25rem !important;
}

/* Prevent cards from sliding visually under the sticky header edge */
.DocSearch-Hits {
  padding-top: 0 !important;
}


/* ==========================================================================
   DIDWW DocSearch button — closed search trigger
   Put at the VERY END of custom.css
   ========================================================================== */

#docsearch {
  width: 100% !important;
  max-width: 100% !important;
}

/* Button shell */
#docsearch .DocSearch-Button,
.DocSearch-Button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;

  margin: 0 !important;
  padding: 0 0.75rem 0 0.875rem !important;

  color: var(--didww-muted, #334155) !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid var(--didww-border-light, #d9eaf7) !important;
  border-radius: 0.75rem !important;

  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    color 0.15s ease,
    background-color 0.15s ease,
    border-color 0.15s ease;
}

/* Hover / focus */
#docsearch .DocSearch-Button:hover,
#docsearch .DocSearch-Button:focus,
#docsearch .DocSearch-Button:focus-visible,
.DocSearch-Button:hover,
.DocSearch-Button:focus,
.DocSearch-Button:focus-visible {
  /* color: var(--didww-primary, #0072ce) !important; */

  background: #f7fbff !important;
  background-color: #f7fbff !important;
  background-image: none !important;

  border-color: var(--didww-primary, #0072ce) !important;

  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

/* Left side: icon + placeholder */
#docsearch .DocSearch-Button-Container,
.DocSearch-Button-Container {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 0.5rem !important;

  color: inherit !important;
}

/* Search icon */
#docsearch .DocSearch-Search-Icon,
.DocSearch-Button .DocSearch-Search-Icon {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;

  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Placeholder text */
#docsearch .DocSearch-Button-Placeholder,
.DocSearch-Button-Placeholder {
  display: inline-block !important;

  color: inherit !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Shortcut keys */
#docsearch .DocSearch-Button-Keys,
.DocSearch-Button-Keys {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;

  min-width: auto !important;
  margin-left: 0.75rem !important;

  color: inherit !important;
}

/* Individual key pills */
#docsearch .DocSearch-Button-Key,
.DocSearch-Button-Key {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--didww-muted, #334155) !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;

  border: 1px solid var(--didww-border-light, #d9eaf7) !important;
  border-radius: 0.35rem !important;

  box-shadow: none !important;

  font-size: 0.75rem !important;
  line-height: 1 !important;

  top: 0 !important;
}

/* Key SVGs */
#docsearch .DocSearch-Button-Key svg,
.DocSearch-Button-Key svg {
  width: 0.9rem !important;
  height: 0.9rem !important;

  color: currentColor !important;
  fill: currentColor !important;
}

/* Hover: keys follow DIDWW blue softly */
#docsearch .DocSearch-Button:hover .DocSearch-Button-Key,
#docsearch .DocSearch-Button:focus .DocSearch-Button-Key,
#docsearch .DocSearch-Button:focus-visible .DocSearch-Button-Key,
.DocSearch-Button:hover .DocSearch-Button-Key,
.DocSearch-Button:focus .DocSearch-Button-Key,
.DocSearch-Button:focus-visible .DocSearch-Button-Key {
  color: var(--didww-primary, #0072ce) !important;
  background: #eef8ff !important;
  background-color: #eef8ff !important;
  border-color: #b9e8ff !important;
}

/* Remove pseudo decorations */
#docsearch .DocSearch-Button::before,
#docsearch .DocSearch-Button::after,
.DocSearch-Button::before,
.DocSearch-Button::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dark mode */
html[data-theme="dark"] #docsearch .DocSearch-Button,
html[data-theme="dark"] .DocSearch-Button {
  color: #d7eaff !important;

  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  border-color: var(--didww-border-dark, #12375f) !important;
}

html[data-theme="dark"] #docsearch .DocSearch-Button:hover,
html[data-theme="dark"] #docsearch .DocSearch-Button:focus,
html[data-theme="dark"] #docsearch .DocSearch-Button:focus-visible,
html[data-theme="dark"] .DocSearch-Button:hover,
html[data-theme="dark"] .DocSearch-Button:focus,
html[data-theme="dark"] .DocSearch-Button:focus-visible {
  /* color: var(--didww-hover-color, #4da3ff) !important; */

  background: var(--didww-surface-dark-soft, #0b274f) !important;
  background-color: var(--didww-surface-dark-soft, #0b274f) !important;

  border-color: var(--didww-hover-color, #4da3ff) !important;
}

html[data-theme="dark"] #docsearch .DocSearch-Button-Key,
html[data-theme="dark"] .DocSearch-Button-Key {
  color: #d7eaff !important;

  background: rgba(125, 211, 252, 0.08) !important;
  background-color: rgba(125, 211, 252, 0.08) !important;

  border-color: rgba(125, 211, 252, 0.22) !important;
}

html[data-theme="dark"] #docsearch .DocSearch-Button:hover .DocSearch-Button-Key,
html[data-theme="dark"] #docsearch .DocSearch-Button:focus .DocSearch-Button-Key,
html[data-theme="dark"] #docsearch .DocSearch-Button:focus-visible .DocSearch-Button-Key,
html[data-theme="dark"] .DocSearch-Button:hover .DocSearch-Button-Key,
html[data-theme="dark"] .DocSearch-Button:focus .DocSearch-Button-Key,
html[data-theme="dark"] .DocSearch-Button:focus-visible .DocSearch-Button-Key {
  color: var(--didww-hover-color, #4da3ff) !important;

  background: rgba(125, 211, 252, 0.14) !important;
  background-color: rgba(125, 211, 252, 0.14) !important;

  border-color: rgba(125, 211, 252, 0.35) !important;
}

/* Mobile: icon-only style if the button becomes narrow */
@media (max-width: 991.98px) {
  #docsearch .DocSearch-Button,
  .DocSearch-Button {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;

    padding: 0 !important;

    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 9999px !important;
  }

  #docsearch .DocSearch-Button-Placeholder,
  #docsearch .DocSearch-Button-Keys,
  .DocSearch-Button-Placeholder,
  .DocSearch-Button-Keys {
    display: none !important;
  }

  #docsearch .DocSearch-Search-Icon,
  .DocSearch-Button .DocSearch-Search-Icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }

  html[data-theme="dark"] #docsearch .DocSearch-Button,
  html[data-theme="dark"] .DocSearch-Button {
    background: transparent !important;
    border: 0 !important;
  }
}

/* ==========================================================================
   DIDWW DocSearch footer commands
   Navigate / Select / ESC Close
   Put at the VERY END of custom.css
   ========================================================================== */

/* Commands list */
.DocSearch-Commands {
  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--didww-muted, #334155) !important;

  list-style: none !important;
}

/* Each command group */
.DocSearch-Commands li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Key pill */
/* ==========================================================================
   DocSearch command keys — match search button shortcut keys
   ========================================================================== */

.DocSearch-Commands-Key {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  min-height: 1.35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--didww-muted, #334155) !important;

  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;

  border: 1px solid var(--didww-border-light, #d9eaf7) !important;
  border-radius: 0.35rem !important;

  box-shadow: none !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  top: 0 !important;
}

/* Key icons */
.DocSearch-Commands-Key svg {
  width: 0.8rem !important;
  height: 0.8rem !important;

  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* ESC text */
.DocSearch-Escape-Key {
  font-size: 7px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: currentColor !important;

  font-family: var(--pst-font-family-base, inherit) !important;

  font-weight: 600 !important;
  line-height: 1 !important;
}

/* Labels */
.DocSearch-Commands .DocSearch-Label {
  color: var(--didww-muted, #334155) !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  white-space: nowrap !important;
}

/* Footer container, if present */
.DocSearch-Footer {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border-top: 1px solid var(--didww-border-light, #d9eaf7) !important;

  box-shadow: none !important;
}

/* Hover/focus cleanup */
.DocSearch-Commands-Key:hover,
.DocSearch-Commands-Key:focus,
.DocSearch-Commands-Key:focus-visible {
  color: var(--didww-primary, #0072ce) !important;

  background: #eef8ff !important;
  background-color: #eef8ff !important;

  border-color: #b9e8ff !important;

  box-shadow: none !important;
  outline: 0 !important;
}

/* Remove inherited pseudo decorations */
.DocSearch-Commands::before,
.DocSearch-Commands::after,
.DocSearch-Commands li::before,
.DocSearch-Commands li::after,
.DocSearch-Commands-Key::before,
.DocSearch-Commands-Key::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   Dark mode
   ========================================================================== */

html[data-theme="dark"] .DocSearch-Commands {
  color: #d7eaff !important;
}

html[data-theme="dark"] .DocSearch-Commands li {
  color: inherit !important;
}

html[data-theme="dark"] .DocSearch-Commands-Key {
  color: #d7eaff !important;

  background: rgba(125, 211, 252, 0.08) !important;
  background-color: rgba(125, 211, 252, 0.08) !important;
  background-image: none !important;

  border-color: rgba(125, 211, 252, 0.22) !important;

  box-shadow: none !important;
}

html[data-theme="dark"] .DocSearch-Commands-Key:hover,
html[data-theme="dark"] .DocSearch-Commands-Key:focus,
html[data-theme="dark"] .DocSearch-Commands-Key:focus-visible {
  color: var(--didww-hover-color, #4da3ff) !important;

  background: rgba(125, 211, 252, 0.14) !important;
  background-color: rgba(125, 211, 252, 0.14) !important;

  border-color: rgba(125, 211, 252, 0.35) !important;
}

html[data-theme="dark"] .DocSearch-Commands .DocSearch-Label {
  color: #d7eaff !important;
}

html[data-theme="dark"] .DocSearch-Footer {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  background-image: none !important;

  border-top-color: var(--didww-border-dark, #12375f) !important;

  box-shadow: none !important;
}

/* Mobile: keep footer compact */
@media (max-width: 640px) {
  .DocSearch-Commands {
    gap: 0.75rem !important;
  }

  .DocSearch-Commands .DocSearch-Label {
    font-size: 0.85rem !important;
  }

  .DocSearch-Commands-Key {
    width: 1.45rem !important;
    height: 1.45rem !important;
    min-width: 1.45rem !important;
    min-height: 1.45rem !important;
  }
}

/* Dark mode only — border around DocSearch result cards */
html[data-theme="dark"] .DocSearch-Hit a,
html[data-theme="dark"] .DocSearch-Hit a:hover,
html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] a {
  border: 1px solid var(--pst-color-border) !important;
}

/* DocSearch empty/no-results screen icon */
.DocSearch-Screen-Icon,
.DocSearch-Screen-Icon svg {
  color: var(--didww-primary, #0072ce) !important;
  stroke: var(--didww-primary, #0072ce) !important;
}

.DocSearch-Screen-Icon svg path,
.DocSearch-Screen-Icon svg circle {
  stroke: var(--didww-primary, #0072ce) !important;
}

/* Dark mode */
html[data-theme="dark"] .DocSearch-Screen-Icon,
html[data-theme="dark"] .DocSearch-Screen-Icon svg {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  stroke: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

html[data-theme="dark"] .DocSearch-Screen-Icon svg path,
html[data-theme="dark"] .DocSearch-Screen-Icon svg circle {
  stroke: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* DocSearch modal border — dark mode only */

html[data-theme="dark"] .DocSearch-Modal {

  border: 1px solid var(--pst-color-border) !important;

}

@media (max-width: 991.98px) {
  .navbar-persistent--mobile.didww-mint-mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #docsearch-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  #docsearch-mobile .DocSearch-Button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 9999px !important;

    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  #docsearch-mobile .DocSearch-Button-Placeholder,
  #docsearch-mobile .DocSearch-Button-Keys {
    display: none !important;
  }

  #docsearch-mobile .DocSearch-Button-Container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #docsearch-mobile .DocSearch-Search-Icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;

    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  #docsearch-mobile .DocSearch-Search-Icon circle,
  #docsearch-mobile .DocSearch-Search-Icon path {
    stroke: currentColor !important;
  }

  #docsearch-mobile .DocSearch-Button:hover,
  #docsearch-mobile .DocSearch-Button:focus,
  #docsearch-mobile .DocSearch-Button:focus-visible {
    color: rgb(var(--didww-mint-gray-600)) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button {
    color: rgb(var(--didww-mint-gray-500)) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:hover,
  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:focus,
  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:focus-visible {
    color: rgb(var(--didww-mint-gray-300)) !important;
  }
}

/* ==========================================================================
   FIX — one shared DocSearch button for desktop and mobile
   ========================================================================== */

.didww-mint-search.didww-mint-mobile-search {
  display: flex !important;
}

/* Desktop: full search button in the center */
@media (min-width: 992px) {
  .didww-mint-search.didww-mint-mobile-search {
    position: relative !important;
    z-index: 20 !important;

    flex: 1 1 0% !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .didww-mint-search.didww-mint-mobile-search .navbar-item,
  .didww-mint-search.didww-mint-mobile-search .navbar-persistent--container,
  .didww-mint-search.didww-mint-mobile-search #docsearch {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Mobile: icon-only search button */
@media (max-width: 991.98px) {
  .didww-mint-search.didww-mint-mobile-search {
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;

    margin-left: auto !important;
  }

  .didww-mint-search.didww-mint-mobile-search .navbar-item,
  .didww-mint-search.didww-mint-mobile-search .navbar-persistent--container,
  .didww-mint-search.didww-mint-mobile-search #docsearch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .didww-mint-search.didww-mint-mobile-search .DocSearch-Button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .didww-mint-search.didww-mint-mobile-search .DocSearch-Button-Placeholder,
  .didww-mint-search.didww-mint-mobile-search .DocSearch-Button-Keys {
    display: none !important;
  }

  .didww-mint-search.didww-mint-mobile-search .DocSearch-Search-Icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
  }
}

/* ==========================================================================
   FIX — DocSearch mobile icon matches theme switch navbar icon
   Put at the VERY END of custom.css
   ========================================================================== */

@media (max-width: 991.98px) {
  .navbar-persistent--mobile.didww-mint-mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #docsearch-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  #docsearch-mobile .DocSearch-Button,
  #docsearch-mobile button.DocSearch-Button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 9999px !important;

    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  #docsearch-mobile .DocSearch-Button:hover,
  #docsearch-mobile .DocSearch-Button:focus,
  #docsearch-mobile .DocSearch-Button:focus-visible,
  #docsearch-mobile button.DocSearch-Button:hover,
  #docsearch-mobile button.DocSearch-Button:focus,
  #docsearch-mobile button.DocSearch-Button:focus-visible {
    color: rgb(var(--didww-mint-gray-600)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button,
  html[data-theme="dark"] #docsearch-mobile button.DocSearch-Button {
    color: rgb(var(--didww-mint-gray-500)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:hover,
  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:focus,
  html[data-theme="dark"] #docsearch-mobile .DocSearch-Button:focus-visible,
  html[data-theme="dark"] #docsearch-mobile button.DocSearch-Button:hover,
  html[data-theme="dark"] #docsearch-mobile button.DocSearch-Button:focus,
  html[data-theme="dark"] #docsearch-mobile button.DocSearch-Button:focus-visible {
    color: rgb(var(--didww-mint-gray-300)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  #docsearch-mobile .DocSearch-Button-Placeholder,
  #docsearch-mobile .DocSearch-Button-Keys {
    display: none !important;
  }

  #docsearch-mobile .DocSearch-Button-Container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
  }

  #docsearch-mobile .DocSearch-Search-Icon,
  #docsearch-mobile .DocSearch-Button svg.DocSearch-Search-Icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;

    margin: 0 !important;

    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  #docsearch-mobile .DocSearch-Search-Icon circle,
  #docsearch-mobile .DocSearch-Search-Icon path {
    stroke: currentColor !important;
  }

  #docsearch-mobile .DocSearch-Button::before,
  #docsearch-mobile .DocSearch-Button::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   FIX — mobile DocSearch icon matches DIDWW navbar icons
   Actual mobile DOM uses #docsearch, not #docsearch-mobile
   Put at the VERY END of custom.css
   ========================================================================== */

@media (max-width: 991.98px) {
  /* Mobile search wrapper */
  .didww-mint-navbar .didww-mint-search.didww-mint-mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  .didww-mint-navbar .didww-mint-mobile-search .navbar-item,
  .didww-mint-navbar .didww-mint-mobile-search .navbar-persistent--container,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  /* DocSearch button shell */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch button.DocSearch-Button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgb(var(--didww-mint-gray-500)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 9999px !important;

    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
  }

  /* Remove grey rectangle on hover/focus/active */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:hover,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus-visible,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:active {
    color: rgb(var(--didww-mint-gray-600)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button {
    color: rgb(var(--didww-mint-gray-500)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:hover,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus-visible,
  html[data-theme="dark"] .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:active {
    color: rgb(var(--didww-mint-gray-300)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  /* Hide text and shortcut keys on mobile */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button-Placeholder,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button-Keys {
    display: none !important;
  }

  /* Center icon container */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button-Container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Search SVG — larger/heavier */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Search-Icon,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch svg.DocSearch-Search-Icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;

    margin: 0 !important;

    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;

    transform: translateY(0.5px) !important;
  }

  /* Override SVG attribute stroke-width="1.4" */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Search-Icon circle,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Search-Icon path {
    stroke: currentColor !important;
    stroke-width: 2.25 !important;
  }

  /* Remove pseudo decorations that may create hover blocks */
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button::before,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button::after,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:hover::before,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:hover::after,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus::before,
  .didww-mint-navbar .didww-mint-mobile-search #docsearch .DocSearch-Button:focus::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }
}


.DocSearch-Hit-Tree,
.DocSearch-Hit-tree {
  width: 27px !important;
  padding-left: 7px !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   FIX — table borders when using rowspan
   Restores missing vertical line before cells like <td><p>20</p></td>
   ========================================================================== */

.bd-article table.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-left: 1px solid var(--pst-color-border, #d9eaf7) !important;
}

/* Normal cell borders */
.bd-article table.table th,
.bd-article table.table td {
  border-left: 1px solid var(--pst-color-border, #d9eaf7) !important;
  border-right: 0 !important;
}

/* Do not duplicate the outer left border on real first-column cells */
.bd-article table.table thead th:first-child,
.bd-article table.table tbody tr > td:first-child[rowspan] {
  border-left: 0 !important;
}

/* Rows after a rowspan start visually in column 2, so their first td needs the line */
.bd-article table.table tbody tr > td:first-child:not([rowspan]) {
  border-left: 1px solid var(--pst-color-border, #d9eaf7) !important;
}

/* Dark mode */
html[data-theme="dark"] .bd-article table.table,
html[data-theme="dark"] .bd-article table.table th,
html[data-theme="dark"] .bd-article table.table td,
html[data-theme="dark"] .bd-article table.table tbody tr > td:first-child:not([rowspan]) {
  border-color: var(--pst-color-border, #12375f) !important;
}

/* ==========================================================================
   FIX — navbar focus/hover ring cleanup
   ========================================================================== */

html body .didww-mint-navbar button:focus-visible,
html body .didww-mint-navbar .pst-navbar-icon:focus-visible,
html body .didww-mint-navbar .DocSearch-Button:focus-visible,
html body .didww-mint-navbar .theme-switch-button:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  html body .didww-mint-navbar .DocSearch-Button:hover,
  html body .didww-mint-navbar .DocSearch-Button:focus,
  html body .didww-mint-navbar .DocSearch-Button:focus-visible,
  html body .didww-mint-navbar .DocSearch-Button:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

.bd-sidebar-primary[open] {
    padding-top: 3rem;
}


.bd-sidebar-primary .sidebar-header-items .sidebar-header-items__end {
    padding-top: 1rem;
    border-top: 1px solid var(--pst-color-border);
}


:not(li) > ol > li:last-child > :last-child, :not(li) > ul > li:last-child > :last-child {
    margin-bottom: 0.5rem;
}

bd-sidebar-primary .sidebar-primary-items__end .sidebar-primary-item, .bd-sidebar-primary .sidebar-primary-items__start .sidebar-primary-item {
    padding: 1rem 0;
}

.bd-sidebar-primary :focus-visible {
    outline: var(--didww-hover-color, #4da3ff);
}


/* ==========================================================================
   FIX — DIDWW Mint tabs focus/hover should not look active unless real active
   Put at the VERY END of custom.css
   ========================================================================== */

/* Base state — light mode */
html[data-theme="light"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:not(.active):not([aria-current="page"]),
html[data-theme="light"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:not(.active):not([aria-current="page"]) {
 /* color: rgb(var(--didww-mint-gray-600)) !important; */
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Base state — dark mode */
html[data-theme="dark"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:not(.active):not([aria-current="page"]),
html[data-theme="dark"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:not(.active):not([aria-current="page"]) {
   /*color: #ffffff !important; */
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Hover only should become blue */
.didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:hover,
.didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:hover {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Focus should NOT look selected */
html[data-theme="light"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:focus,
html[data-theme="light"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:focus-visible,
html[data-theme="light"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:focus,
html[data-theme="light"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:focus-visible {
  color: rgb(var(--didww-mint-gray-600)) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  outline: 0 !important;
}

html[data-theme="dark"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:focus,
html[data-theme="dark"] .didww-mint-tabs .nav-item:not(.current):not(.active) > .nav-link:focus-visible,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:focus,
html[data-theme="dark"] .didww-mint-tabs-row .nav-item:not(.current):not(.active) > .nav-link:focus-visible {
  color: #ffffff !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  outline: 0 !important;
}

/* Real active/current state — light + dark */
.didww-mint-tabs .nav-item.current > .nav-link,
.didww-mint-tabs .nav-item.active > .nav-link,
.didww-mint-tabs .nav-link.active,
.didww-mint-tabs .nav-link[aria-current="page"],
.didww-mint-tabs-row .nav-item.current > .nav-link,
.didww-mint-tabs-row .nav-item.active > .nav-link,
.didww-mint-tabs-row .nav-link.active,
.didww-mint-tabs-row .nav-link[aria-current="page"] {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  border-bottom: 0 !important;
}

/* Remove pseudo underline conflicts */
.didww-mint-tabs .nav-link::before,
.didww-mint-tabs .nav-link::after,
.didww-mint-tabs-row .nav-link::before,
.didww-mint-tabs-row .nav-link::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   All pages: Sphinx Design grids/cards instant theme color switch only
   Does NOT override existing hover styles
   ========================================================================== */

/*
  Keep existing hover effects such as transform / shadow.
  Only prevent slow background/color/border repaint during light/dark switch.
*/

.bd-article .sd-card,
.bd-article .sd-card-hover {
  transition-property: transform, box-shadow, filter !important;
}

/* Card child text/icons should not animate color/background during theme switch */
.bd-article .sd-card-body,
.bd-article .sd-card-title,
.bd-article .sd-card-title *,
.bd-article .sd-card-text,
.bd-article .sd-card-text *,
.bd-article .sd-octicon,
.bd-article .integration-row,
.bd-article .integration-name {
  transition-property: transform, opacity !important;
}

/* Card pseudo-elements should not animate theme colors */
.bd-article .sd-card::before,
.bd-article .sd-card::after,
.bd-article .sd-card-hover::before,
.bd-article .sd-card-hover::after {
  transition-property: transform, opacity !important;
}

/* Overlay links should not create visible repaint/underline */
.bd-article .sd-card a.sd-stretched-link,
.bd-article .sd-card a.sd-hide-link-text {
  transition-property: none !important;
}

/* ==========================================================================
   DIDWW Mint top row: remove light/dark transition jutter
   ========================================================================== */

.didww-mint-top-row,
.didww-mint-top-row *,
.didww-mint-top-row::before,
.didww-mint-top-row::after,
.didww-mint-top-inner,
.didww-mint-top-inner *,
.didww-mint-top-inner::before,
.didww-mint-top-inner::after,
.didww-mint-navbar,
.didww-mint-navbar *,
.didww-mint-navbar::before,
.didww-mint-navbar::after,
.didww-mint-navbar-transition,
.didww-mint-navbar-transition::before,
.didww-mint-navbar-transition::after {
  transition: none !important;
  animation: none !important;
}

/* Remove explicit transition already defined on the navbar background layer */
.didww-mint-navbar-transition {
  transition: none !important;
  animation: none !important;
}

/* Theme-specific stable backgrounds */
html[data-theme="light"] .didww-mint-top-row,
html[data-theme="light"] .didww-mint-top-inner,
html[data-theme="light"] .didww-mint-navbar-transition {
  background: #f3fbff !important;
  background-color: #f3fbff !important;
  background-image: none !important;
}

html[data-theme="dark"] .didww-mint-top-row,
html[data-theme="dark"] .didww-mint-top-inner,
html[data-theme="dark"] .didww-mint-navbar-transition {
  background: var(--didww-bg-dark, #041225) !important;
  background-color: var(--didww-bg-dark, #041225) !important;
  background-image: none !important;
}

/* Prevent border/backdrop-filter repaint delay */
.didww-mint-navbar-transition {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="light"] .didww-mint-navbar-transition {
  border-bottom-color: #d9eaf7 !important;
}

html[data-theme="dark"] .didww-mint-navbar-transition {
  border-bottom-color: var(--didww-border-dark, #12375f) !important;
}

/* ==========================================================================
   FINAL FIX — DIDWW Mint top navbar dropdown
   Same clean style as version switcher
   Does NOT affect .didww-mint-api-switcher
   Put at the VERY END of custom.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   Dropdown parent item
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   Dropdown button — same visual behavior as normal top nav links
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;

  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgb(var(--didww-mint-gray-600)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  transform: none !important;
}

/* Dark mode button default */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle {
  color: #ffffff !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;

  transform: none !important;
}

/* --------------------------------------------------------------------------
   Closed dropdown hover/focus
   Text becomes blue, but no underline/border.
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus-visible,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus-visible {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;

  transform: none !important;
}

/* Dark closed dropdown hover/focus — same as light mode */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus-visible,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:not(.show):not([aria-expanded="true"]):focus-visible {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;

  transform: none !important;
}

/* --------------------------------------------------------------------------
   Open/current/active dropdown button
   Text blue + underline.
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"],
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"],
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  outline: 0 !important;

  transform: none !important;
}

/* Open/current/active hover/focus — keep underline, do not revert to closed hover */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle:hover {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;
  outline: 0 !important;

  transform: none !important;
}

/* Dark mode open/current/active — copied from light mode */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"],
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"],
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

 /* box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;  */
  outline: 0 !important;

  transform: none !important;
}

/* Dark mode open/current/active hover/focus — keep underline */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.current > button.dropdown-toggle:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown.active > button.dropdown-toggle:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu .dropdown-item.active) > button.dropdown-toggle:hover {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
  outline: 0 !important;

  transform: none !important;
}

/* --------------------------------------------------------------------------
   Chevron — stable, visible, never drops below text
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle::after {
  content: "" !important;

  display: inline-block !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 0 0 0.35rem !important;
  padding: 0 !important;

  position: static !important;
  inset: auto !important;

  vertical-align: middle !important;

  border-top: 0.32em solid currentColor !important;
  border-right: 0.32em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.32em solid transparent !important;

  color: currentColor !important;

  background: transparent !important;
  box-shadow: none !important;

  transform: translateY(1px) !important;
}

/* Chevron stays the same in every state */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:hover::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:focus::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:focus-visible::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:hover::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:focus::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle:focus-visible::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle.show::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle[aria-expanded="true"]::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.current) > button.dropdown-toggle::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:has(> .dropdown-menu li.active) > button.dropdown-toggle::after {
  content: "" !important;

  display: inline-block !important;

  border-top: 0.32em solid currentColor !important;
  border-right: 0.32em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.32em solid transparent !important;

  color: currentColor !important;

  background: transparent !important;
  box-shadow: none !important;

  transform: translateY(1px) !important;
}

/* Remove Bootstrap/PyData focus decorations */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle::before,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > button.dropdown-toggle::before {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
   Dropdown menu — same clean white card style as switcher
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu {
  position: absolute !important;

  top: calc(100% + 0.35rem) !important;
  left: 0 !important;
  right: auto !important;

  z-index: 6000 !important;

  min-width: 13rem !important;
  width: max-content !important;
  max-width: 18rem !important;

  margin: 0 !important;
  padding: 0.45rem 0 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid #d9eaf7 !important;
  border-radius: 0.85rem !important;

  box-shadow:
    0 1rem 2.5rem rgba(7, 27, 58, 0.14),
    0 0.25rem 0.75rem rgba(7, 27, 58, 0.06) !important;

  overflow: hidden !important;

  transform: none !important;
}

/* Keep same white dropdown in dark mode, like API switcher */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu {
  color: #102a43 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 1px solid #d9eaf7 !important;

  box-shadow:
    0 1rem 2.5rem rgba(7, 27, 58, 0.14),
    0 0.25rem 0.75rem rgba(7, 27, 58, 0.06) !important;
}

/* --------------------------------------------------------------------------
   Dropdown list items
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu li,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu li {
  display: block !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  list-style: none !important;
}

/* Dropdown links */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-height: 2.35rem !important;

  margin: 0 !important;
  padding: 0.55rem 1rem !important;

  color: #102a43 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  outline: 0 !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;

  text-align: left !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Child text inherits */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a *,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item * {
  color: inherit !important;
  background: transparent !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* --------------------------------------------------------------------------
   Dropdown item hover/focus/current
   Text blue only. No background fill.
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:hover,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:focus,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:hover,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:focus,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active {
  color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: 0 !important;

  font-weight: 500 !important;
}

/* Dark dropdown item hover/focus/current — same behavior */
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:focus,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item:focus,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active {
  color: var(--didww-primary) !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: 0 !important;

  font-weight: 500 !important;
}

/* Make nested text inherit the blue color */
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover *,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus *,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item *,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item *,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item *,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active *,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover *,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus *,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item *,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item *,
html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active *,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:hover *,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a:focus *,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .current > .dropdown-item *,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .active > .dropdown-item *,
html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item.active * {
  color: inherit !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   Remove dropdown pseudo decorations from links only
   -------------------------------------------------------------------------- */

.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a::before,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a::after,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item::before,
.didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a::before,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu a::after,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item::before,
.didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown > .dropdown-menu .dropdown-item::after {
  content: none !important;
  display: none !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   IMPORTANT: restore/protect API version switcher border and caret
   -------------------------------------------------------------------------- */

.didww-mint-api-switcher .version-switcher__button,
.didww-mint-api-switcher button.version-switcher__button,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button,
html[data-theme="dark"] .didww-mint-api-switcher button.version-switcher__button {
  border: 1px solid #d9eaf7 !important;
  border-radius: 0.75rem !important;
}

.didww-mint-api-switcher .version-switcher__button .caret,
.didww-mint-api-switcher button.version-switcher__button .caret,
html[data-theme="dark"] .didww-mint-api-switcher .version-switcher__button .caret,
html[data-theme="dark"] .didww-mint-api-switcher button.version-switcher__button .caret {
  display: inline-block !important;
  color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ==========================================================================
   FIX — keep DIDWW Mint top dropdown open while moving mouse to menu
   Adds an invisible hover bridge between button and dropdown
   Put at the VERY END of custom.css
   ========================================================================== */

@media (min-width: 992px) {
  /* Parent needs to own the bridge */
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown {
    position: relative !important;
  }

  /* Invisible bridge covering the gap between button and dropdown menu */
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown::after,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown::after {
    content: "" !important;

    position: absolute !important;
    left: -0.5rem !important;
    right: -0.5rem !important;
    top: 100% !important;

    height: 0.75rem !important;

    display: block !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    pointer-events: auto !important;
    z-index: 5999 !important;
  }

  /* Keep menu open when hovering the button area, bridge, or menu */
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:hover > .dropdown-menu,
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:focus-within > .dropdown-menu,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:hover > .dropdown-menu,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:focus-within > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Keep parent visually active while hover-open */
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle,
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle {
    color: var(--didww-hover-color, var(--didww-primary, #0072ce)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    /* box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-primary, #0072ce)) !important; */
    outline: 0 !important;

    transform: none !important;
  }

  /* Dark mode: same active underline behavior */
  html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle,
  html[data-theme="dark"] .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle,
  html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle,
  html[data-theme="dark"] .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle {
    color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

     /*  box-shadow: inset 0 -2px 0 var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important; */
    outline: 0 !important;

    transform: none !important;
  }

  /* Keep chevron visible and aligned while hover-open */
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle::after,
  .didww-mint-tabs .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle::after,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:hover > button.dropdown-toggle::after,
  .didww-mint-tabs-row .bd-navbar-elements > li.nav-item.dropdown:focus-within > button.dropdown-toggle::after {
    display: inline-block !important;

    border-top: 0.32em solid currentColor !important;
    border-right: 0.32em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.32em solid transparent !important;

    color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;

    transform: translateY(1px) !important;
  }
}


/* ==========================================================================
   DIDWW API version switcher label — desktop only
   ========================================================================== */

.didww-api-version-switcher {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.didww-api-version-switcher__label {
  display: inline-flex !important;
  align-items: center !important;

  color: var(--pst-color-text-muted, #334155) !important;

  font-family: var(--pst-font-family-base, inherit) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;

  white-space: nowrap !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] .didww-api-version-switcher__label {
  color: #d7eaff !important;
}

/* Hide label on tablet/mobile */
@media (max-width: 991.98px) {
  .didww-api-version-switcher__label {
    display: none !important;
  }

  .didww-api-version-switcher {
    gap: 0 !important;
  }
}

/* ==========================================================================
   FINAL FIX — text colour only
   ========================================================================== */

/* ==========================================================================
   FINAL FIX — replace dark-mode pure white text with #E9EAED
   ========================================================================== */

html[data-theme="dark"] {
  --pst-color-text-base: #E9EAED;
  --pst-color-text-muted: #E9EAED;
  --pst-color-heading-color: #E9EAED;
  --pst-color-on-background: #E9EAED;
  --pst-color-on-surface: #E9EAED;
}

/* Override hard-coded white text in dark mode */
html[data-theme="dark"] body,
html[data-theme="dark"] body *,
html[data-theme="dark"] .bd-article,
html[data-theme="dark"] .bd-article *,
html[data-theme="dark"] .bd-sidebar-primary,
html[data-theme="dark"] .bd-sidebar-primary *,
html[data-theme="dark"] #pst-secondary-sidebar,
html[data-theme="dark"] #pst-secondary-sidebar *,
html[data-theme="dark"] .didww-mint-navbar,
html[data-theme="dark"] .didww-mint-navbar *,
html[data-theme="dark"] .DocSearch-Modal,
html[data-theme="dark"] .DocSearch-Modal * {
  color: #E9EAED !important;
}

/* ==========================================================================
   Homepage: width, spacing
   ========================================================================== */

body.bd-homepage .bd-main .bd-content .bd-article-container {
  max-width: 90rem;
}

body.bd-homepage .bd-header-article {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.bd-homepage .bd-content,
body.bd-homepage .bd-article-container,
body.bd-homepage .bd-article,
body.bd-homepage .bd-landing-article {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.bd-homepage .bd-landing-article a.headerlink {
  display: none;
}

/* ==========================================================================
   Homepage light mode
   ========================================================================== */

html[data-theme="light"] body.bd-homepage {
  --pst-color-background: #ffffff;
  --pst-color-on-background: var(--didww-text, #102a43);
  --pst-color-surface: #ffffff;
  --pst-color-on-surface: var(--didww-text, #102a43);

  background: #ffffff;
  color: var(--didww-text, #102a43);
}

html[data-theme="light"] body.bd-homepage .bd-container,
html[data-theme="light"] body.bd-homepage .bd-container__inner.bd-page-width,
html[data-theme="light"] body.bd-homepage .bd-main,
html[data-theme="light"] body.bd-homepage .bd-content,
html[data-theme="light"] body.bd-homepage .bd-article-container,
html[data-theme="light"] body.bd-homepage .bd-article,
html[data-theme="light"] body.bd-homepage .bd-landing-article {
  background: #ffffff;
  background-color: #ffffff;
  color: var(--didww-text, #102a43);
}

/* ==========================================================================
   Homepage dark mode
   ========================================================================== */

html[data-theme="dark"] body.bd-homepage {
  --pst-color-background: var(--didww-bg-dark, #041225);
  --pst-color-on-background: #E9EAED;
  --pst-color-surface: var(--didww-surface-dark, #041225);
  --pst-color-on-surface: #E9EAED;

  background: var(--didww-bg-dark, #041225);
  color: #E9EAED;
}

html[data-theme="dark"] body.bd-homepage .bd-container,
html[data-theme="dark"] body.bd-homepage .bd-container__inner.bd-page-width,
html[data-theme="dark"] body.bd-homepage .bd-main,
html[data-theme="dark"] body.bd-homepage .bd-content,
html[data-theme="dark"] body.bd-homepage .bd-article-container,
html[data-theme="dark"] body.bd-homepage .bd-article,
html[data-theme="dark"] body.bd-homepage .bd-landing-article {
  background: var(--didww-bg-dark, #041225);
  background-color: var(--didww-bg-dark, #041225);
  color: #E9EAED;
}

/* ==========================================================================
   Homepage cards: theme base only, preserve existing hover effects
   ========================================================================== */

/* Light mode card base */
html[data-theme="light"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: var(--didww-border-light, #d9eaf7) !important;
  color: var(--didww-text, #102a43) !important;
}

/* Dark mode card base */
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) {
  background: var(--didww-surface-dark, #041225) !important;
  background-color: var(--didww-surface-dark, #041225) !important;
  border-color: var(--didww-border-dark, #12375f) !important;
  color: #E9EAED !important;
}

/* Homepage card text: dark mode base only */
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) .sd-card-title,
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) .sd-card-title *,
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) .sd-card-text,
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) .sd-card-text *,
html[data-theme="dark"] body.bd-homepage .sd-card:not(:hover):not(:focus-within) .integration-name {
  color: #E9EAED !important;
}

/* Homepage links: light mode */
html[data-theme="light"] body.bd-homepage .bd-article a:not(.sd-stretched-link):not(.sd-hide-link-text) {
  color: var(--didww-primary, #0072ce) !important;
}

html[data-theme="light"] body.bd-homepage .bd-article a:not(.sd-stretched-link):not(.sd-hide-link-text):hover {
  color: var(--didww-primary-hover, #005aa3) !important;
}

/* Homepage links: dark mode */
html[data-theme="dark"] body.bd-homepage .bd-article a:not(.sd-stretched-link):not(.sd-hide-link-text) {
  color: var(--didww-hover-color, #4da3ff) !important;
}

html[data-theme="dark"] body.bd-homepage .bd-article a:not(.sd-stretched-link):not(.sd-hide-link-text):hover {
  color: #7dd3fc !important;
}

/* Stretched card links should remain invisible overlays */
body.bd-homepage .bd-article a.sd-stretched-link,
body.bd-homepage .bd-article a.sd-hide-link-text,
body.bd-homepage .bd-article a.sd-stretched-link:hover,
body.bd-homepage .bd-article a.sd-hide-link-text:hover,
body.bd-homepage .bd-article a.sd-stretched-link:focus,
body.bd-homepage .bd-article a.sd-hide-link-text:focus {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   FINAL FIX — dark mode email/external link child spans inherit link color
   Fixes: sales<span>@</span>didww<span>.</span>com inside notes/admonitions
   Keeps external-link SVG normal weight
   ========================================================================== */

/* External links in dark mode */
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)),
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)) span,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)) .doc,
html[data-theme="dark"] .bd-article .admonition a.reference.external,
html[data-theme="dark"] .bd-article .admonition a.reference.external span,
html[data-theme="dark"] .bd-article .admonition a.reference.external .doc {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* SVG should follow link color, but do NOT add stroke */
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)) svg,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)) svg path,
html[data-theme="dark"] .bd-article .admonition a.reference.external svg,
html[data-theme="dark"] .bd-article .admonition a.reference.external svg path {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: none !important;
}

/* Hover/focus keeps the whole email link blue, including @ and . spans */
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover span,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus span,
html[data-theme="dark"] .bd-article .admonition a.reference.external:hover,
html[data-theme="dark"] .bd-article .admonition a.reference.external:focus,
html[data-theme="dark"] .bd-article .admonition a.reference.external:hover span,
html[data-theme="dark"] .bd-article .admonition a.reference.external:focus span {
  color: var(--didww-hover-color, var(--didww-sidebar-hover-color, #4da3ff)) !important;
}

/* Hover/focus SVG: still no stroke */
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover svg,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus svg,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover svg path,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus svg path,
html[data-theme="dark"] .bd-article .admonition a.reference.external:hover svg,
html[data-theme="dark"] .bd-article .admonition a.reference.external:focus svg,
html[data-theme="dark"] .bd-article .admonition a.reference.external:hover svg path,
html[data-theme="dark"] .bd-article .admonition a.reference.external:focus svg path {
  fill: currentColor !important;
  stroke: none !important;
}

/* Keep underline on the link itself only */
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)),
html[data-theme="dark"] .bd-article .admonition a.reference.external {
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
}

html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):hover,
html[data-theme="dark"] .bd-article a.reference.external:not(:has(img)):focus,
html[data-theme="dark"] .bd-article .admonition a.reference.external:hover,
html[data-theme="dark"] .bd-article .admonition a.reference.external:focus {
  text-decoration: none !important;
  border-bottom: 2px solid currentColor !important;
}

/* ==========================================================================
   FINAL FIX — right sidebar / On this page dark-mode hover + active colors
   Must come AFTER the global dark-mode #E9EAED text override
   ========================================================================== */

/* Right sidebar default text */
html[data-theme="dark"] #pst-secondary-sidebar,
html[data-theme="dark"] #pst-secondary-sidebar .sidebar-secondary-items,
html[data-theme="dark"] #pst-secondary-sidebar .sidebar-secondary__inner,
html[data-theme="dark"] #pst-secondary-sidebar .sidebar-secondary-item,
html[data-theme="dark"] #pst-secondary-sidebar .page-toc,
html[data-theme="dark"] #pst-secondary-sidebar .tocsection,
html[data-theme="dark"] #pst-secondary-sidebar .tocsection svg,
html[data-theme="dark"] #pst-secondary-sidebar .tocsection svg path {
  color: #E9EAED !important;
  fill: currentColor !important;
}

/* Default TOC links */
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link {
  color: #E9EAED !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Hover / focus */
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:hover,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:focus,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:focus-visible,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link:hover,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link:focus,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link:focus-visible {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Active/current link */
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry.active > a.nav-link,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry.current > a.nav-link,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link.active,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="true"],
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="page"],
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link.active,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link[aria-current="true"],
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.reference.internal.nav-link[aria-current="page"] {
  color: var(--didww-sidebar-hover-color, var(--didww-hover-color, #4da3ff)) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Nested spans/icons inherit the active/hover color */
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:hover *,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:focus *,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link.active *,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="true"] *,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="page"] * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Remove PyData/Bootstrap pseudo underline decorations */
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link::before,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link::after,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:hover::before,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link:hover::after,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link.active::before,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link.active::after,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="true"]::before,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="true"]::after,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="page"]::before,
html[data-theme="dark"] #pst-secondary-sidebar .toc-entry > a.nav-link[aria-current="page"]::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   FINAL FIX — heading anchor / headerlink icon uses DIDWW main dark blue
   ========================================================================== */

.bd-article a.headerlink,
.bd-article a.headerlink:link,
.bd-article a.headerlink:visited {
  color: #005aa3 !important; /* DIDWW main dark blue */

  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.bd-article a.headerlink:hover,
.bd-article a.headerlink:focus,
.bd-article a.headerlink:focus-visible {
  color: #005aa3 !important; /* keep same dark blue on hover */

  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.bd-article a.headerlink::before,
.bd-article a.headerlink::after,
.bd-article a.headerlink:hover::before,
.bd-article a.headerlink:hover::after,
.bd-article a.headerlink:focus::before,
.bd-article a.headerlink:focus::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================================
   FINAL FIX — DocSearch highlight <mark> color in dark mode
   Must come AFTER the global dark-mode text override
   ========================================================================== */

html[data-theme="dark"] .DocSearch-Modal mark,
html[data-theme="dark"] .DocSearch-Hit mark,
html[data-theme="dark"] .DocSearch-Hits mark,
html[data-theme="dark"] .DocSearch-Hit-title mark,
html[data-theme="dark"] .DocSearch-Hit-path mark,
html[data-theme="dark"] .DocSearch-Hit-text mark {
  color: var(--didww-primary, #0072ce) !important; /* DIDWW main dark blue */
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  font-style: normal !important;
  font-weight: 700 !important;
}

/* Selected result: keep mark blue too */
html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] mark,
html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-title mark,
html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-path mark {
  color: var(--didww-primary, #0072ce) !important;
  background: transparent !important;
}


/* ==========================================================================
   FINAL FIX — grid/card hover text color should not change in dark mode
   Keeps existing hover background, border, shadow, and transform effects
   ========================================================================== */

/* Keep all Sphinx Design card/grid text stable on hover */
html[data-theme="dark"] .bd-article .sd-card:hover,
html[data-theme="dark"] .bd-article .sd-card:focus-within,
html[data-theme="dark"] .bd-article .sd-card-hover:hover,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within,
html[data-theme="dark"] .bd-article .sd-card:hover .sd-card-body,
html[data-theme="dark"] .bd-article .sd-card:focus-within .sd-card-body,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .sd-card-body,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .sd-card-body {
  color: #E9EAED !important;
}

/* Card titles: no blue/white hover color swap */
html[data-theme="dark"] .bd-article .sd-card:hover .sd-card-title,
html[data-theme="dark"] .bd-article .sd-card:hover .sd-card-title *,
html[data-theme="dark"] .bd-article .sd-card:focus-within .sd-card-title,
html[data-theme="dark"] .bd-article .sd-card:focus-within .sd-card-title *,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .sd-card-title,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .sd-card-title *,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .sd-card-title,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .sd-card-title * {
  color: #E9EAED !important;
}

/* Card body text: no hover color swap */
html[data-theme="dark"] .bd-article .sd-card:hover .sd-card-text,
html[data-theme="dark"] .bd-article .sd-card:hover .sd-card-text *,
html[data-theme="dark"] .bd-article .sd-card:hover p,
html[data-theme="dark"] .bd-article .sd-card:hover p *,
html[data-theme="dark"] .bd-article .sd-card:hover li,
html[data-theme="dark"] .bd-article .sd-card:hover li *,
html[data-theme="dark"] .bd-article .sd-card:hover span,
html[data-theme="dark"] .bd-article .sd-card:hover .integration-name,
html[data-theme="dark"] .bd-article .sd-card:focus-within .sd-card-text,
html[data-theme="dark"] .bd-article .sd-card:focus-within .sd-card-text *,
html[data-theme="dark"] .bd-article .sd-card:focus-within p,
html[data-theme="dark"] .bd-article .sd-card:focus-within p *,
html[data-theme="dark"] .bd-article .sd-card:focus-within li,
html[data-theme="dark"] .bd-article .sd-card:focus-within li *,
html[data-theme="dark"] .bd-article .sd-card:focus-within span,
html[data-theme="dark"] .bd-article .sd-card:focus-within .integration-name,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .sd-card-text,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .sd-card-text *,
html[data-theme="dark"] .bd-article .sd-card-hover:hover p,
html[data-theme="dark"] .bd-article .sd-card-hover:hover p *,
html[data-theme="dark"] .bd-article .sd-card-hover:hover li,
html[data-theme="dark"] .bd-article .sd-card-hover:hover li *,
html[data-theme="dark"] .bd-article .sd-card-hover:hover span,
html[data-theme="dark"] .bd-article .sd-card-hover:hover .integration-name,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .sd-card-text,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .sd-card-text *,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within p,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within p *,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within li,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within li *,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within span,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within .integration-name {
  color: #E9EAED !important;
}

/* Keep stretched/hidden card links invisible and prevent link hover colors */
html[data-theme="dark"] .bd-article .sd-card:hover a.sd-stretched-link,
html[data-theme="dark"] .bd-article .sd-card:hover a.sd-hide-link-text,
html[data-theme="dark"] .bd-article .sd-card:focus-within a.sd-stretched-link,
html[data-theme="dark"] .bd-article .sd-card:focus-within a.sd-hide-link-text,
html[data-theme="dark"] .bd-article .sd-card-hover:hover a.sd-stretched-link,
html[data-theme="dark"] .bd-article .sd-card-hover:hover a.sd-hide-link-text,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within a.sd-stretched-link,
html[data-theme="dark"] .bd-article .sd-card-hover:focus-within a.sd-hide-link-text {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}