/* FINAL FINAL OVERRIDE - Bootstrap 5 focus ring uses box-shadow - Maximum specificity to override Bootstrap */
html body .rightbar_toggler-con:focus,
html body .rightbar_toggler-con:focus-visible,
html body .rightbar_toggler-con:focus-within,
html body .rightbar_toggler-con:active,
html body .rightbar_toggler-con:hover:focus,
html body .rightbar_toggler-con:hover:focus-visible,
html body .rightbar_toggler-con:hover:focus-within,
html body .rightbar_toggler-con div.rightbar_togglerbox:focus,
html body .rightbar_toggler-con div.rightbar_togglerbox:focus-visible,
html body .rightbar_toggler-con div.rightbar_togglerbox:focus-within,
html body .rightbar_toggler-con div.rightbar_togglerbox:active,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover:focus,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover:focus-visible,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover:focus-within,
html body .rightbar_toggler-con div.rightbar_togglerbox *:focus,
html body .rightbar_toggler-con div.rightbar_togglerbox *:focus-visible,
html body .rightbar_toggler-con div.rightbar_togglerbox *:focus-within {
    /* Override Bootstrap's focus ring box-shadow - Bootstrap uses rgba(13, 110, 253, 0.25) */
    box-shadow: none !important;
    box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: none !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    -moz-box-shadow: none !important;
    -moz-box-shadow: 0 0 0 0 transparent !important;
    -ms-box-shadow: none !important;
    outline: 0 none transparent !important;
    outline-offset: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    border: 0 none transparent !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
}

/* CRITICAL - Remove blue border on hover specifically */
html body .rightbar_toggler-con:hover,
html body .rightbar_toggler-con:hover *,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover *,
html body .rightbar_toggler-con div.rightbar_togglerbox.modebtn:hover,
html body .rightbar_toggler-con div.rightbar_togglerbox.modebtn:hover * {
    outline: 0 none transparent !important;
    outline-offset: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    border: 0 none transparent !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: 0 0 0 0 transparent !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    /* CRITICAL - Disable ALL transitions on hover to prevent blinking */
    transition: none !important;
    transition-property: none !important;
    animation: none !important;
}

/* TARGET SPAN.BTN SPECIFICALLY */
html body .rightbar_toggler-con:hover span.btn,
html body .rightbar_toggler-con:hover span.btn:hover,
html body .rightbar_toggler-con:hover span.btn:focus,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover span.btn,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover span.btn:hover,
html body .rightbar_toggler-con div.rightbar_togglerbox:hover span.btn:focus {
    outline: 0 none transparent !important;
    border: 0 none transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    -moz-box-shadow: 0 0 0 0 transparent !important;
    transition: none !important;
    animation: none !important;
}