/* Better visual in high contrast mode */

@media (forced-colors: active) {


  button.btn {
    /* Remove hover styles */
    background-color: ButtonFace !important; /* or your desired fixed color */
    color: ButtonText !important;           /* ensures text is readable */
    border-color: ButtonText !important;
    
    /* Remove any transitions that may cause the quick hover effect */
    transition: none !important;
  }

  button.btn:hover,
  button.btn:focus {
    /* Keep the same styles on hover/focus */
    background-color: ButtonFace !important;
    color: ButtonText !important;
    border-color: ButtonText !important;
  }


  :root {
    --bs-border-color: #ffbf47;
  }
  
  .border {
    forced-color-adjust: none !important;
  }


.custom-alert {
    forced-color-adjust: none;
    border-left: 8px solid currentColor;
    padding-left: 1rem;

  }

  .alert-primary    { background-color:  inherit!important; color: #fff !important;border-color: #06c !important; }
  .alert-success    { background-color:  inherit!important; color: #fff !important; border-color: #019c56 !important; }
  .alert-warning    { background-color:  inherit!important; color: #fff !important;border-color: #995c00 !important; }
  .alert-danger     { background-color:  inherit!important; color: #fff !important; border-color: #ff1128 !important; }
  .alert-pride      { background-color:  inherit!important; color: #fff !important; border-color: #ff1128 !important; }



.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    padding-left: 4em;
    background-color: #fff;
    border-radius: 0;
    background-position: 20px 12px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

  .custom-alert a {
    color: LinkText !important; /* Optional: explicitly use system color */
    forced-color-adjust: auto;   /* Let the system apply link color */
  }

  .custom-alert {
    forced-color-adjust: none; /* Prevent system overriding the alert box */
  }

  kbd {
    forced-color-adjust: none;
    color: #222 !important; 
    background: #eee !important; 
  }

  .notices {
    forced-color-adjust: none;
    background: none;
    color:#fff;
  }

  .notices * {
    forced-color-adjust: auto;
  }


.bg-code {
  forced-color-adjust: none;
background-color: #555 !important;
}


details {
  forced-color-adjust: none;
background-color: #555 !important;
}


.code- {
  forced-color-adjust: none;
background-color: #555 !important;
}

  ::backdrop {
  forced-color-adjust: none;
  background-color:black!important;
  opacity:1!important;
  }

mark {
  forced-color-adjust: none;
  background-color: #ffeb3b!important;
  padding:0;
  margin:0;
}




a[target="_blank"]::after {
    forced-color-adjust: none;
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.25rem;
  vertical-align: text-top;

  background-color: currentColor!important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") no-repeat center / contain;

          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}





  a.btn {
    /* Remove hover styles */
    background-color: ButtonFace !important; /* or your desired fixed color */
    color: ButtonText !important;           /* ensures text is readable */
    border-color: ButtonText !important;
    
    /* Remove any transitions that may cause the quick hover effect */
    transition: none !important;
  }

  °:hover,
  a.btn:focus {
    /* Keep the same styles on hover/focus */
    background-color: ButtonFace !important;
    color: ButtonText !important;
    border-color: ButtonText !important;
  }



.mermaid svg { color:  currentColor !important; }
.mermaid text.actor>tspan,
.mermaid svg polygon { stroke: currentColor !important; fill: Canvas!important; }
.mermaid svg text { fill: CanvasText !important; }
.mermaid svg rect,
.mermaid svg circle,
.mermaid svg ellipse {
    stroke: currentColor !important;
    fill: Canvas !important; 
}
.mermaid .commit-label-bkg {
    opacity:1!important;
}
.mermaid .noteText>tspan {
    fill:  currentColor !important;
}
.mermaid svg path,
.mermaid svg line { stroke: currentColor !important;  }

.mermaid svg path.pieCircle,
.mermaid svg line.pieCircle { stroke: currentColor !important; fill: Canvas!important;  }

.mermaid svg path.pieCircle,
.mermaid svg line.pieCircle { stroke: currentColor !important; fill: Canvas!important;  }


[aria-roledescription="mindmap"] * {
stroke: unset !important; fill: unset!important; stroke-width:unset;
}


[aria-roledescription="timeline"] * {
fill:none!important;
stroke: unset !important; fill: unset!important; stroke-width:unset;
}


.mermaid text.actor>tspan {
stroke:inherit!important;
fill:none!important;
}

a {
color:white!important
}

}