/**
 * Keep rewritten controls looking like MEC’s original month/day chrome.
 * Focus rings are explicit so keyboard users can see the target.
 */

button.mec-load-month-link,
button.mec-has-event-a {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: inherit;
    line-height: inherit;
    display: inline;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

a.mec-load-month-link:focus,
a.mec-has-event-a:focus,
button.mec-load-month-link:focus,
button.mec-has-event-a:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

a.mec-load-month-link:focus-visible,
a.mec-has-event-a:focus-visible,
button.mec-load-month-link:focus-visible,
button.mec-has-event-a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

a.mec-load-month-link[href="#"]:not([data-mec-acc-fixed]),
a.mec-has-event-a[href="#"]:not([data-mec-acc-fixed]) {
    /* Safety: unfixed leftovers should still look like controls, not dead text. */
    cursor: pointer;
}
