/*
  Dynamic Agility Website
  Global Workshop Map sidebar color lock

  The global Workshop Map panel appears next to the local Exercise sidebar on
  exercise pages. It should always keep the blue / light-blue main-page palette,
  regardless of the current exercise theme.
*/

.da-subpage .da-workshop-map-sidebar.da-detail-sidebar,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar.da-detail-sidebar,
.da-subpage:is(
  .da-landscape-page,
  .da-business-objectives-page,
  .da-initiatives-page,
  .da-capacity-page,
  .da-flow-problems-page,
  .da-portfolio-page,
  .da-initiative-contributions-page,
  .da-execution-units-page,
  .da-central-functions-page,
  .da-supplier-partner-page,
  .da-facilitation-page,
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-workshop-map-sidebar.da-detail-sidebar {
  border-color: rgba(37, 99, 235, 0.18) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(186, 230, 253, 0.72), transparent 18rem),
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.2), transparent 18rem),
    linear-gradient(180deg, rgba(248, 252, 255, 0.98), rgba(224, 242, 254, 0.92)) !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-sidebar-brand,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-sidebar-brand {
  border-bottom-color: rgba(37, 99, 235, 0.18) !important;
}

.da-subpage .da-workshop-map-sidebar .da-brand-link,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-brand-link,
.da-subpage .da-workshop-map-sidebar .da-detail-nav-subitem span,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-subitem span {
  color: #2563eb !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-sidebar-brand p,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-sidebar-brand p {
  color: #475569 !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-nav-group[open],
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-group[open] {
  border-color: rgba(37, 99, 235, 0.18) !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-nav-group .da-nav-number,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-group .da-nav-number {
  background: linear-gradient(135deg, rgba(186, 230, 253, 0.96), rgba(255, 255, 255, 0.82)) !important;
  color: #1d4ed8 !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-nav-subitem:hover,
.da-subpage .da-workshop-map-sidebar .da-detail-nav-subitem.is-active,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-subitem:hover,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-subitem.is-active {
  color: var(--da-ink) !important;
  background: rgba(186, 230, 253, 0.46) !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-nav-subitem.is-active,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-nav-subitem.is-active {
  box-shadow: inset 3px 0 0 #2563eb !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-sidebar-footer,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-sidebar-footer {
  border-top-color: rgba(37, 99, 235, 0.18) !important;
}

.da-subpage .da-workshop-map-sidebar .da-detail-sidebar-footer a,
.da-subpage[class*="da-exercise-theme-"] .da-workshop-map-sidebar .da-detail-sidebar-footer a,
.da-workshop-footer-actions a {
  background: linear-gradient(135deg, #2563eb, #0284c7) !important;
  color: #ffffff !important;
}