/* checkbox-fix.css
   Lightweight visual tweaks for native checkboxes in admin + login.
   This CSS intentionally avoids replacing the control; it styles borders/background
   and leaves native checkbox behavior intact for maximum compatibility.
*/

/* Generic rule for checkboxes we target */
input[type="checkbox"].wp-checkbox-fixed {
    /* Keep native appearance */
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;

    /* Ensure visible border on all browsers */
    border: 1px solid #777;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    vertical-align: middle;
    background-clip: padding-box;
}

/* Visual hint when focused */
input[type="checkbox"].wp-checkbox-fixed:focus {
    box-shadow: 0 0 0 3px rgba(0,115,170,0.08);
    outline: none;
}

/* For accessibility, indicate disabled */
input[type="checkbox"].wp-checkbox-fixed[disabled] {
    opacity: 0.6;
}

/* Dark mode automatic */
@media (prefers-color-scheme: dark) {
    input[type="checkbox"].wp-checkbox-fixed {
        border-color: #888;
        background-color: #111;
    }
}