/**
 * eReader focus ring aligned with Classroom Magazines core mixins:
 * - @include cm-focus-outline();  → core/mixins/core.scss (default: black outer, white inner, 2px)
 * - @include cm-transition(.2s);  → same file
 */
cer-nav-bar :is(button, a[href], [role="button"]),
nav-tool.tool :is(button, a[href], [role="button"]),
.tool-menu :is(button, a[href], [role="button"], input, select),
.tool-toggle,
cer-footer-bar :is(button, a[href], [role="button"]),
cer-content-drawer :is(button, a[href], [role="button"]),
main cer-epub-pager button.pager {
    outline: unset;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

cer-nav-bar :is(button, a[href], [role="button"]):focus,
nav-tool.tool :is(button, a[href], [role="button"]):focus,
.tool-menu :is(button, a[href], [role="button"], input, select):focus,
.tool-toggle:focus,
cer-footer-bar :is(button, a[href], [role="button"]):focus,
cer-content-drawer :is(button, a[href], [role="button"]):focus,
main cer-epub-pager button.pager:focus {
    outline: unset !important;
    /* Same as @include cm-outline(black, white, 2px); */
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000 !important;
}

/* Icon-only toolbar buttons: keep mixin look, suppress underline from .btn-icon:focus */
cer-nav-bar .btn.btn-icon:focus,
nav-tool.tool .btn.btn-icon:focus,
.tool-menu .btn.btn-icon:focus {
    text-decoration: none !important;
}