/* Bootstrap's button:focus also outlines a dialog's mouse-focused close button.
   Keep an explicit keyboard indicator and suppress only pointer focus outlines. */
@supports selector(:focus-visible) {
    :is(
        .da-monthly-dialog-close,
        .modal .close,
        .modal [data-dismiss="modal"],
        .club-map-modal__close,
        .da-quiz-root .quiz-close,
        .da-quiz-root .widget-close,
        .promo-popup-block__close,
        .cbk-close-window,
        .cbk-window-close,
        #banner-modal-close
    ):focus:not(:focus-visible) {
        outline: none !important;
    }

    :is(
        .da-monthly-dialog-close,
        .modal .close,
        .modal [data-dismiss="modal"],
        .club-map-modal__close,
        .da-quiz-root .quiz-close,
        .da-quiz-root .widget-close,
        .promo-popup-block__close,
        .cbk-close-window,
        .cbk-window-close,
        #banner-modal-close
    ):focus-visible {
        outline: 2px solid #1c2ecf !important;
        outline-offset: 2px !important;
    }
}

@media (forced-colors: active) {
    :is(.da-monthly-dialog-close, .modal [data-dismiss="modal"],
        .club-map-modal__close, .da-quiz-root .quiz-close,
        .da-quiz-root .widget-close, .promo-popup-block__close,
        .cbk-close-window, .cbk-window-close, #banner-modal-close):focus-visible {
        outline-color: Highlight !important;
    }
}