/* This file contains styling for accessibility improvements */

/* Ensure focus is visible for all interactive elements */
button:focus,
select:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px white;
}

/* Make focus visible even when using mouse (helpful for hybrid users) */
:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px white;
}

/* Buttons */
button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

lojic-sidebar button[data-tooltip] {
    position: relative; /* make tooltip absolute relative to button */
    z-index: 1; /* optional, ensures above other content */
}

/* Accessible to screen readers only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* prevent line breaks */
    border: 0;
}